YunFeiyang
/
noname
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add files via upload

This commit is contained in:
Spmario233 2020-03-10 11:43:11 +08:00 committed by GitHub
parent 7248fd8f6c
commit 66d71f9b72
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
54 changed files with 81860 additions and 81840 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3870
card/gujian.js
View File

File diff suppressed because it is too large Load Diff

4694
card/gwent.js
View File

File diff suppressed because it is too large Load Diff

1482
card/hearth.js
View File

File diff suppressed because it is too large Load Diff

1
card/huanlekapai.js
View File

@ -18,6 +18,7 @@ game.import('card',function(lib,game,ui,get,ai,_status){
},
"mianju":{
audio:true,
fullskin:true,
type:"equip",
subtype:"equip2",
skills:["mianju"],

1462
card/mtg.js
View File

File diff suppressed because it is too large Load Diff

1404
card/sp.js
View File

File diff suppressed because it is too large Load Diff

10958
card/swd.js
View File

File diff suppressed because it is too large Load Diff

1926
card/yunchou.js
View File

File diff suppressed because it is too large Load Diff

882
card/zhenfa.js
View File

@ -1,441 +1,441 @@
'use strict';
game.import('card',function(lib,game,ui,get,ai,_status){
return {
name:'zhenfa',
card:{
pozhenjue:{
type:'zhenfa',
chongzhu:true,
enable:true,
notarget:true,
content:function(){
var targets=game.filterPlayer();
var n=targets.length;
while(n--){
game.swapSeat(targets.randomGet(),targets.randomGet());
}
},
mode:['guozhan'],
ai:{
order:8,
result:{
player:1,
},
}
},
changshezhen:{
type:'zhenfa',
chongzhu:true,
enable:function(card,player){
if(player.inline()) return true;
if(player.identity=='unknown'||player.identity=='ye') return false;
return game.hasPlayer(function(current){
return current!=player&&current.isFriendOf(player);
});
},
notarget:true,
content:function(){
if(player.inline()){
var targets=game.filterPlayer(function(current){
return player.inline(current);
});
player.line(targets);
game.asyncDraw(targets);
}
else if(player.getNext()){
var list=game.filterPlayer(function(current){
return current!=player&&current.isFriendOf(player);
});
if(list.length){
list.sort(function(a,b){
return get.distance(player,a,'absolute')-get.distance(player,b,'absolute');
});
player.line(list[0]);
game.swapSeat(list[0],player.getNext(),true,true);
}
}
},
mode:['guozhan'],
ai:{
order:6.5,
result:{
player:1,
},
tag:{
draw:1
}
}
},
tianfuzhen:{
type:'zhenfa',
chongzhu:true,
enable:function(){
return game.hasPlayer(function(current){
return current.isMajor();
});
},
filterTarget:function(card,player,target){
return target.isMajor()&&target.countCards('he')>0;
},
selectTarget:-1,
content:function(){
target.chooseToDiscard('he',true).delay=false;
},
mode:['guozhan'],
ai:{
order:7,
result:{
target:-1,
},
tag:{
discard:1
}
}
},
dizaizhen:{
type:'zhenfa',
chongzhu:true,
enable:function(){
return game.hasPlayer(function(current){
return current.isNotMajor();
});
},
filterTarget:function(card,player,target){
return target.isNotMajor();
},
selectTarget:-1,
content:function(){
target.draw(false);
target.$draw();
},
mode:['guozhan'],
ai:{
order:7,
result:{
target:1,
},
tag:{
draw:1
}
}
},
fengyangzhen:{
type:'zhenfa',
chongzhu:true,
enable:true,
filterTarget:function(card,player,target){
return target.sieged();
},
selectTarget:-1,
content:function(){
target.addTempSkill('feiying',{player:'damageAfter'});
target.popup('feiying');
game.log(target,'获得了技能','【飞影】');
},
mode:['guozhan'],
ai:{
order:7,
result:{
target:2,
},
}
},
yunchuizhen:{
type:'zhenfa',
chongzhu:true,
enable:true,
filterTarget:function(card,player,target){
return target.siege();
},
selectTarget:-1,
content:function(){
target.addTempSkill('wushuang',{source:'damageAfter'});
target.popup('wushuang');
game.log(target,'获得了技能','【无双】');
},
mode:['guozhan'],
ai:{
order:7,
result:{
target:2,
},
}
},
qixingzhen:{
type:'zhenfa',
chongzhu:true,
enable:function(card,player){
return player.siege()||player.sieged();
},
filterTarget:function(card,player,target){
return target==player;
},
selectTarget:-1,
content:function(){
'step 0'
event.targets=game.filterPlayer(function(current){
return current.siege(player);
});
'step 1'
if(event.targets.length){
var current=event.targets.shift();
player.line(current,'green');
player.discardPlayerCard(current,true);
event.redo();
}
'step 2'
var list=game.filterPlayer(function(current){
return current.sieged(player);
});
if(list.length){
player.useCard({name:'sha'},list,false);
}
},
mode:['guozhan'],
ai:{
order:7,
result:{
target:1,
},
}
},
shepanzhen:{
type:'zhenfa',
chongzhu:true,
enable:function(card,player){
if(player.identity=='unknown'||player.identity=='ye') return false;
if(get.population(player.identity)<=1) return false;
return game.hasPlayer(function(current){
return current!=player&&current.identity==player.identity&&!player.inline(current);
});
},
notarget:true,
content:function(){
var targets=game.filterPlayer(function(current){
return current.identity==player.identity;
});
targets.sortBySeat();
for(var i=1;i<targets.length;i++){
game.swapSeat(targets[i],targets[i-1].next,false);
}
game.log(get.translation(player.identity)+'势力角色摆成了蛇蟠阵')
},
mode:['guozhan'],
ai:{
order:7,
result:{
player:1,
},
}
},
longfeizhen:{
type:'zhenfa',
chongzhu:true,
enable:function(card,player){
return player.next.siege(player);
},
filterTarget:function(card,player,target){
if(target.getCards('he').length==0) return false;
return target==player.next||target==player.previous;
},
selectTarget:-1,
content:function(){
"step 0"
player.choosePlayerCard(target,'he',true);
"step 1"
target.discard(result.buttons[0].link);
"step 2"
if(target==targets[targets.length-1]){
player.draw();
}
},
mode:['guozhan'],
ai:{
order:10,
result:{
target:-1,
player:1
},
}
},
huyizhen:{
type:'zhenfa',
chongzhu:true,
enable:function(card,player){
return player.siege(player.next)||player.siege(player.previous);
},
filterTarget:function(card,player,target){
return player.siege(target);
},
selectTarget:-1,
content:function(){
"step 0"
player.chooseCard('将一张非基本牌当作杀对'+get.translation(target)+'使用','he',function(card){
return get.type(card)!='basic';
}).ai=function(card){
if(get.effect(target,{name:'sha'},player,player)>0){
return 6-get.value(card);
}
return 0;
};
"step 1"
if(result.bool){
player.useCard({name:'sha'},result.cards,target,false);
}
"step 2"
if(target==player.next) event.player2=player.next.next;
else event.player2=player.previous.previous;
event.player2.chooseCard('将一张非基本牌当作杀对'+get.translation(target)+'使用','he',function(card){
return get.type(card)!='basic';
}).ai=function(card){
if(get.effect(target,{name:'sha'},event.player2,event.player2)>0){
return 6-get.value(card);
}
return 0;
};
"step 3"
if(result.bool){
event.player2.useCard({name:'sha'},result.cards,target,false);
}
},
mode:['guozhan'],
ai:{
order:7,
result:{
target:-2,
},
}
},
niaoxiangzhen:{
type:'zhenfa',
chongzhu:true,
enable:true,
filterTarget:function(card,player,target){
if(player.identity==target.identity) return false;
if(target.identity=='unknown'||target.identity=='ye') return false;
return target.identity==target.next.identity||target.identity==target.previous.identity
},
selectTarget:-1,
content:function(){
"step 0"
var next=target.chooseToRespond({name:'shan'});
next.ai=function(card){
if(get.damageEffect(target,player,target)>=0) return 0;
return 1;
};
next.autochoose=lib.filter.autoRespondShan;
"step 1"
if(result.bool==false){
target.damage();
}
},
ai:{
basic:{
order:9,
useful:1
},
result:{
target:-1.5,
},
tag:{
respond:1,
respondShan:1,
damage:1,
}
},
mode:['guozhan'],
},
},
skill:{
},
translate:{
zhenfa:'阵法',
changshezhen:'长蛇阵',
pozhenjue:'破阵决',
tianfuzhen:'天覆阵',
dizaizhen:'地载阵',
fengyangzhen:'风扬阵',
yunchuizhen:'云垂阵',
qixingzhen:'七星阵',
shepanzhen:'蛇蟠阵',
shepanzhen_bg:'列',
yunchuizhen_bg:'垂',
longfeizhen:'龙飞阵',
huyizhen:'虎翼阵',
niaoxiangzhen:'鸟翔阵',
niaoxiangzhen_info:'令所有非你阵营的队列的角色今次打出一张闪，或者受到一点伤害',
qixingzhen_info:'弃置所有围攻你的角色各一张牌，然后视为对所有你围攻的角色使用一张不计入出杀次数的杀',
// longfeizhen_info:'弃置围攻你的角色各一张牌，然后摸一张牌',
// qixingzhen_info:'令我方所有角色进入围攻状态',
// shepanzhen_info:'令我方所有角色进入队列状态',
// yunchuizhen_info:'令所有围攻角色获得技能【无双】，直到其首次造成伤害',
// fengyangzhen_info:'令所有被围攻角色获得技能【飞影】，直到其首次受到伤害',
dizaizhen_info:'所有小势力角色摸一张牌',
changshezhen_info:'若你处于队列中，与你同一队列的所有角色摸一张牌，否则将与你逆时针距离最近的同势力角色移至你下家',
// pozhenjue_info:'将所有角色的顺序随机重排',
tianfuzhen_info:'所有大势力角色弃置一张牌'
},
list:[
["diamond",1,'changshezhen'],
["club",1,'changshezhen'],
// ["spade",1,'changshezhen'],
// ["heart",1,'changshezhen'],
["diamond",2,'tianfuzhen'],
// ["club",2,'tianfuzhen'],
["spade",2,'tianfuzhen'],
["heart",2,'tianfuzhen'],
["diamond",3,'dizaizhen'],
// ["club",3,'dizaizhen'],
["spade",3,'dizaizhen'],
["heart",3,'dizaizhen'],
// ["diamond",4,'fengyangzhen'],
// ["club",4,'fengyangzhen'],
// ["spade",4,'fengyangzhen'],
// ["heart",4,'fengyangzhen'],
// ["diamond",5,'zhonghuangzhen'],
// ["club",5,'zhonghuangzhen'],
// ["spade",5,'zhonghuangzhen'],
// ["heart",5,'zhonghuangzhen'],
// ["diamond",6,'huyizhen'],
// ["club",6,'huyizhen'],
// ["spade",6,'huyizhen'],
// ["heart",6,'huyizhen'],
["diamond",7,'qixingzhen'],
["club",7,'qixingzhen'],
["spade",7,'qixingzhen'],
// ["heart",7,'qixingzhen'],
// ["diamond",8,'shepanzhen'],
// ["club",8,'shepanzhen'],
// ["spade",8,'shepanzhen'],
// ["heart",8,'shepanzhen'],
// ["diamond",9,'longfeizhen'],
// ["club",9,'longfeizhen'],
// ["spade",9,'longfeizhen'],
// ["heart",9,'longfeizhen'],
["diamond",11,'niaoxiangzhen'],
// ["club",11,'niaoxiangzhen'],
["spade",11,'niaoxiangzhen'],
["heart",11,'niaoxiangzhen'],
// ["diamond",12,'yunchuizhen'],
// ["club",12,'yunchuizhen'],
// ["spade",12,'yunchuizhen'],
// ["heart",12,'yunchuizhen'],
// ["diamond",13,'pozhenjue'],
// ["club",13,'pozhenjue'],
// ["spade",13,'pozhenjue'],
//["heart",13,'pozhenjue'],
],
};
});
'use strict';
game.import('card',function(lib,game,ui,get,ai,_status){
return {
name:'zhenfa',
card:{
pozhenjue:{
type:'zhenfa',
chongzhu:true,
enable:true,
notarget:true,
content:function(){
var targets=game.filterPlayer();
var n=targets.length;
while(n--){
game.swapSeat(targets.randomGet(),targets.randomGet());
}
},
mode:['guozhan'],
ai:{
order:8,
result:{
player:1,
},
}
},
changshezhen:{
type:'zhenfa',
chongzhu:true,
enable:function(card,player){
if(player.inline()) return true;
if(player.identity=='unknown'||player.identity=='ye') return false;
return game.hasPlayer(function(current){
return current!=player&&current.isFriendOf(player);
});
},
notarget:true,
content:function(){
if(player.inline()){
var targets=game.filterPlayer(function(current){
return player.inline(current);
});
player.line(targets);
game.asyncDraw(targets);
}
else if(player.getNext()){
var list=game.filterPlayer(function(current){
return current!=player&&current.isFriendOf(player);
});
if(list.length){
list.sort(function(a,b){
return get.distance(player,a,'absolute')-get.distance(player,b,'absolute');
});
player.line(list[0]);
game.swapSeat(list[0],player.getNext(),true,true);
}
}
},
mode:['guozhan'],
ai:{
order:6.5,
result:{
player:1,
},
tag:{
draw:1
}
}
},
tianfuzhen:{
type:'zhenfa',
chongzhu:true,
enable:function(){
return game.hasPlayer(function(current){
return current.isMajor();
});
},
filterTarget:function(card,player,target){
return target.isMajor()&&target.countCards('he')>0;
},
selectTarget:-1,
content:function(){
target.chooseToDiscard('he',true).delay=false;
},
mode:['guozhan'],
ai:{
order:7,
result:{
target:-1,
},
tag:{
discard:1
}
}
},
dizaizhen:{
type:'zhenfa',
chongzhu:true,
enable:function(){
return game.hasPlayer(function(current){
return current.isNotMajor();
});
},
filterTarget:function(card,player,target){
return target.isNotMajor();
},
selectTarget:-1,
content:function(){
target.draw(false);
target.$draw();
},
mode:['guozhan'],
ai:{
order:7,
result:{
target:1,
},
tag:{
draw:1
}
}
},
fengyangzhen:{
type:'zhenfa',
chongzhu:true,
enable:true,
filterTarget:function(card,player,target){
return target.sieged();
},
selectTarget:-1,
content:function(){
target.addTempSkill('feiying',{player:'damageAfter'});
target.popup('feiying');
game.log(target,'获得了技能','【飞影】');
},
mode:['guozhan'],
ai:{
order:7,
result:{
target:2,
},
}
},
yunchuizhen:{
type:'zhenfa',
chongzhu:true,
enable:true,
filterTarget:function(card,player,target){
return target.siege();
},
selectTarget:-1,
content:function(){
target.addTempSkill('wushuang',{source:'damageAfter'});
target.popup('wushuang');
game.log(target,'获得了技能','【无双】');
},
mode:['guozhan'],
ai:{
order:7,
result:{
target:2,
},
}
},
qixingzhen:{
type:'zhenfa',
chongzhu:true,
enable:function(card,player){
return player.siege()||player.sieged();
},
filterTarget:function(card,player,target){
return target==player;
},
selectTarget:-1,
content:function(){
'step 0'
event.targets=game.filterPlayer(function(current){
return current.siege(player);
});
'step 1'
if(event.targets.length){
var current=event.targets.shift();
player.line(current,'green');
player.discardPlayerCard(current,true);
event.redo();
}
'step 2'
var list=game.filterPlayer(function(current){
return current.sieged(player);
});
if(list.length){
player.useCard({name:'sha'},list,false);
}
},
mode:['guozhan'],
ai:{
order:7,
result:{
target:1,
},
}
},
shepanzhen:{
type:'zhenfa',
chongzhu:true,
enable:function(card,player){
if(player.identity=='unknown'||player.identity=='ye') return false;
if(get.population(player.identity)<=1) return false;
return game.hasPlayer(function(current){
return current!=player&&current.identity==player.identity&&!player.inline(current);
});
},
notarget:true,
content:function(){
var targets=game.filterPlayer(function(current){
return current.identity==player.identity;
});
targets.sortBySeat();
for(var i=1;i<targets.length;i++){
game.swapSeat(targets[i],targets[i-1].next,false);
}
game.log(get.translation(player.identity)+'势力角色摆成了蛇蟠阵')
},
mode:['guozhan'],
ai:{
order:7,
result:{
player:1,
},
}
},
longfeizhen:{
type:'zhenfa',
chongzhu:true,
enable:function(card,player){
return player.next.siege(player);
},
filterTarget:function(card,player,target){
if(target.getCards('he').length==0) return false;
return target==player.next||target==player.previous;
},
selectTarget:-1,
content:function(){
"step 0"
player.choosePlayerCard(target,'he',true);
"step 1"
target.discard(result.buttons[0].link);
"step 2"
if(target==targets[targets.length-1]){
player.draw();
}
},
mode:['guozhan'],
ai:{
order:10,
result:{
target:-1,
player:1
},
}
},
huyizhen:{
type:'zhenfa',
chongzhu:true,
enable:function(card,player){
return player.siege(player.next)||player.siege(player.previous);
},
filterTarget:function(card,player,target){
return player.siege(target);
},
selectTarget:-1,
content:function(){
"step 0"
player.chooseCard('将一张非基本牌当作杀对'+get.translation(target)+'使用','he',function(card){
return get.type(card)!='basic';
}).ai=function(card){
if(get.effect(target,{name:'sha'},player,player)>0){
return 6-get.value(card);
}
return 0;
};
"step 1"
if(result.bool){
player.useCard({name:'sha'},result.cards,target,false);
}
"step 2"
if(target==player.next) event.player2=player.next.next;
else event.player2=player.previous.previous;
event.player2.chooseCard('将一张非基本牌当作杀对'+get.translation(target)+'使用','he',function(card){
return get.type(card)!='basic';
}).ai=function(card){
if(get.effect(target,{name:'sha'},event.player2,event.player2)>0){
return 6-get.value(card);
}
return 0;
};
"step 3"
if(result.bool){
event.player2.useCard({name:'sha'},result.cards,target,false);
}
},
mode:['guozhan'],
ai:{
order:7,
result:{
target:-2,
},
}
},
niaoxiangzhen:{
type:'zhenfa',
chongzhu:true,
enable:true,
filterTarget:function(card,player,target){
if(player.identity==target.identity) return false;
if(target.identity=='unknown'||target.identity=='ye') return false;
return target.identity==target.next.identity||target.identity==target.previous.identity
},
selectTarget:-1,
content:function(){
"step 0"
var next=target.chooseToRespond({name:'shan'});
next.ai=function(card){
if(get.damageEffect(target,player,target)>=0) return 0;
return 1;
};
next.autochoose=lib.filter.autoRespondShan;
"step 1"
if(result.bool==false){
target.damage();
}
},
ai:{
basic:{
order:9,
useful:1
},
result:{
target:-1.5,
},
tag:{
respond:1,
respondShan:1,
damage:1,
}
},
mode:['guozhan'],
},
},
skill:{
},
translate:{
zhenfa:'阵法',
changshezhen:'长蛇阵',
pozhenjue:'破阵决',
tianfuzhen:'天覆阵',
dizaizhen:'地载阵',
fengyangzhen:'风扬阵',
yunchuizhen:'云垂阵',
qixingzhen:'七星阵',
shepanzhen:'蛇蟠阵',
shepanzhen_bg:'列',
yunchuizhen_bg:'垂',
longfeizhen:'龙飞阵',
huyizhen:'虎翼阵',
niaoxiangzhen:'鸟翔阵',
niaoxiangzhen_info:'令所有非你阵营的队列的角色今次打出一张闪，或者受到一点伤害',
qixingzhen_info:'弃置所有围攻你的角色各一张牌，然后视为对所有你围攻的角色使用一张不计入出杀次数的杀',
// longfeizhen_info:'弃置围攻你的角色各一张牌，然后摸一张牌',
// qixingzhen_info:'令我方所有角色进入围攻状态',
// shepanzhen_info:'令我方所有角色进入队列状态',
// yunchuizhen_info:'令所有围攻角色获得技能【无双】，直到其首次造成伤害',
// fengyangzhen_info:'令所有被围攻角色获得技能【飞影】，直到其首次受到伤害',
dizaizhen_info:'所有小势力角色摸一张牌',
changshezhen_info:'若你处于队列中，与你同一队列的所有角色摸一张牌，否则将与你逆时针距离最近的同势力角色移至你下家',
// pozhenjue_info:'将所有角色的顺序随机重排',
tianfuzhen_info:'所有大势力角色弃置一张牌'
},
list:[
["diamond",1,'changshezhen'],
["club",1,'changshezhen'],
// ["spade",1,'changshezhen'],
// ["heart",1,'changshezhen'],
["diamond",2,'tianfuzhen'],
// ["club",2,'tianfuzhen'],
["spade",2,'tianfuzhen'],
["heart",2,'tianfuzhen'],
["diamond",3,'dizaizhen'],
// ["club",3,'dizaizhen'],
["spade",3,'dizaizhen'],
["heart",3,'dizaizhen'],
// ["diamond",4,'fengyangzhen'],
// ["club",4,'fengyangzhen'],
// ["spade",4,'fengyangzhen'],
// ["heart",4,'fengyangzhen'],
// ["diamond",5,'zhonghuangzhen'],
// ["club",5,'zhonghuangzhen'],
// ["spade",5,'zhonghuangzhen'],
// ["heart",5,'zhonghuangzhen'],
// ["diamond",6,'huyizhen'],
// ["club",6,'huyizhen'],
// ["spade",6,'huyizhen'],
// ["heart",6,'huyizhen'],
["diamond",7,'qixingzhen'],
["club",7,'qixingzhen'],
["spade",7,'qixingzhen'],
// ["heart",7,'qixingzhen'],
// ["diamond",8,'shepanzhen'],
// ["club",8,'shepanzhen'],
// ["spade",8,'shepanzhen'],
// ["heart",8,'shepanzhen'],
// ["diamond",9,'longfeizhen'],
// ["club",9,'longfeizhen'],
// ["spade",9,'longfeizhen'],
// ["heart",9,'longfeizhen'],
["diamond",11,'niaoxiangzhen'],
// ["club",11,'niaoxiangzhen'],
["spade",11,'niaoxiangzhen'],
["heart",11,'niaoxiangzhen'],
// ["diamond",12,'yunchuizhen'],
// ["club",12,'yunchuizhen'],
// ["spade",12,'yunchuizhen'],
// ["heart",12,'yunchuizhen'],
// ["diamond",13,'pozhenjue'],
// ["club",13,'pozhenjue'],
// ["spade",13,'pozhenjue'],
//["heart",13,'pozhenjue'],
],
};
});

6
card/zhulu.js
View File

@ -321,6 +321,7 @@ game.import('card',function(lib,game,ui,get,ai,_status){
equipValue:5,
},
result:{
keepAI:true,
target:function(player,target){
var card=target.getCards('e');
var val=get.value(card);
@ -367,6 +368,7 @@ game.import('card',function(lib,game,ui,get,ai,_status){
equipValue:5,
},
result:{
keepAI:true,
target:function(player,target){
var val=2.5;
var card=target.getEquip(2);
@ -394,6 +396,7 @@ game.import('card',function(lib,game,ui,get,ai,_status){
equipValue:5,
},
result:{
keepAI:true,
target:function(player,target){
var val=2.5;
var card=target.getEquip(2);
@ -421,6 +424,7 @@ game.import('card',function(lib,game,ui,get,ai,_status){
equipValue:5,
},
result:{
keepAI:true,
target:function(player,target){
var val=2;
var card=target.getEquip(2);
@ -469,6 +473,7 @@ game.import('card',function(lib,game,ui,get,ai,_status){
equipValue:5,
},
result:{
keepAI:true,
target:function(player,target){
if(target.sex=='male'){
var val=0;
@ -560,6 +565,7 @@ game.import('card',function(lib,game,ui,get,ai,_status){
equipValue:5,
},
result:{
keepAI:true,
target:function(player,target){
return -1-target.countCards('h');
},

10
character/diy.js
View File

@ -814,7 +814,7 @@ game.import('character',function(lib,game,ui,get,ai,_status){
lucia_duqu:{
mod:{
cardSavable:function(card,player){
if(card.name=='du'&&!player.hasSkill('lucia_duqu_terra')) return true;
if(player.isDying()&&card.name=='du'&&!player.hasSkill('lucia_duqu_terra')) return true;
},
},
trigger:{
@ -850,7 +850,13 @@ game.import('character',function(lib,game,ui,get,ai,_status){
another.gain(game.createCard('du'),'gain2');
}
},
ai:{usedu:true,save:true},
ai:{
usedu:true,
save:true,
skillTagFilter:function(player,tag){
if(tag=='save'&&(!player.isDying()||player.hasSkill('lucia_duqu_terra'))) return false;
},
},
subSkill:{terra:{sub:true}}
},
lucia_zhenren:{

5548
character/gujian.js
View File

File diff suppressed because it is too large Load Diff

1156
character/jiange.js
View File

File diff suppressed because it is too large Load Diff

2
character/mtg.js
View File

@ -183,7 +183,7 @@ game.import('character',function(lib,game,ui,get,ai,_status){
priority:5.5,
round:1,
filter:function(event,player){
if(get.type(event.card)=='trick'&&event.cards.length==1&&event.cards[0]==event.card){
if(get.type(event.card)=='trick'&&event.card.isCard){
if(event.player==player) return false;
if(!player.countCards('he',{suit:get.suit(event.card)})) return false;
return true;

7326
character/ow.js
View File

File diff suppressed because it is too large Load Diff

1418
character/rank.js
View File

File diff suppressed because it is too large Load Diff

250
character/xiake.js
View File

@ -1,125 +1,125 @@
'use strict';
game.import('character',function(lib,game,ui,get,ai,_status){
return {
name:'xiake',
character:{
// xk_dongfangweiming:['male','shu',4,[]],
xk_guyuexuan:['male','qun',4,['rouquan','gzhenji']],
xk_jinji:['male','shu',4,['zhongzhan','lianpo']],
// xk_shenxiangyun:['female','wei',3,['zhenjiu']],
xk_fujianhan:['male','qun',4,['zuijian','zitong']],
},
skill:{
zhongzhan:{
trigger:{source:'damageBegin'},
logTarget:'player',
check:function(event,player){
if(get.damageEffect(event.player,player,player)>0&&
get.attitude(player,event.player)<0){
return player.hp>event.player.hp&&player.hp>=2;
}
return false;
},
content:function(){
player.loseHp();
trigger.num++;
}
},
rouquan:{
mod:{
selectTarget:function(card,player,range){
if(card.name=='sha'&&!player.getEquip(1)&&range[1]!=-1) range[1]=Infinity;
}
},
enable:'phaseUse',
position:'e',
filter:function(event,player){
return player.countCards('e')>0;
},
filterCard:true,
prompt:'将要重铸的牌置入弃牌堆并摸一张牌',
discard:false,
delay:0.5,
check:function(card,player){
var val=get.equipValue(card);
var player=_status.event.player;
var cards=player.getCards('h',{subtype:get.subtype(card)});
for(var i=0;i<cards.length;i++){
if(get.equipValue(cards[i])>=val){
return 1;
}
}
return 0;
},
prepare:function(cards,player){
player.$throw(cards,1000);
},
content:function(){
"step 0"
player.draw();
"step 1"
for(var i=0;i<cards.length;i++){
cards[i].discard();
}
},
ai:{
order:9.5,
result:{
player:1
}
}
},
gzhenji:{
trigger:{source:'damageEnd'},
frequent:true,
filter:function(event,player){
if(event._notrigger.contains(event.player)) return false;
return _status.currentPhase==player&&event.card&&event.card.name=='sha';
},
content:function(){
player.draw();
player.addTempSkill('gzhenji3');
}
},
gzhenji3:{
mod:{
cardUsable:function(card,player,num){
if(card.name=='sha') return num+1;
}
},
},
zitong:{
trigger:{player:'useCard'},
frequent:true,
filter:function(event,player){
return _status.currentPhase==player&&player.countUsed()==3;
},
content:function(){
var card=get.cardPile('chuansongmen');
if(!card){
card=game.createCard('chuansongmen');
}
player.gain(card,'gain2');
},
ai:{
threaten:1.2
}
}
},
translate:{
xk_dongfangweiming:'东方未明',
xk_guyuexuan:'谷月轩',
xk_jinji:'荆棘',
xk_shenxiangyun:'沈湘芸',
xk_fujianhan:'傅剑寒',
zhongzhan:'重斩',
zhongzhan_info:'每当你即将造成伤害，你可流失一点体力令伤害+1',
gzhenji:'震击',
gzhenji_info:'你使用杀造成伤害后，可以摸一张牌，并且本回合内可以额外使用一张杀',
rouquan:'柔拳',
rouquan_info:'你可以重铸装备区内的牌；当你没有武器牌时，你的杀可以指定任意个目标',
zitong:'通悟',
zitong_info:'当你于自己的回合内使用第三张牌时，你可以将一张传送门置于你的手牌',
},
};
});
'use strict';
game.import('character',function(lib,game,ui,get,ai,_status){
return {
name:'xiake',
character:{
// xk_dongfangweiming:['male','shu',4,[]],
xk_guyuexuan:['male','qun',4,['rouquan','gzhenji']],
xk_jinji:['male','shu',4,['zhongzhan','lianpo']],
// xk_shenxiangyun:['female','wei',3,['zhenjiu']],
xk_fujianhan:['male','qun',4,['zuijian','zitong']],
},
skill:{
zhongzhan:{
trigger:{source:'damageBegin'},
logTarget:'player',
check:function(event,player){
if(get.damageEffect(event.player,player,player)>0&&
get.attitude(player,event.player)<0){
return player.hp>event.player.hp&&player.hp>=2;
}
return false;
},
content:function(){
player.loseHp();
trigger.num++;
}
},
rouquan:{
mod:{
selectTarget:function(card,player,range){
if(card.name=='sha'&&!player.getEquip(1)&&range[1]!=-1) range[1]=Infinity;
}
},
enable:'phaseUse',
position:'e',
filter:function(event,player){
return player.countCards('e')>0;
},
filterCard:true,
prompt:'将要重铸的牌置入弃牌堆并摸一张牌',
discard:false,
delay:0.5,
check:function(card,player){
var val=get.equipValue(card);
var player=_status.event.player;
var cards=player.getCards('h',{subtype:get.subtype(card)});
for(var i=0;i<cards.length;i++){
if(get.equipValue(cards[i])>=val){
return 1;
}
}
return 0;
},
prepare:function(cards,player){
player.$throw(cards,1000);
},
content:function(){
"step 0"
player.draw();
"step 1"
for(var i=0;i<cards.length;i++){
cards[i].discard();
}
},
ai:{
order:9.5,
result:{
player:1
}
}
},
gzhenji:{
trigger:{source:'damageEnd'},
frequent:true,
filter:function(event,player){
if(event._notrigger.contains(event.player)) return false;
return _status.currentPhase==player&&event.card&&event.card.name=='sha';
},
content:function(){
player.draw();
player.addTempSkill('gzhenji3');
}
},
gzhenji3:{
mod:{
cardUsable:function(card,player,num){
if(card.name=='sha') return num+1;
}
},
},
zitong:{
trigger:{player:'useCard'},
frequent:true,
filter:function(event,player){
return _status.currentPhase==player&&player.countUsed()==3;
},
content:function(){
var card=get.cardPile('chuansongmen');
if(!card){
card=game.createCard('chuansongmen');
}
player.gain(card,'gain2');
},
ai:{
threaten:1.2
}
}
},
translate:{
xk_dongfangweiming:'东方未明',
xk_guyuexuan:'谷月轩',
xk_jinji:'荆棘',
xk_shenxiangyun:'沈湘芸',
xk_fujianhan:'傅剑寒',
zhongzhan:'重斩',
zhongzhan_info:'每当你即将造成伤害，你可流失一点体力令伤害+1',
gzhenji:'震击',
gzhenji_info:'你使用杀造成伤害后，可以摸一张牌，并且本回合内可以额外使用一张杀',
rouquan:'柔拳',
rouquan_info:'你可以重铸装备区内的牌；当你没有武器牌时，你的杀可以指定任意个目标',
zitong:'通悟',
zitong_info:'当你于自己的回合内使用第三张牌时，你可以将一张传送门置于你的手牌',
},
};
});

8760
character/xianjian.js
View File

File diff suppressed because it is too large Load Diff

6266
character/yxs.js
View File

File diff suppressed because it is too large Load Diff

684
character/zhuogui.js
View File

@ -1,342 +1,342 @@
'use strict';
game.import('character',function(lib,game,ui,get,ai,_status){
return {
name:'zhuogui',
character:{
nianshou:['male','shu',4,['nianrui','qixiang']],
mamian:['male','qun',4,['lianyu','guiji']],
niutou:['male','shu',4,['manjia','xiaoshou']],
baiwuchang:['male','qun',3,['qiangzheng','moukui']],
heiwuchang:['male','qun',3,['suoling','xixing']],
},
skill:{
qixiang:{
group:['qixiang1','qixiang2'],
ai:{
effect:{
target:function(card,player,target,current){
if(card.name=='lebu'&&card.name=='bingliang') return 0.8;
}
}
}
},
qixiang1:{
trigger:{player:'judge'},
forced:true,
filter:function(event,player){
if(event.card){
if(event.card.viewAs){
return event.card.viewAs=='lebu';
}
else{
return event.card.name=='lebu';
}
}
},
content:function(){
player.addTempSkill('qixiang3','phaseJudgeAfter');
}
},
qixiang2:{
trigger:{player:'judge'},
forced:true,
filter:function(event,player){
if(event.card){
if(event.card.viewAs){
return event.card.viewAs=='bingliang';
}
else{
return event.card.name=='bingliang';
}
}
},
content:function(){
player.addTempSkill('qixiang4','phaseJudgeAfter');
}
},
qixiang3:{
mod:{
suit:function(card,suit){
if(suit=='diamond') return 'heart';
}
}
},
qixiang4:{
mod:{
suit:function(card,suit){
if(suit=='spade') return 'club';
}
}
},
nianrui:{
trigger:{player:['phaseBegin','phaseEnd']},
content:function(){
"step 0"
player.judge(function(card){
return get.color(card)=='red'?1:0;
});
"step 1"
if(result.bool){
player.draw();
}
}
},
lianyu:{
enable:'phaseUse',
usable:1,
filterCard:{color:'red'},
check:function(card){return 6-get.value(card)},
filterTarget:true,
selectTarget:-1,
line:'fire',
content:function(){
target.damage('fire');
},
ai:{
result:{
player:function(card,player,target){
var eff=0;
for(var i=0;i<game.players.length;i++){
if(!game.players[i].isOut()){
eff+=get.damageEffect(game.players[i],player,player,'fire');
}
}
return eff;
}
},
expose:0.1
}
},
manjia:{
group:['manjia1','manjia2']
},
manjia1:{
trigger:{target:'useCardToBefore'},
forced:true,
priority:6,
filter:function(event,player){
if(player.getEquip(2)) return false;
return lib.skill.tengjia1.filter(event,player);
},
content:function(){
trigger.cancel();
},
ai:{
effect:{
target:function(card,player,target,current){
if(target.getEquip(2)) return;
return lib.skill.tengjia1.ai.effect.target.apply(this,arguments);
}
}
}
},
manjia2:{
trigger:{player:'damageBegin'},
filter:function(event,player){
if(player.getEquip(2)) return false;
if(event.nature=='fire') return true;
},
forced:true,
check:function(){
return false;
},
content:function(){
trigger.num++;
},
ai:{
effect:{
target:function(card,player,target,current){
if(target.getEquip(2)) return;
return lib.skill.tengjia2.ai.effect.target.apply(this,arguments);
}
}
}
},
xiaoshou:{
trigger:{player:'phaseEnd'},
filter:function(event,player){
var players=game.players.slice(0);
players.sort(function(a,b){
return b.hp-a.hp;
});
return players[0].hp>players[1].hp&&players[0]!=player;
},
check:function(event,player){
var players=game.players.slice(0);
players.sort(function(a,b){
return b.hp-a.hp;
});
return get.damageEffect(players[0],player,player,'fire')>0;
},
prompt:function(){
var players=game.players.slice(0);
players.sort(function(a,b){
return b.hp-a.hp;
});
return '枭首：是否对'+get.translation(players[0])+'造成一点火焰伤害？';
},
content:function(){
var players=game.players.slice(0);
players.sort(function(a,b){
return b.hp-a.hp;
});
if(players[0].hp>players[1].hp&&players[0]!=player){
players[0].damage('fire');
player.line(players[0],'fire');
}
},
ai:{
expose:0.2
}
},
guiji:{
trigger:{player:'phaseJudgeBegin'},
forced:true,
content:function(){
player.discard(player.getCards('j').randomGet());
},
filter:function(event ,player){
return player.countCards('j')>0;
},
ai:{
effect:{
target:function(card,player,target,current){
if(get.type(card)=='delay'&&target.countCards('j')==0) return 0.1;
}
}
}
},
qiangzheng:{
audio:2,
trigger:{player:'phaseEnd'},
direct:true,
forced:true,
filter:function(event,player){
for(var i=0;i<game.players.length;i++){
if(game.players[i]!=player&&game.players[i].countCards('h')) return true;
}
return false;
},
content:function(){
"step 0"
player.chooseTarget('获得一名角色的一张手牌',true,function(card,player,target){
return player!=target&&target.countCards('h')>0;
}).ai=function(target){
return -get.attitude(player,target);
};
"step 1"
if(result.targets&&result.targets.length){
player.logSkill('qiangzheng',result.targets);
player.gain(result.targets[0].getCards('h').randomGet(),result.targets[0]);
result.targets[0].$give(1,player);
game.delay();
}
},
ai:{
threaten:1.7
}
},
suoling:{
trigger:{player:'phaseEnd'},
forced:true,
filter:function(event,player){
if(player.isLinked()) return true;
for(var i=0;i<game.players.length;i++){
if(game.players[i]!=player&&!game.players[i].isLinked()){
return true;
}
}
return false;
},
content:function(){
"step 0"
event.targets=game.players.slice(0);
event.targets.remove(player);
event.targets.sort(lib.sort.seat);
if(player.isLinked()) player.link();
"step 1"
if(event.targets.length){
var target=event.targets.shift();
if(!target.isLinked()){
target.link();
}
event.redo();
}
}
},
xixing:{
enable:'phaseUse',
usable:1,
filterCard:function(card){
var type=get.type(card);
for(var i=0;i<ui.selected.cards.length;i++){
if(get.type(ui.selected.cards[i])==type) return false;
}
return true;
},
complexCard:true,
selectCard:3,
position:'he',
filterTarget:function(card,player,target){
return player!=target;
},
check:function(card){
if(_status.event.player.hp==_status.event.player.maxHp){
return 5-get.value(card);
}
return 10-get.value(card);
},
content:function(){
"step 0"
target.damage();
"step 1"
player.recover();
},
ai:{
order:9.5,
result:{
target:function(player,target){
return get.damageEffect(target,player);
}
},
expose:0.2
}
}
},
translate:{
nianshou:'年兽',
nianrui:'年瑞',
qixiang:'祺祥',
qixiang1:'祺祥',
qixiang2:'祺祥',
nianrui_info:'准备阶段和结束阶段，你可以进行一次判定，若结果为红色则摸一张牌',
qixiang_info:'乐不思蜀判定时，你的方块判定牌视为红桃；兵粮寸断判定时，你的黑桃判定牌视为草花',
mamian:'马面',
lianyu:'炼狱',
lianyu_info:'出牌阶段限一次，你可以弃置一张红色手牌令场上所有角色受到一点火焰伤害',
niutou:'牛头',
manjia:'蛮甲',
manjia1:'蛮甲',
manjia2:'蛮甲',
manjia_info:'锁定技，若你的装备区内没有防具牌，则你视为装备了[藤甲]',
xiaoshou:'枭首',
xiaoshou_info:'结束阶段，若场上体力值最多的角色只有一个，你可以对其造成一点火焰伤害',
guiji:'诡计',
guiji_info:'锁定技，准备阶段结束时，若你的判定区内有牌，你随机弃置其中一张牌',
baiwuchang:'白无常',
qiangzheng:'强征',
qiangzheng_info:'锁定技，结束阶段，你获得一名其他角色的一张手牌',
zuijiu:'醉酒',
zuijiu_info:'锁定技，你的黑杀造成的伤害+1，造成伤害后须弃置一张手牌',
heiwuchang:'黑无常',
suoling:'索令',
suoling_info:'锁定技，结束阶段，你解除横置状态，除你之外的所有角色进入横置状态',
xixing:'吸星',
xixing_info:'出牌阶段限一次，你可以弃置三张不同类别的牌，对一名其他角色造成一点伤害，然后回复一点体力',
},
};
});
'use strict';
game.import('character',function(lib,game,ui,get,ai,_status){
return {
name:'zhuogui',
character:{
nianshou:['male','shu',4,['nianrui','qixiang']],
mamian:['male','qun',4,['lianyu','guiji']],
niutou:['male','shu',4,['manjia','xiaoshou']],
baiwuchang:['male','qun',3,['qiangzheng','moukui']],
heiwuchang:['male','qun',3,['suoling','xixing']],
},
skill:{
qixiang:{
group:['qixiang1','qixiang2'],
ai:{
effect:{
target:function(card,player,target,current){
if(card.name=='lebu'&&card.name=='bingliang') return 0.8;
}
}
}
},
qixiang1:{
trigger:{player:'judge'},
forced:true,
filter:function(event,player){
if(event.card){
if(event.card.viewAs){
return event.card.viewAs=='lebu';
}
else{
return event.card.name=='lebu';
}
}
},
content:function(){
player.addTempSkill('qixiang3','phaseJudgeAfter');
}
},
qixiang2:{
trigger:{player:'judge'},
forced:true,
filter:function(event,player){
if(event.card){
if(event.card.viewAs){
return event.card.viewAs=='bingliang';
}
else{
return event.card.name=='bingliang';
}
}
},
content:function(){
player.addTempSkill('qixiang4','phaseJudgeAfter');
}
},
qixiang3:{
mod:{
suit:function(card,suit){
if(suit=='diamond') return 'heart';
}
}
},
qixiang4:{
mod:{
suit:function(card,suit){
if(suit=='spade') return 'club';
}
}
},
nianrui:{
trigger:{player:['phaseBegin','phaseEnd']},
content:function(){
"step 0"
player.judge(function(card){
return get.color(card)=='red'?1:0;
});
"step 1"
if(result.bool){
player.draw();
}
}
},
lianyu:{
enable:'phaseUse',
usable:1,
filterCard:{color:'red'},
check:function(card){return 6-get.value(card)},
filterTarget:true,
selectTarget:-1,
line:'fire',
content:function(){
target.damage('fire');
},
ai:{
result:{
player:function(card,player,target){
var eff=0;
for(var i=0;i<game.players.length;i++){
if(!game.players[i].isOut()){
eff+=get.damageEffect(game.players[i],player,player,'fire');
}
}
return eff;
}
},
expose:0.1
}
},
manjia:{
group:['manjia1','manjia2']
},
manjia1:{
trigger:{target:'useCardToBefore'},
forced:true,
priority:6,
filter:function(event,player){
if(player.getEquip(2)) return false;
return lib.skill.tengjia1.filter(event,player);
},
content:function(){
trigger.cancel();
},
ai:{
effect:{
target:function(card,player,target,current){
if(target.getEquip(2)) return;
return lib.skill.tengjia1.ai.effect.target.apply(this,arguments);
}
}
}
},
manjia2:{
trigger:{player:'damageBegin'},
filter:function(event,player){
if(player.getEquip(2)) return false;
if(event.nature=='fire') return true;
},
forced:true,
check:function(){
return false;
},
content:function(){
trigger.num++;
},
ai:{
effect:{
target:function(card,player,target,current){
if(target.getEquip(2)) return;
return lib.skill.tengjia2.ai.effect.target.apply(this,arguments);
}
}
}
},
xiaoshou:{
trigger:{player:'phaseEnd'},
filter:function(event,player){
var players=game.players.slice(0);
players.sort(function(a,b){
return b.hp-a.hp;
});
return players[0].hp>players[1].hp&&players[0]!=player;
},
check:function(event,player){
var players=game.players.slice(0);
players.sort(function(a,b){
return b.hp-a.hp;
});
return get.damageEffect(players[0],player,player,'fire')>0;
},
prompt:function(){
var players=game.players.slice(0);
players.sort(function(a,b){
return b.hp-a.hp;
});
return '枭首：是否对'+get.translation(players[0])+'造成一点火焰伤害？';
},
content:function(){
var players=game.players.slice(0);
players.sort(function(a,b){
return b.hp-a.hp;
});
if(players[0].hp>players[1].hp&&players[0]!=player){
players[0].damage('fire');
player.line(players[0],'fire');
}
},
ai:{
expose:0.2
}
},
guiji:{
trigger:{player:'phaseJudgeBegin'},
forced:true,
content:function(){
player.discard(player.getCards('j').randomGet());
},
filter:function(event ,player){
return player.countCards('j')>0;
},
ai:{
effect:{
target:function(card,player,target,current){
if(get.type(card)=='delay'&&target.countCards('j')==0) return 0.1;
}
}
}
},
qiangzheng:{
audio:2,
trigger:{player:'phaseEnd'},
direct:true,
forced:true,
filter:function(event,player){
for(var i=0;i<game.players.length;i++){
if(game.players[i]!=player&&game.players[i].countCards('h')) return true;
}
return false;
},
content:function(){
"step 0"
player.chooseTarget('获得一名角色的一张手牌',true,function(card,player,target){
return player!=target&&target.countCards('h')>0;
}).ai=function(target){
return -get.attitude(player,target);
};
"step 1"
if(result.targets&&result.targets.length){
player.logSkill('qiangzheng',result.targets);
player.gain(result.targets[0].getCards('h').randomGet(),result.targets[0]);
result.targets[0].$give(1,player);
game.delay();
}
},
ai:{
threaten:1.7
}
},
suoling:{
trigger:{player:'phaseEnd'},
forced:true,
filter:function(event,player){
if(player.isLinked()) return true;
for(var i=0;i<game.players.length;i++){
if(game.players[i]!=player&&!game.players[i].isLinked()){
return true;
}
}
return false;
},
content:function(){
"step 0"
event.targets=game.players.slice(0);
event.targets.remove(player);
event.targets.sort(lib.sort.seat);
if(player.isLinked()) player.link();
"step 1"
if(event.targets.length){
var target=event.targets.shift();
if(!target.isLinked()){
target.link();
}
event.redo();
}
}
},
xixing:{
enable:'phaseUse',
usable:1,
filterCard:function(card){
var type=get.type(card);
for(var i=0;i<ui.selected.cards.length;i++){
if(get.type(ui.selected.cards[i])==type) return false;
}
return true;
},
complexCard:true,
selectCard:3,
position:'he',
filterTarget:function(card,player,target){
return player!=target;
},
check:function(card){
if(_status.event.player.hp==_status.event.player.maxHp){
return 5-get.value(card);
}
return 10-get.value(card);
},
content:function(){
"step 0"
target.damage();
"step 1"
player.recover();
},
ai:{
order:9.5,
result:{
target:function(player,target){
return get.damageEffect(target,player);
}
},
expose:0.2
}
}
},
translate:{
nianshou:'年兽',
nianrui:'年瑞',
qixiang:'祺祥',
qixiang1:'祺祥',
qixiang2:'祺祥',
nianrui_info:'准备阶段和结束阶段，你可以进行一次判定，若结果为红色则摸一张牌',
qixiang_info:'乐不思蜀判定时，你的方块判定牌视为红桃；兵粮寸断判定时，你的黑桃判定牌视为草花',
mamian:'马面',
lianyu:'炼狱',
lianyu_info:'出牌阶段限一次，你可以弃置一张红色手牌令场上所有角色受到一点火焰伤害',
niutou:'牛头',
manjia:'蛮甲',
manjia1:'蛮甲',
manjia2:'蛮甲',
manjia_info:'锁定技，若你的装备区内没有防具牌，则你视为装备了[藤甲]',
xiaoshou:'枭首',
xiaoshou_info:'结束阶段，若场上体力值最多的角色只有一个，你可以对其造成一点火焰伤害',
guiji:'诡计',
guiji_info:'锁定技，准备阶段结束时，若你的判定区内有牌，你随机弃置其中一张牌',
baiwuchang:'白无常',
qiangzheng:'强征',
qiangzheng_info:'锁定技，结束阶段，你获得一名其他角色的一张手牌',
zuijiu:'醉酒',
zuijiu_info:'锁定技，你的黑杀造成的伤害+1，造成伤害后须弃置一张手牌',
heiwuchang:'黑无常',
suoling:'索令',
suoling_info:'锁定技，结束阶段，你解除横置状态，除你之外的所有角色进入横置状态',
xixing:'吸星',
xixing_info:'出牌阶段限一次，你可以弃置三张不同类别的牌，对一名其他角色造成一点伤害，然后回复一点体力',
},
};
});

382
game/NoSleep.js
View File

File diff suppressed because one or more lines are too long

19754
game/codemirror.js
View File

File diff suppressed because it is too large Load Diff

466
game/config.js
View File

@ -1,233 +1,233 @@
window.config={
forbidai:['ns_liuzhang','xin_yuji','re_yuji'],
forbidai_user:[],
forbidall:[],
forbidstone:['zhugedan','pal_xuanxiao','hs_malfurion','lusu','chenlin','hs_siwangzhiyi',
'gjqt_bailitusu','yuanshao','swd_anka','swd_nicole','daqiao','re_daqiao','hs_xuanzhuanjijia',
'zhuran','huatuo','swd_tuwei','hs_guldan','wangyi','caoang','swd_guyue','swd_rongshuang',
'swd_jiangziya','guojia','re_guojia','shen_caocao','swd_qiner','caopi','hs_yngvar','guansuo',
'gjqt_aruan','swd_hanluo','hs_anduin','swd_huanglei','yxs_yujix','yxs_luzhishen','swd_muyun','ow_tianshi',
'pal_yuejinzhao','hs_antonidas','xushi','hs_lreno'
],
forbidchess:['hetaihou','swd_kangnalishi'],
forbidboss:['caiwenji','gjqt_aruan','pal_xuanxiao','swd_hupo'],
forbiddouble:['zhugedan','swd_kangnalishi','dongzhuo','wutugu','hs_siwangzhiyi','hs_ronghejuren','hs_shanlingjuren'],
forbidthreecard:['qiankunbiao','shenhuofeiya','gw_ciguhanshuang','gw_birinongwu','gw_qinpendayu','gw_poxiao'],
all:{
sgscharacters:['standard','shenhua','xinghuoliaoyuan','refresh','yijiang','sp','extra','old','mobile','tw'],
sgscards:['standard','extra','sp','guozhan'],
sgsmodes:['identity','guozhan','versus','doudizhu','single','brawl','connect'],
stockmode:['identity','guozhan','versus','boss','doudizhu','single','chess','stone','connect','brawl','tafang'],
stockextension:['boss','cardpile','coin','wuxing'],
layout:['default','newlayout'],
theme:['woodden','music','simple'],
card_font:['xiaozhuan','huangcao','caoshu','xingshu'],
double_hp:['hejiansan','pingjun','zuidazhi','zuixiaozhi','zonghe'],
image_background_filter:['default','blur','gray','sepia','invert','saturate','contrast','hue','brightness'],
},
game:'sgs',
duration:500,
hoveration:1000,
doubleclick_intro:true,
cheat:false,
volumn_background:8,
volumn_audio:8,
connect_avatar:'caocao',
connect_nickname:'无名玩家',
config_menu:true,
auto_popped_config:true,
auto_popped_history:false,
auto_skill:true,
auto_confirm:true,
enable_drag:true,
enable_pressure:false,
pressure_taptic:true,
hover_handcard:true,
hover_all:true,
right_info:true,
longpress_info:true,
long_info:true,
background_music:'music_default',
background_audio:true,
background_speak:true,
glow_phase:'yellow',
die_move:'flip',
skin:{},
gameRecord:{},
extensionInfo:{},
autoskilllist:[],
hiddenModePack:[],
hiddenCharacterPack:[],
hiddenCardPack:[],
hiddenPlayPack:[],
hiddenBackgroundPack:[],
customBackgroundPack:[],
favouriteCharacter:[],
favouriteMode:[],
recentIP:[],
vintageSkills:[],
alteredSkills:[],
brokenFile:[],
theme:'woodden',
layout:'mobile',
card_style:'default',
cardback_style:'default',
hp_style:'default',
image_character:'default',
image_background:'default',
asset_image:true,
asset_font:true,
card_font:'xiaozhuan',
show_statusbar_ios:'off',
show_statusbar_android:false,
show_name:true,
show_replay:false,
show_round_menu:true,
show_pause:true,
show_auto:true,
show_volumn:true,
show_cardpile:true,
only_fullskin:true,
show_connect:true,
show_wuxie:false,
show_wuxie_self:true,
show_stat:true,
show_playerids:true,
show_scrollbar:false,
mousewheel:true,
fold_card:true,
threed_card:false,
vertical_scroll:false,
handcard_scroll:0,
animation:true,
skill_animation_type:'default',
paused:false,
title:false,
button_press:true,
damage_shake:true,
log_highlight:true,
player_border:'normal',
radius_size:'default',
modeconfig:false,
gameconfig:false,
appearence:false,
video:'20',
coin:0,
intro:'i',
right_click:'pause',
sort:'type_sort',
cards:['standard','ex','extra','sp','classic','basic'],
characters:['standard','shenhua','sp','yijiang','refresh','xinghuoliaoyuan','mobile','extra'],
connect_characters:[],
connect_cards:[],
plays:[],
extensions:[],
banned:[],
bannedcards:[],
forbidlist:[],
bannedpile:{},
customcardpile:{},
addedpile:{},
mode:'identity',
mode_config:{
global:{
player_number:8,
auto_identity:'off',
double_character:false,
save_progress:true,
free_choose:true,
swap:true,
change_identity:true,
battle_number:3,
double_hp:'pingjun',
},
identity:{
identity:[
['zhu','fan'],
['zhu','nei','fan'],
['zhu','zhong','nei','fan'],
['zhu','zhong','nei','fan','fan'],
['zhu','zhong','nei','fan','fan','fan'],
['zhu','zhong','zhong','nei','fan','fan','fan'],
['zhu','zhong','zhong','nei','fan','fan','fan','fan'],
],
choice:{
zhu:3,
zhong:4,
nei:5,
fan:3,
},
show_identity:true,
difficulty:'normal',
dierestart:true
},
guozhan:{
difficulty:'normal',
initshow_draw:'mark',
dierestart:true
},
},
current_mode:{},
customforbid:[],
forbid:[
['huashen'],
['rehuashen'],
['xinmanjuan'],
//['xinleiji','fuji'],
['xinleiji','xinfu_jijun'],
['reluanji','jueqing'],
['lianying','rende'],
['lianying','anxian'],
['lianying','yinguo'],
['lianying','qingjian'],
['boss_juejing','rende'],
['boss_juejing','anxian'],
['boss_juejing','yinguo'],
['boss_juejing','qingjian'],
['shangshi','rende'],
['shangshi','anxian'],
['shangshi','yinguo'],
['shangshi','qingjian'],
['rende','relianying'],
['anxian','relianying'],
['yinguo','relianying'],
['shenxing','relianying'],
['qingjian','relianying'],
['rende','yuling'],
['anxian','yuling'],
['yinguo','yuling'],
['qingjian','yuling'],
//['qingnang','yiji'],
//['qingnang','reyiji'],
//['qingjian','tuntian'],
// ['yiji','tuntian'],
// ['reyiji','tuntian'],
['tuntian','guidao'],
['tuntian','tiandao'],
['tuntian','huanshi'],
// ['tuntian','guicai'],
// ['jiang','chongzhen'],
// ['fenji','yuling'],
['jiushi','guixin'],
['xiuhua','qiaoxie'],
['xiuhua','xuanfeng'],
['xiuhua','duanxing'],
['xiuhua','xiaoji'],
['xiuhua','xiaoji'],
// ['jiushi','jushou'],
// ['jiushi','kuiwei'],
['zishu','xinfu_songsang'],
['zishu','shenxing'],
]
};
window.config={
forbidai:['ns_liuzhang','xin_yuji','re_yuji'],
forbidai_user:[],
forbidall:[],
forbidstone:['zhugedan','pal_xuanxiao','hs_malfurion','lusu','chenlin','hs_siwangzhiyi',
'gjqt_bailitusu','yuanshao','swd_anka','swd_nicole','daqiao','re_daqiao','hs_xuanzhuanjijia',
'zhuran','huatuo','swd_tuwei','hs_guldan','wangyi','caoang','swd_guyue','swd_rongshuang',
'swd_jiangziya','guojia','re_guojia','shen_caocao','swd_qiner','caopi','hs_yngvar','guansuo',
'gjqt_aruan','swd_hanluo','hs_anduin','swd_huanglei','yxs_yujix','yxs_luzhishen','swd_muyun','ow_tianshi',
'pal_yuejinzhao','hs_antonidas','xushi','hs_lreno'
],
forbidchess:['hetaihou','swd_kangnalishi'],
forbidboss:['caiwenji','gjqt_aruan','pal_xuanxiao','swd_hupo'],
forbiddouble:['zhugedan','swd_kangnalishi','dongzhuo','wutugu','hs_siwangzhiyi','hs_ronghejuren','hs_shanlingjuren'],
forbidthreecard:['qiankunbiao','shenhuofeiya','gw_ciguhanshuang','gw_birinongwu','gw_qinpendayu','gw_poxiao'],
all:{
sgscharacters:['standard','shenhua','xinghuoliaoyuan','refresh','yijiang','sp','extra','old','mobile','tw'],
sgscards:['standard','extra','sp','guozhan','zhulu'],
sgsmodes:['identity','guozhan','versus','doudizhu','single','brawl','connect'],
stockmode:['identity','guozhan','versus','boss','doudizhu','single','chess','stone','connect','brawl','tafang'],
stockextension:['boss','cardpile','coin','wuxing'],
layout:['default','newlayout'],
theme:['woodden','music','simple'],
card_font:['xiaozhuan','huangcao','caoshu','xingshu'],
double_hp:['hejiansan','pingjun','zuidazhi','zuixiaozhi','zonghe'],
image_background_filter:['default','blur','gray','sepia','invert','saturate','contrast','hue','brightness'],
},
game:'sgs',
duration:500,
hoveration:1000,
doubleclick_intro:true,
cheat:false,
volumn_background:8,
volumn_audio:8,
connect_avatar:'caocao',
connect_nickname:'无名玩家',
config_menu:true,
auto_popped_config:true,
auto_popped_history:false,
auto_skill:true,
auto_confirm:true,
enable_drag:true,
enable_pressure:false,
pressure_taptic:true,
hover_handcard:true,
hover_all:true,
right_info:true,
longpress_info:true,
long_info:true,
background_music:'music_default',
background_audio:true,
background_speak:true,
glow_phase:'yellow',
die_move:'flip',
skin:{},
gameRecord:{},
extensionInfo:{},
autoskilllist:[],
hiddenModePack:[],
hiddenCharacterPack:[],
hiddenCardPack:[],
hiddenPlayPack:[],
hiddenBackgroundPack:[],
customBackgroundPack:[],
favouriteCharacter:[],
favouriteMode:[],
recentIP:[],
vintageSkills:[],
alteredSkills:[],
brokenFile:[],
theme:'woodden',
layout:'mobile',
card_style:'default',
cardback_style:'default',
hp_style:'default',
image_character:'default',
image_background:'default',
asset_image:true,
asset_font:true,
card_font:'xiaozhuan',
show_statusbar_ios:'off',
show_statusbar_android:false,
show_name:true,
show_replay:false,
show_round_menu:true,
show_pause:true,
show_auto:true,
show_volumn:true,
show_cardpile:true,
only_fullskin:true,
show_connect:true,
show_wuxie:false,
show_wuxie_self:true,
show_stat:true,
show_playerids:true,
show_scrollbar:false,
mousewheel:true,
fold_card:true,
threed_card:false,
vertical_scroll:false,
handcard_scroll:0,
animation:true,
skill_animation_type:'default',
paused:false,
title:false,
button_press:true,
damage_shake:true,
log_highlight:true,
player_border:'normal',
radius_size:'default',
modeconfig:false,
gameconfig:false,
appearence:false,
video:'20',
coin:0,
intro:'i',
right_click:'pause',
sort:'type_sort',
cards:['standard','ex','extra','sp','classic','basic'],
characters:['standard','shenhua','sp','yijiang','refresh','xinghuoliaoyuan','mobile','extra'],
connect_characters:[],
connect_cards:[],
plays:[],
extensions:[],
banned:[],
bannedcards:[],
forbidlist:[],
bannedpile:{},
customcardpile:{},
addedpile:{},
mode:'identity',
mode_config:{
global:{
player_number:8,
auto_identity:'off',
double_character:false,
save_progress:true,
free_choose:true,
swap:true,
change_identity:true,
battle_number:3,
double_hp:'pingjun',
},
identity:{
identity:[
['zhu','fan'],
['zhu','nei','fan'],
['zhu','zhong','nei','fan'],
['zhu','zhong','nei','fan','fan'],
['zhu','zhong','nei','fan','fan','fan'],
['zhu','zhong','zhong','nei','fan','fan','fan'],
['zhu','zhong','zhong','nei','fan','fan','fan','fan'],
],
choice:{
zhu:3,
zhong:4,
nei:5,
fan:3,
},
show_identity:true,
difficulty:'normal',
dierestart:true
},
guozhan:{
difficulty:'normal',
initshow_draw:'mark',
dierestart:true
},
},
current_mode:{},
customforbid:[],
forbid:[
['huashen'],
['rehuashen'],
['xinmanjuan'],
//['xinleiji','fuji'],
['xinleiji','xinfu_jijun'],
['reluanji','jueqing'],
['lianying','rende'],
['lianying','anxian'],
['lianying','yinguo'],
['lianying','qingjian'],
['boss_juejing','rende'],
['boss_juejing','anxian'],
['boss_juejing','yinguo'],
['boss_juejing','qingjian'],
['shangshi','rende'],
['shangshi','anxian'],
['shangshi','yinguo'],
['shangshi','qingjian'],
['rende','relianying'],
['anxian','relianying'],
['yinguo','relianying'],
['shenxing','relianying'],
['qingjian','relianying'],
['rende','yuling'],
['anxian','yuling'],
['yinguo','yuling'],
['qingjian','yuling'],
//['qingnang','yiji'],
//['qingnang','reyiji'],
//['qingjian','tuntian'],
// ['yiji','tuntian'],
// ['reyiji','tuntian'],
['tuntian','guidao'],
['tuntian','tiandao'],
['tuntian','huanshi'],
// ['tuntian','guicai'],
// ['jiang','chongzhen'],
// ['fenji','yuling'],
['jiushi','guixin'],
['xiuhua','qiaoxie'],
['xiuhua','xuanfeng'],
['xiuhua','duanxing'],
['xiuhua','xiaoji'],
['xiuhua','xiaoji'],
// ['jiushi','jushou'],
// ['jiushi','kuiwei'],
['zishu','xinfu_songsang'],
['zishu','shenxing'],
]
};

352
game/directory.js
View File

@ -1,176 +1,176 @@
var fs=require('fs');
var path=require('path');
var exec = require('child_process').exec;
global.window=global;
require(__dirname+'/update.js');
require(__dirname+'/asset.js');
var updates=window.noname_update;
var newversion=false;
var commit=false
if(process.argv[2]){
if(/[0-9]/.test(process.argv[2][0])){
newversion=true;
updates.update = updates.version;
updates.version = '1.9.' + process.argv[2];
commit=updates.version;
}
else{
commit=process.argv[2];
}
}
var assetlist='';
var skinlist='window.noname_skin_list={\n';
var entrylist=[];
var entrymap={};
var get = function(dir,callback){
fs.readdir(dir,function(err,list){
var shift=function(){
if(list.length){
var filename=list.shift();
var delay=false;
if(!/\.|~|_/.test(filename[0])){
var url=dir+'/'+filename;
var stat=fs.statSync(url);
if(stat.isFile()){
if(['.jpg','.png','.mp3','.ttf'].indexOf(path.extname(url))!=-1){
var assetentry=path.relative(path.dirname(__dirname),url);
assetlist+=',\n\t\''+assetentry+'\'';
entrylist.push(assetentry);
}
}
else if(stat.isDirectory()){
if(dir==path.dirname(__dirname)+'/image/skin'){
fs.readdir(url,function(err,list){
var num=0;
for(var i=0;i<list.length;i++){
var url2=url+'/'+list[i];
var stat=fs.statSync(url2);
if(stat.isFile()&&path.extname(url2)=='.jpg'){
num++;
}
}
skinlist+='\t'+filename+':'+num+',\n';
entrymap[filename]=num;
shift();
});
delay=true;
}
else{
get(url,shift);
delay=true;
}
}
}
if(!delay){
shift();
}
}
else{
callback();
}
}
shift();
});
};
get(path.dirname(__dirname),function(){
var diff=false;
if(window.noname_asset_list.length==entrylist.length+1){
for(var i=0;i<entrylist.length;i++){
if(entrylist[i]!=window.noname_asset_list[i+1]){
diff=true;
break;
}
}
if(!diff){
for(var i in entrymap){
if(window.noname_skin_list[i]!==entrymap[i]){
diff=true;
break;
}
}
for(var i in noname_skin_list){
if(window.noname_skin_list[i]!==entrymap[i]){
diff=true;
break;
}
}
}
}
else{
diff=true;
}
var next=function(){
exec('git diff --name-only', (error, stdout, stderr) => {
var updatelist='window.noname_update={\n\tversion:\''+updates.version+'\',';
updatelist+='\n\tupdate:\''+(updates.update||'')+'\',';
var apply=function(name,list){
updatelist+='\n\t'+name+':[\n';
for(var i=0;i<list.length;i++){
updatelist+='\t\t\''+list[i]+'\'';
if(i<list.length-1){
updatelist+=',';
}
updatelist+='\n';
}
updatelist+='\t]';
};
if(updates.changeLog){
apply('changeLog',updates.changeLog);
updatelist+=',';
}
if(updates.players){
apply('players',updates.players);
updatelist+=',';
}
if(updates.cards){
apply('cards',updates.cards);
updatelist+=',';
}
var changes = stdout.split('\n');
for(var i=0;i<changes.length;i++){
var extname=path.extname(changes[i]);
if(!changes[i]||(extname!='.js'&&extname!='.css')||changes[i]=='game/update.js'){
changes.splice(i--,1);
}
}
var files;
if(newversion){
files = [];
}
else{
files = updates.files || [];
}
for(var i=0;i<changes.length;i++){
if(files.indexOf(changes[i])===-1){
files.push(changes[i])
}
}
files.sort(function(a,b){
if (a>b) return 1;
if (a<b) return -1;
return 0;
})
apply('files',files);
fs.writeFile('game/update.js',updatelist+'\n};','utf-8',function(){
console.log('updated update.js');
if(commit && typeof commit==='string'){
exec('git add . && git commit -am '+commit);
console.log('committed '+commit);
}
});
});
}
if(diff){
var assetversion='window.noname_asset_list=[\n\t\''+updates.version+'\'';
fs.writeFile('game/asset.js',assetversion+assetlist+'\n];\n'+skinlist.slice(0,skinlist.length-2)+'\n};','utf-8',function(){
console.log('udpated asset.js');
next();
});
}
else{
next();
}
});
var fs=require('fs');
var path=require('path');
var exec = require('child_process').exec;
global.window=global;
require(__dirname+'/update.js');
require(__dirname+'/asset.js');
var updates=window.noname_update;
var newversion=false;
var commit=false
if(process.argv[2]){
if(/[0-9]/.test(process.argv[2][0])){
newversion=true;
updates.update = updates.version;
updates.version = '1.9.' + process.argv[2];
commit=updates.version;
}
else{
commit=process.argv[2];
}
}
var assetlist='';
var skinlist='window.noname_skin_list={\n';
var entrylist=[];
var entrymap={};
var get = function(dir,callback){
fs.readdir(dir,function(err,list){
var shift=function(){
if(list.length){
var filename=list.shift();
var delay=false;
if(!/\.|~|_/.test(filename[0])){
var url=dir+'/'+filename;
var stat=fs.statSync(url);
if(stat.isFile()){
if(['.jpg','.png','.mp3','.ttf'].indexOf(path.extname(url))!=-1){
var assetentry=path.relative(path.dirname(__dirname),url);
assetlist+=',\n\t\''+assetentry+'\'';
entrylist.push(assetentry);
}
}
else if(stat.isDirectory()){
if(dir==path.dirname(__dirname)+'/image/skin'){
fs.readdir(url,function(err,list){
var num=0;
for(var i=0;i<list.length;i++){
var url2=url+'/'+list[i];
var stat=fs.statSync(url2);
if(stat.isFile()&&path.extname(url2)=='.jpg'){
num++;
}
}
skinlist+='\t'+filename+':'+num+',\n';
entrymap[filename]=num;
shift();
});
delay=true;
}
else{
get(url,shift);
delay=true;
}
}
}
if(!delay){
shift();
}
}
else{
callback();
}
}
shift();
});
};
get(path.dirname(__dirname),function(){
var diff=false;
if(window.noname_asset_list.length==entrylist.length+1){
for(var i=0;i<entrylist.length;i++){
if(entrylist[i]!=window.noname_asset_list[i+1]){
diff=true;
break;
}
}
if(!diff){
for(var i in entrymap){
if(window.noname_skin_list[i]!==entrymap[i]){
diff=true;
break;
}
}
for(var i in noname_skin_list){
if(window.noname_skin_list[i]!==entrymap[i]){
diff=true;
break;
}
}
}
}
else{
diff=true;
}
var next=function(){
exec('git diff --name-only', (error, stdout, stderr) => {
var updatelist='window.noname_update={\n\tversion:\''+updates.version+'\',';
updatelist+='\n\tupdate:\''+(updates.update||'')+'\',';
var apply=function(name,list){
updatelist+='\n\t'+name+':[\n';
for(var i=0;i<list.length;i++){
updatelist+='\t\t\''+list[i]+'\'';
if(i<list.length-1){
updatelist+=',';
}
updatelist+='\n';
}
updatelist+='\t]';
};
if(updates.changeLog){
apply('changeLog',updates.changeLog);
updatelist+=',';
}
if(updates.players){
apply('players',updates.players);
updatelist+=',';
}
if(updates.cards){
apply('cards',updates.cards);
updatelist+=',';
}
var changes = stdout.split('\n');
for(var i=0;i<changes.length;i++){
var extname=path.extname(changes[i]);
if(!changes[i]||(extname!='.js'&&extname!='.css')||changes[i]=='game/update.js'){
changes.splice(i--,1);
}
}
var files;
if(newversion){
files = [];
}
else{
files = updates.files || [];
}
for(var i=0;i<changes.length;i++){
if(files.indexOf(changes[i])===-1){
files.push(changes[i])
}
}
files.sort(function(a,b){
if (a>b) return 1;
if (a<b) return -1;
return 0;
})
apply('files',files);
fs.writeFile('game/update.js',updatelist+'\n};','utf-8',function(){
console.log('updated update.js');
if(commit && typeof commit==='string'){
exec('git add . && git commit -am '+commit);
console.log('committed '+commit);
}
});
});
}
if(diff){
var assetversion='window.noname_asset_list=[\n\t\''+updates.version+'\'';
fs.writeFile('game/asset.js',assetversion+assetlist+'\n];\n'+skinlist.slice(0,skinlist.length-2)+'\n};','utf-8',function(){
console.log('udpated asset.js');
next();
});
}
else{
next();
}
});

174
game/http.js
View File

@ -1,87 +1,87 @@
var http = require('http');
var fs = require('fs');
var server = new http.Server();
server.listen(80);
server.on('request', function(request, response) {
var url = require('url').parse(request.url);
switch(url.pathname) {
case ''||'/' :
fs.readFile('./index.html', function(err, content){
if(err) {
response.writeHead(404, { 'Content-Type':'text/plain; charset="UTF-8"' });
response.write(err.message);
response.end();
} else {
response.writeHead(200, { 'Content-Type' : 'text/html; charset=UTF-8' });
response.write(content);
response.end();
}
});
break;
case '/test/delay':
var delay = parseInt(url.query) || 2000;
response.writeHead(200, {'Content-type':'text/plain; charset=UTF-8'});
response.write('Sleeping for' + delay + ' milliseconds...');
setTimeout(function(){
response.write('done.');
response.end();
}, delay);
break;
case '/test/mirror':
response.writeHead(200, {'Content-type':'text/plain; charset=UTF-8'});
response.write(request.mothod + ' ' + request.url + ' HTTP/' + request.httpVersion + '\r\n');
for (var h in request.headers) {
response.write(h + ':' + request.headers[h] + '\r\n');
}
response.write('\r\n');
request.on('data', function(chunk) { response.write(chunk); });
request.on('end', function(chunk){ response.end(); });
break;
case '/json' :
response.writeHead(200, {'Content-type':'application/json; charset=UTF-8'});
response.write(JSON.stringify({test:'success'}));
response.end();
break;
default:
var filename = url.pathname.substring(1);
var type = getType(filename.substring(filename.lastIndexOf('.')+1));
fs.readFile(filename, function(err, content){
if(err) {
response.writeHead(404, { 'Content-Type':'text/plain; charset="UTF-8"' });
response.write(err.message);
response.end();
} else {
response.writeHead(200, { 'Content-Type' : type });
response.write(content);
response.end();
}
});
break;
}
});
function getType(endTag){
var type=null;
switch(endTag){
case 'html' :
case 'htm' :
type = 'text/html; charset=UTF-8';
break;
case 'js' :
type = 'application/javascript; charset="UTF-8"';
break;
case 'css' :
type = 'text/css; charset="UTF-8"';
break;
case 'txt' :
type = 'text/plain; charset="UTF-8"';
break;
case 'manifest' :
type = 'text/cache-manifest; charset="UTF-8"';
break;
default :
type = 'application/octet-stream';
break;
}
return type;
}
var http = require('http');
var fs = require('fs');
var server = new http.Server();
server.listen(80);
server.on('request', function(request, response) {
var url = require('url').parse(request.url);
switch(url.pathname) {
case ''||'/' :
fs.readFile('./index.html', function(err, content){
if(err) {
response.writeHead(404, { 'Content-Type':'text/plain; charset="UTF-8"' });
response.write(err.message);
response.end();
} else {
response.writeHead(200, { 'Content-Type' : 'text/html; charset=UTF-8' });
response.write(content);
response.end();
}
});
break;
case '/test/delay':
var delay = parseInt(url.query) || 2000;
response.writeHead(200, {'Content-type':'text/plain; charset=UTF-8'});
response.write('Sleeping for' + delay + ' milliseconds...');
setTimeout(function(){
response.write('done.');
response.end();
}, delay);
break;
case '/test/mirror':
response.writeHead(200, {'Content-type':'text/plain; charset=UTF-8'});
response.write(request.mothod + ' ' + request.url + ' HTTP/' + request.httpVersion + '\r\n');
for (var h in request.headers) {
response.write(h + ':' + request.headers[h] + '\r\n');
}
response.write('\r\n');
request.on('data', function(chunk) { response.write(chunk); });
request.on('end', function(chunk){ response.end(); });
break;
case '/json' :
response.writeHead(200, {'Content-type':'application/json; charset=UTF-8'});
response.write(JSON.stringify({test:'success'}));
response.end();
break;
default:
var filename = url.pathname.substring(1);
var type = getType(filename.substring(filename.lastIndexOf('.')+1));
fs.readFile(filename, function(err, content){
if(err) {
response.writeHead(404, { 'Content-Type':'text/plain; charset="UTF-8"' });
response.write(err.message);
response.end();
} else {
response.writeHead(200, { 'Content-Type' : type });
response.write(content);
response.end();
}
});
break;
}
});
function getType(endTag){
var type=null;
switch(endTag){
case 'html' :
case 'htm' :
type = 'text/html; charset=UTF-8';
break;
case 'js' :
type = 'application/javascript; charset="UTF-8"';
break;
case 'css' :
type = 'text/css; charset="UTF-8"';
break;
case 'txt' :
type = 'text/plain; charset="UTF-8"';
break;
case 'manifest' :
type = 'text/cache-manifest; charset="UTF-8"';
break;
default :
type = 'application/octet-stream';
break;
}
return type;
}

18310
game/jszip.js
View File

File diff suppressed because it is too large Load Diff

58
game/phantom.js
View File

@ -1,29 +1,29 @@
var fs = require('fs');
var webpage = require('webpage')
var load = function(id){
var page = webpage.create();
page.settings.userAgent = 'NonameServer';
page.open('file://'+fs.workingDirectory+'/index.html?server='+id, function(status) {
if(status !== 'success') {
console.log(fs.workingDirectory);
console.log('Unable to access network');
}
setInterval(function(){
if(page.evaluate(function(){
if(!lib.node||!lib.node.clients||!lib.node.clients.length){
return true;
}
else{
return false;
}
})){
page.close();
load(id);
}
},600000);
});
}
load(1);
load(2);
load(3);
var fs = require('fs');
var webpage = require('webpage')
var load = function(id){
var page = webpage.create();
page.settings.userAgent = 'NonameServer';
page.open('file://'+fs.workingDirectory+'/index.html?server='+id, function(status) {
if(status !== 'success') {
console.log(fs.workingDirectory);
console.log('Unable to access network');
}
setInterval(function(){
if(page.evaluate(function(){
if(!lib.node||!lib.node.clients||!lib.node.clients.length){
return true;
}
else{
return false;
}
})){
page.close();
load(id);
}
},600000);
});
}
load(1);
load(2);
load(3);

1152
game/pressure.js
View File

File diff suppressed because it is too large Load Diff

716
game/server.js
View File

@ -1,358 +1,358 @@
(function(){
var WebSocketServer=require('ws').Server;
var wss=new WebSocketServer({port:8080});
var bannedKeys=[];
var bannedIps=[];
var rooms=[{},{},{},{},{},{}];
var events=[];
var clients={};
var messages={
enter:function(index,nickname,avatar,config,mode){
this.nickname=nickname;
this.avatar=avatar;
var room=rooms[index];
if(!room){
index=0;
room=rooms[0];
}
this.room=room;
delete this.status;
if(room.owner){
if(room.servermode&&!room.owner._onconfig&&config&&mode){
room.owner.sendl('createroom',index,config,mode);
room.owner._onconfig=this;
room.owner.nickname=nickname;
room.owner.avatar=avatar;
}
else if(!room.config){
this.sendl('enterroomfailed');
}
else{
this.owner=room.owner;
this.owner.sendl('onconnection',this.wsid);
}
util.updaterooms();
}
else{
room.owner=this;
this.sendl('createroom',index);
}
},
changeAvatar:function(nickname,avatar){
this.nickname=nickname;
this.avatar=avatar;
util.updateclients();
},
server:function(cfg){
if(cfg){
this.servermode=true;
var room=rooms[cfg[0]];
if(!room||room.owner){
this.sendl('reloadroom',true);
}
else{
room.owner=this;
this.room=room;
this.nickname=cfg[1];
this.avatar=cfg[2];
this.sendl('createroom',cfg[0],{},'auto')
}
}
else{
for(var i=0;i<rooms.length;i++){
if(!rooms[i].owner){
rooms[i].owner=this;
rooms[i].servermode=true;
this.room=rooms[i];
this.servermode=true;
break;
}
}
util.updaterooms();
}
},
key:function(id){
clearTimeout(this.keyCheck);
delete this.keyCheck;
if(bannedKeys.indexOf(id)!=-1){
bannedIps.push(this._socket.remoteAddress);
console.log(id, this._socket.remoteAddress);
this.close();
return;
}
},
events:function(cfg,id,type){
if(bannedKeys.indexOf(id)!=-1){
bannedIps.push(this._socket.remoteAddress);
console.log(id, this._socket.remoteAddress);
this.close();
return;
}
var changed=false;
var time=(new Date()).getTime();
if(cfg&&id){
if(typeof cfg=='string'){
for(var i=0;i<events.length;i++){
if(events[i].id==cfg){
if(type=='join'){
if(events[i].members.indexOf(id)==-1){
events[i].members.push(id);
}
changed=true;
}
else if(type=='leave'){
var index=events[i].members.indexOf(id);
if(index!=-1){
events[i].members.splice(index,1);
if(events[i].members.length==0){
events.splice(i--,1);
}
}
changed=true;
}
}
}
}
else if(cfg.hasOwnProperty('utc')&&
cfg.hasOwnProperty('day')&&
cfg.hasOwnProperty('hour')&&
cfg.hasOwnProperty('content')){
if(events.length>=20){
this.sendl('eventsdenied','total');
}
else if(cfg.utc<=time){
this.sendl('eventsdenied','time');
}
else{
cfg.nickname=cfg.nickname||'无名玩家';
cfg.avatar=cfg.nickname||'caocao';
cfg.creator=id;
cfg.id=util.getid();
cfg.members=[id];
events.unshift(cfg);
changed=true;
}
}
}
if(changed){
util.updateevents();
}
},
config:function(config){
var room=this.room;
if(room&&room.owner==this){
if(room.servermode){
room.servermode=false;
if(this._onconfig){
if(clients[this._onconfig.wsid]){
this._onconfig.owner=this;
this.sendl('onconnection',this._onconfig.wsid);
}
delete this._onconfig;
}
}
room.config=config;
}
util.updaterooms();
},
status:function(str){
if(typeof str=='string'){
this.status=str;
}
else{
delete this.status;
}
util.updateclients();
},
send:function(id,message){
if(clients[id]&&clients[id].owner==this){
try{
clients[id].send(message);
}
catch(e){
clients[id].close();
}
}
},
close:function(id){
if(clients[id]&&clients[id].owner==this){
clients[id].close();
}
},
};
var util={
sendl:function(){
var args=[];
for(var i=0;i<arguments.length;i++){
args.push(arguments[i]);
}
try{
this.send(JSON.stringify(args));
}
catch(e){
this.close();
}
},
getid:function(){
return (Math.floor(1000000000+9000000000*Math.random())).toString();
},
getroomlist:function(){
var roomlist=[];
for(var i=0;i<rooms.length;i++){
rooms[i]._num=0;
}
for(var i in clients){
if(clients[i].room&&!clients[i].servermode){
clients[i].room._num++;
}
}
for(var i=0;i<rooms.length;i++){
if(rooms[i].servermode){
roomlist[i]='server';
}
else if(rooms[i].owner&&rooms[i].config){
if(rooms[i]._num==0){
rooms[i].owner.sendl('reloadroom');
}
roomlist[i]=[rooms[i].owner.nickname,rooms[i].owner.avatar,
rooms[i].config,rooms[i]._num];
}
else{
roomlist[i]=null;
}
delete rooms[i]._num;
}
return roomlist;
},
getclientlist:function(){
var clientlist=[];
for(var i in clients){
clientlist.push([clients[i].nickname,clients[i].avatar,!clients[i].room,clients[i].status,clients[i].wsid]);
}
return clientlist;
},
updaterooms:function(){
var roomlist=util.getroomlist();
var clientlist=util.getclientlist();
for(var i in clients){
if(!clients[i].room){
clients[i].sendl('updaterooms',roomlist,clientlist);
}
}
},
updateclients:function(){
var clientlist=util.getclientlist();
for(var i in clients){
if(!clients[i].room){
clients[i].sendl('updateclients',clientlist);
}
}
},
checkevents:function(){
if(events.length){
var time=(new Date()).getTime();
for(var i=0;i<events.length;i++){
if(events[i].utc<=time){
events.splice(i--,1);
}
}
}
return events;
},
updateevents:function(){
util.checkevents();
for(var i in clients){
if(!clients[i].room){
clients[i].sendl('updateevents',events);
}
}
}
};
wss.on('connection',function(ws){
ws.sendl=util.sendl;
if(bannedIps.indexOf(ws._socket.remoteAddress)!=-1){
ws.sendl('denied','banned');
setTimeout(function(){
ws.close();
},500);
return;
}
ws.keyCheck=setTimeout(function(){
ws.sendl('denied','key');
setTimeout(function(){
ws.close();
},500);
},2000);
ws.wsid=util.getid();
clients[ws.wsid]=ws;
ws.sendl('roomlist',util.getroomlist(),util.checkevents(),util.getclientlist(ws),ws.wsid);
ws.heartbeat=setInterval(function(){
if(ws.beat){
ws.close();
clearInterval(ws.heartbeat);
}
else{
ws.beat=true;
try{
ws.send('heartbeat');
}
catch(e){
ws.close();
}
}
},60000);
ws.on('message',function(message){
if(!clients[this.wsid]) return;
if(message=='heartbeat'){
this.beat=false;
}
else if(this.owner){
this.owner.sendl('onmessage',this.wsid,message);
}
else{
var arr;
try{
arr=JSON.parse(message);
if(!Array.isArray(arr)){
throw('err');
}
}
catch(e){
this.sendl('denied','banned');
return;
}
if(arr.shift()=='server'){
var type=arr.shift();
if(messages[type]){
messages[type].apply(this,arr);
}
}
}
});
ws.on('close',function(){
for(var i=0;i<rooms.length;i++){
if(rooms[i].owner==this){
rooms[i].owner=null;
rooms[i].config=null;
rooms[i].servermode=false;
for(var j in clients){
if(clients[j].room==rooms[i]&&clients[j]!=this){
clients[j].sendl('selfclose');
// clients[j].close();
// delete clients[j];
}
}
}
}
if(clients[this.wsid]){
if(this.owner){
this.owner.sendl('onclose',this.wsid);
}
delete clients[this.wsid];
}
if(this.room) util.updaterooms();
else util.updateclients();
});
});
}());
(function(){
var WebSocketServer=require('ws').Server;
var wss=new WebSocketServer({port:8080});
var bannedKeys=[];
var bannedIps=[];
var rooms=[{},{},{},{},{},{}];
var events=[];
var clients={};
var messages={
enter:function(index,nickname,avatar,config,mode){
this.nickname=nickname;
this.avatar=avatar;
var room=rooms[index];
if(!room){
index=0;
room=rooms[0];
}
this.room=room;
delete this.status;
if(room.owner){
if(room.servermode&&!room.owner._onconfig&&config&&mode){
room.owner.sendl('createroom',index,config,mode);
room.owner._onconfig=this;
room.owner.nickname=nickname;
room.owner.avatar=avatar;
}
else if(!room.config){
this.sendl('enterroomfailed');
}
else{
this.owner=room.owner;
this.owner.sendl('onconnection',this.wsid);
}
util.updaterooms();
}
else{
room.owner=this;
this.sendl('createroom',index);
}
},
changeAvatar:function(nickname,avatar){
this.nickname=nickname;
this.avatar=avatar;
util.updateclients();
},
server:function(cfg){
if(cfg){
this.servermode=true;
var room=rooms[cfg[0]];
if(!room||room.owner){
this.sendl('reloadroom',true);
}
else{
room.owner=this;
this.room=room;
this.nickname=cfg[1];
this.avatar=cfg[2];
this.sendl('createroom',cfg[0],{},'auto')
}
}
else{
for(var i=0;i<rooms.length;i++){
if(!rooms[i].owner){
rooms[i].owner=this;
rooms[i].servermode=true;
this.room=rooms[i];
this.servermode=true;
break;
}
}
util.updaterooms();
}
},
key:function(id){
clearTimeout(this.keyCheck);
delete this.keyCheck;
if(bannedKeys.indexOf(id)!=-1){
bannedIps.push(this._socket.remoteAddress);
console.log(id, this._socket.remoteAddress);
this.close();
return;
}
},
events:function(cfg,id,type){
if(bannedKeys.indexOf(id)!=-1){
bannedIps.push(this._socket.remoteAddress);
console.log(id, this._socket.remoteAddress);
this.close();
return;
}
var changed=false;
var time=(new Date()).getTime();
if(cfg&&id){
if(typeof cfg=='string'){
for(var i=0;i<events.length;i++){
if(events[i].id==cfg){
if(type=='join'){
if(events[i].members.indexOf(id)==-1){
events[i].members.push(id);
}
changed=true;
}
else if(type=='leave'){
var index=events[i].members.indexOf(id);
if(index!=-1){
events[i].members.splice(index,1);
if(events[i].members.length==0){
events.splice(i--,1);
}
}
changed=true;
}
}
}
}
else if(cfg.hasOwnProperty('utc')&&
cfg.hasOwnProperty('day')&&
cfg.hasOwnProperty('hour')&&
cfg.hasOwnProperty('content')){
if(events.length>=20){
this.sendl('eventsdenied','total');
}
else if(cfg.utc<=time){
this.sendl('eventsdenied','time');
}
else{
cfg.nickname=cfg.nickname||'无名玩家';
cfg.avatar=cfg.nickname||'caocao';
cfg.creator=id;
cfg.id=util.getid();
cfg.members=[id];
events.unshift(cfg);
changed=true;
}
}
}
if(changed){
util.updateevents();
}
},
config:function(config){
var room=this.room;
if(room&&room.owner==this){
if(room.servermode){
room.servermode=false;
if(this._onconfig){
if(clients[this._onconfig.wsid]){
this._onconfig.owner=this;
this.sendl('onconnection',this._onconfig.wsid);
}
delete this._onconfig;
}
}
room.config=config;
}
util.updaterooms();
},
status:function(str){
if(typeof str=='string'){
this.status=str;
}
else{
delete this.status;
}
util.updateclients();
},
send:function(id,message){
if(clients[id]&&clients[id].owner==this){
try{
clients[id].send(message);
}
catch(e){
clients[id].close();
}
}
},
close:function(id){
if(clients[id]&&clients[id].owner==this){
clients[id].close();
}
},
};
var util={
sendl:function(){
var args=[];
for(var i=0;i<arguments.length;i++){
args.push(arguments[i]);
}
try{
this.send(JSON.stringify(args));
}
catch(e){
this.close();
}
},
getid:function(){
return (Math.floor(1000000000+9000000000*Math.random())).toString();
},
getroomlist:function(){
var roomlist=[];
for(var i=0;i<rooms.length;i++){
rooms[i]._num=0;
}
for(var i in clients){
if(clients[i].room&&!clients[i].servermode){
clients[i].room._num++;
}
}
for(var i=0;i<rooms.length;i++){
if(rooms[i].servermode){
roomlist[i]='server';
}
else if(rooms[i].owner&&rooms[i].config){
if(rooms[i]._num==0){
rooms[i].owner.sendl('reloadroom');
}
roomlist[i]=[rooms[i].owner.nickname,rooms[i].owner.avatar,
rooms[i].config,rooms[i]._num];
}
else{
roomlist[i]=null;
}
delete rooms[i]._num;
}
return roomlist;
},
getclientlist:function(){
var clientlist=[];
for(var i in clients){
clientlist.push([clients[i].nickname,clients[i].avatar,!clients[i].room,clients[i].status,clients[i].wsid]);
}
return clientlist;
},
updaterooms:function(){
var roomlist=util.getroomlist();
var clientlist=util.getclientlist();
for(var i in clients){
if(!clients[i].room){
clients[i].sendl('updaterooms',roomlist,clientlist);
}
}
},
updateclients:function(){
var clientlist=util.getclientlist();
for(var i in clients){
if(!clients[i].room){
clients[i].sendl('updateclients',clientlist);
}
}
},
checkevents:function(){
if(events.length){
var time=(new Date()).getTime();
for(var i=0;i<events.length;i++){
if(events[i].utc<=time){
events.splice(i--,1);
}
}
}
return events;
},
updateevents:function(){
util.checkevents();
for(var i in clients){
if(!clients[i].room){
clients[i].sendl('updateevents',events);
}
}
}
};
wss.on('connection',function(ws){
ws.sendl=util.sendl;
if(bannedIps.indexOf(ws._socket.remoteAddress)!=-1){
ws.sendl('denied','banned');
setTimeout(function(){
ws.close();
},500);
return;
}
ws.keyCheck=setTimeout(function(){
ws.sendl('denied','key');
setTimeout(function(){
ws.close();
},500);
},2000);
ws.wsid=util.getid();
clients[ws.wsid]=ws;
ws.sendl('roomlist',util.getroomlist(),util.checkevents(),util.getclientlist(ws),ws.wsid);
ws.heartbeat=setInterval(function(){
if(ws.beat){
ws.close();
clearInterval(ws.heartbeat);
}
else{
ws.beat=true;
try{
ws.send('heartbeat');
}
catch(e){
ws.close();
}
}
},60000);
ws.on('message',function(message){
if(!clients[this.wsid]) return;
if(message=='heartbeat'){
this.beat=false;
}
else if(this.owner){
this.owner.sendl('onmessage',this.wsid,message);
}
else{
var arr;
try{
arr=JSON.parse(message);
if(!Array.isArray(arr)){
throw('err');
}
}
catch(e){
this.sendl('denied','banned');
return;
}
if(arr.shift()=='server'){
var type=arr.shift();
if(messages[type]){
messages[type].apply(this,arr);
}
}
}
});
ws.on('close',function(){
for(var i=0;i<rooms.length;i++){
if(rooms[i].owner==this){
rooms[i].owner=null;
rooms[i].config=null;
rooms[i].servermode=false;
for(var j in clients){
if(clients[j].room==rooms[i]&&clients[j]!=this){
clients[j].sendl('selfclose');
// clients[j].close();
// delete clients[j];
}
}
}
}
if(clients[this.wsid]){
if(this.owner){
this.owner.sendl('onclose',this.wsid);
}
delete clients[this.wsid];
}
if(this.room) util.updaterooms();
else util.updateclients();
});
});
}());

814
layout/default/codemirror.css
View File

@ -1,407 +1,407 @@
/* BASICS */
.CodeMirror {
/* Set height, width, borders, and global font properties here */
width: 100%;
height: 100%;
color: black;
}
.CodeMirror div{
display: block;
text-shadow: none;
transition: all 0s;
position: static;
}
/* PADDING */
.CodeMirror-lines {
padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
padding: 0 4px; /* Horizontal padding of content */
}
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
background-color: white; /* The little square between H and V scrollbars */
}
/* GUTTER */
.CodeMirror-gutters {
border-right: 1px solid #ddd;
background-color: #f7f7f7;
white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
padding: 0 3px 0 5px;
min-width: 20px;
text-align: right;
color: #999;
white-space: nowrap;
}
.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }
/* CURSOR */
.CodeMirror-cursor {
border-left: 1px solid black;
border-right: none;
width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
width: auto;
border: 0 !important;
background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
z-index: 1;
}
.cm-animate-fat-cursor {
width: auto;
border: 0;
-webkit-animation: blink 1.06s steps(1) infinite;
-moz-animation: blink 1.06s steps(1) infinite;
animation: blink 1.06s steps(1) infinite;
background-color: #7e7;
}
@-moz-keyframes blink {
0% {}
50% { background-color: transparent; }
100% {}
}
@-webkit-keyframes blink {
0% {}
50% { background-color: transparent; }
100% {}
}
@keyframes blink {
0% {}
50% { background-color: transparent; }
100% {}
}
/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}
.cm-tab { display: inline-block; text-decoration: inherit; }
.CodeMirror .CodeMirror-rulers {
position: absolute;
left: 0; right: 0; top: -50px; bottom: -20px;
overflow: hidden;
}
.CodeMirror .CodeMirror-ruler {
border-left: 1px solid #ccc;
top: 0; bottom: 0;
position: absolute;
}
/* DEFAULT THEME */
.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}
.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3 {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}
.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}
.CodeMirror-composing { border-bottom: 2px solid; }
/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}
/* STOP */
/* The rest of this file contains styles related to the mechanics of
the editor. You probably shouldn't touch them. */
.CodeMirror {
position: relative;
overflow: hidden;
background: white;
}
.CodeMirror .CodeMirror-scroll {
overflow: scroll !important; /* Things will break if this is overridden */
/* 30px is the magic margin used to hide the element's real scrollbars */
/* See overflow: hidden in .CodeMirror */
margin-bottom: -30px; margin-right: -30px;
padding-bottom: 30px;
height: 100%;
outline: none; /* Prevent dragging from highlighting the element */
position: relative;
}
.CodeMirror .CodeMirror-sizer {
position: relative;
border-right: 30px solid transparent;
}
/* The fake, visible scrollbars. Used to force redraw during scrolling
before actual scrolling happens, thus preventing shaking and
flickering artifacts. */
.CodeMirror .CodeMirror-vscrollbar, .CodeMirror .CodeMirror-hscrollbar, .CodeMirror .CodeMirror-scrollbar-filler, .CodeMirror .CodeMirror-gutter-filler {
position: absolute;
z-index: 6;
display: none;
}
.CodeMirror-vscrollbar {
right: 0; top: 0;
overflow-x: hidden;
overflow-y: scroll;
}
.CodeMirror-hscrollbar {
bottom: 0; left: 0;
overflow-y: hidden;
overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
left: 0; bottom: 0;
}
.CodeMirror .CodeMirror-gutters {
position: absolute; left: 0; top: 0;
min-height: 100%;
z-index: 3;
}
.CodeMirror-gutter {
white-space: normal;
height: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: -30px;
/* Hack to make IE7 behave */
*zoom:1;
*display:inline;
}
.CodeMirror .CodeMirror-gutter-wrapper {
position: absolute;
z-index: 4;
background: none !important;
border: none !important;
}
.CodeMirror .CodeMirror-gutter-background {
position: absolute;
top: 0; bottom: 0;
z-index: 4;
}
.CodeMirror .CodeMirror-gutter-elt {
position: absolute;
cursor: default;
z-index: 4;
}
.CodeMirror-gutter-wrapper {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.CodeMirror-lines {
cursor: text;
min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
/* Reset some styles that the rest of the page might have set */
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
border-width: 0;
background: transparent;
/*font-family: inherit;*/
/*font-family:'STHeiti','SimHei','Microsoft JhengHei','Microsoft YaHei','WenQuanYi Micro Hei',Helvetica,Arial,sans-serif;*/
font-size: inherit;
margin: 0;
white-space: pre;
word-wrap: normal;
line-height: inherit;
color: inherit;
z-index: 2;
position: relative;
overflow: visible;
-webkit-tap-highlight-color: transparent;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
}
.CodeMirror-wrap pre {
word-wrap: break-word;
white-space: pre-wrap;
word-break: normal;
}
.CodeMirror .CodeMirror-linebackground {
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
z-index: 0;
}
.CodeMirror .CodeMirror-linewidget {
position: relative;
z-index: 2;
overflow: auto;
}
.CodeMirror-widget {}
.CodeMirror-code {
outline: none;
}
/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.CodeMirror .CodeMirror-measure {
position: absolute;
width: 100%;
height: 0;
overflow: hidden;
visibility: hidden;
}
.CodeMirror .CodeMirror-cursor {
position: absolute;
pointer-events: none;
}
.CodeMirror-measure pre { position: static; }
.CodeMirror div.CodeMirror-cursors {
visibility: hidden;
position: relative;
z-index: 3;
}
div.CodeMirror-dragcursors {
visibility: visible;
}
.CodeMirror-focused div.CodeMirror-cursors {
visibility: visible;
}
.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
.cm-searching {
background: #ffa;
background: rgba(255, 255, 0, .4);
}
/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span { *vertical-align: text-bottom; }
/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }
@media print {
/* Hide the cursor when printing */
.CodeMirror div.CodeMirror-cursors {
visibility: hidden;
}
}
/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }
/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }
/*
MDN-LIKE Theme - Mozilla
Ported to CodeMirror by Peter Kroon <plakroon@gmail.com>
Report bugs/issues here: https://github.com/codemirror/CodeMirror/issues
GitHub: @peterkroon
The mdn-like theme is inspired on the displayed code examples at: https://developer.mozilla.org/en-US/docs/Web/CSS/animation
*/
.cm-s-mdn-like.CodeMirror { color: #999; background-color: #fff; }
.cm-s-mdn-like div.CodeMirror-selected { background: #cfc; }
.cm-s-mdn-like .CodeMirror-line::selection, .cm-s-mdn-like .CodeMirror-line > span::selection, .cm-s-mdn-like .CodeMirror-line > span > span::selection { background: #cfc; }
.cm-s-mdn-like .CodeMirror-line::-moz-selection, .cm-s-mdn-like .CodeMirror-line > span::-moz-selection, .cm-s-mdn-like .CodeMirror-line > span > span::-moz-selection { background: #cfc; }
.cm-s-mdn-like .CodeMirror-gutters { background: #f8f8f8; border-left: 6px solid rgba(0,83,159,0); color: #333; }
.cm-s-mdn-like .CodeMirror-linenumber { color: #aaa; padding-left: 8px; }
.cm-s-mdn-like .CodeMirror-cursor { border-left: 2px solid #222; }
.cm-s-mdn-like .cm-keyword { color: #6262FF; }
.cm-s-mdn-like .cm-atom { color: #F90; }
.cm-s-mdn-like .cm-number { color: #ca7841; }
.cm-s-mdn-like .cm-def { color: #8DA6CE; }
.cm-s-mdn-like span.cm-variable-2, .cm-s-mdn-like span.cm-tag { color: #690; }
.cm-s-mdn-like span.cm-variable-3, .cm-s-mdn-like span.cm-def { color: #07a; }
.cm-s-mdn-like .cm-variable { color: #07a; }
.cm-s-mdn-like .cm-property { color: #905; }
.cm-s-mdn-like .cm-qualifier { color: #690; }
.cm-s-mdn-like .cm-operator { color: #cda869; }
.cm-s-mdn-like .cm-comment { color:#777; font-weight:normal; }
.cm-s-mdn-like .cm-string { color:#07a; font-style:italic; }
.cm-s-mdn-like .cm-string-2 { color:#bd6b18; } /*?*/
.cm-s-mdn-like .cm-meta { color: #000; } /*?*/
.cm-s-mdn-like .cm-builtin { color: #9B7536; } /*?*/
.cm-s-mdn-like .cm-tag { color: #997643; }
.cm-s-mdn-like .cm-attribute { color: #d6bb6d; } /*?*/
.cm-s-mdn-like .cm-header { color: #FF6400; }
.cm-s-mdn-like .cm-hr { color: #AEAEAE; }
.cm-s-mdn-like .cm-link { color:#ad9361; font-style:italic; text-decoration:none; }
.cm-s-mdn-like .cm-error { border-bottom: 1px solid red; }
div.cm-s-mdn-like .CodeMirror-activeline-background { background: #efefff; }
div.cm-s-mdn-like span.CodeMirror-matchingbracket { outline:1px solid grey; color: inherit; }
/*.cm-s-mdn-like.CodeMirror { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAyCAYAAAAp8UeFAAAHvklEQVR42s2b63bcNgyEQZCSHCdt2vd/0tWF7I+Q6XgMXiTtuvU5Pl57ZQKkKHzEAOtF5KeIJBGJ8uvL599FRFREZhFx8DeXv8trn68RuGaC8TRfo3SNp9dlDDHedyLyTUTeRWStXKPZrjtpZxaRw5hPqozRs1N8/enzIiQRWcCgy4MUA0f+XWliDhyL8Lfyvx7ei/Ae3iQFHyw7U/59pQVIMEEPEz0G7XiwdRjzSfC3UTtz9vchIntxvry5iMgfIhJoEflOz2CQr3F5h/HfeFe+GTdLaKcu9L8LTeQb/R/7GgbsfKedyNdoHsN31uRPWrfZ5wsj/NzzRQHuToIdU3ahwnsKPxXCjJITuOsi7XLc7SG/v5GdALs7wf8JjTFiB5+QvTEfRyGOfX3Lrx8wxyQi3sNq46O7QahQiCsRFgqddjBouVEHOKDgXAQHD9gJCr5sMKkEdjwsarG/ww3BMHBU7OBjXnzdyY7SfCxf5/z6ATccrwlKuwC/jhznnPF4CgVzhhVf4xp2EixcBActO75iZ8/fM9zAs2OMzKdslgXWJ9XG8PQoOAMA5fGcsvORgv0doBXyHrCwfLJAOwo71QLNkb8n2Pl6EWiR7OCibtkPaz4Kc/0NNAze2gju3zOwekALDaCFPI5vjPFmgGY5AZqyGEvH1x7QfIb8YtxMnA/b+QQ0aQDAwc6JMFg8CbQZ4qoYEEHbRwNojuK3EHwd7VALSgq+MNDKzfT58T8qdpADrgW0GmgcAS1lhzztJmkAzcPNOQbsWEALBDSlMKUG0Eq4CLAQWvEVQ9WU57gZJwZtgPO3r9oBTQ9WO8TjqXINx8R0EYpiZEUWOF3FxkbJkgU9B2f41YBrIj5ZfsQa0M5kTgiAAqM3ShXLgu8XMqcrQBvJ0CL5pnTsfMB13oB8athpAq2XOQmcGmoACCLydx7nToa23ATaSIY2ichfOdPTGxlasXMLaL0MLZAOwAKIM+y8CmicobGdCcbbK9DzN+yYGVoNNI5iUKTMyYOjPse4A8SM1MmcXgU0toOq1yO/v8FOxlASyc7TgeYaAMBJHcY1CcCwGI/TK4AmDbDyKYBBtFUkRwto8gygiQEaByFgJ00BH2M8JWwQS1nafDXQCidWyOI8AcjDCSjCLk8ngObuAm3JAHAdubAmOaK06V8MNEsKPJOhobSprwQa6gD7DclRQdqcwL4zxqgBrQcabUiBLclRDKAlWp+etPkBaNMA0AKlrHwTdEByZAA4GM+SNluSY6wAzcMNewxmgig5Ks0nkrSpBvSaQHMdKTBAnLojOdYyGpQ254602ZILPdTD1hdlggdIm74jbTp8vDwF5ZYUeLWGJpWsh6XNyXgcYwVoJQTEhhTYkxzZjiU5npU2TaB979TQehlaAVq4kaGpiPwwwLkYUuBbQwocyQTv1tA0+1UFWoJF3iv1oq+qoSk8EQdJmwHkziIF7oOZk14EGitibAdjLYYK78H5vZOhtWpoI0ATGHs0Q8OMb4Ey+2bU2UYztCtA0wFAs7TplGLRVQCcqaFdGSPCeTI1QNIC52iWNzof6Uib7xjEp07mNNoUYmVosVItHrHzRlLgBn9LFyRHaQCtVUMbtTNhoXWiTOO9k/V8BdAc1Oq0ArSQs6/5SU0hckNy9NnXqQY0PGYo5dWJ7nINaN6o958FWin27aBaWRka1r5myvLOAm0j30eBJqCxHLReVclxhxOEN2JfDWjxBtAC7MIH1fVaGdoOp4qJYDgKtKPSFNID2gSnGldrCqkFZ+5UeQXQBIRrSwocbdZYQT/2LwRahBPBXoHrB8nxaGROST62DKUbQOMMzZIC9abkuELfQzQALWTnDNAm8KHWFOJgJ5+SHIvTPcmx1xQyZRhNL5Qci689aXMEaN/uNIWkEwDAvFpOZmgsBaaGnbs1NPa1Jm32gBZAIh1pCtG7TSH4aE0y1uVY4uqoFPisGlpP2rSA5qTecWn5agK6BzSpgAyD+wFaqhnYoSZ1Vwr8CmlTQbrcO3ZaX0NAEyMbYaAlyquFoLKK3SPby9CeVUPThrSJmkCAE0CrKUQadi4DrdSlWhmah0YL9z9vClH59YGbHx1J8VZTyAjQepJjmXwAKTDQI3omc3p1U4gDUf6RfcdYfrUp5ClAi2J3Ba6UOXGo+K+bQrjjssitG2SJzshaLwMtXgRagUNpYYoVkMSBLM+9GGiJZMvduG6DRZ4qc04DMPtQQxOjEtACmhO7K1AbNbQDEggZyJwscFpAGwENhoBeUwh3bWolhe8BTYVKxQEWrSUn/uhcM5KhvUu/+eQu0Lzhi+VrK0PrZZNDQKs9cpYUuFYgMVpD4/NxenJTiMCNqdUEUf1qZWjppLT5qSkkUZbCwkbZMSuVnu80hfSkzRbQeqCZSAh6huR4VtoM2gHAlLf72smuWgE+VV7XpE25Ab2WFDgyhnSuKbs4GuGzCjR+tIoUuMFg3kgcWKLTwRqanJQ2W00hAsenfaApRC42hbCvK1SlE0HtE9BGgneJO+ELamitD1YjjOYnNYVcraGhtKkW0EqVVeDx733I2NH581k1NNxNLG0i0IJ8/NjVaOZ0tYZ2Vtr0Xv7tPV3hkWp9EFkgS/J0vosngTaSoaG06WHi+xObQkaAdlbanP8B2+2l0f90LmUAAAAASUVORK5CYII=); }*/
/* BASICS */
.CodeMirror {
/* Set height, width, borders, and global font properties here */
width: 100%;
height: 100%;
color: black;
}
.CodeMirror div{
display: block;
text-shadow: none;
transition: all 0s;
position: static;
}
/* PADDING */
.CodeMirror-lines {
padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
padding: 0 4px; /* Horizontal padding of content */
}
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
background-color: white; /* The little square between H and V scrollbars */
}
/* GUTTER */
.CodeMirror-gutters {
border-right: 1px solid #ddd;
background-color: #f7f7f7;
white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
padding: 0 3px 0 5px;
min-width: 20px;
text-align: right;
color: #999;
white-space: nowrap;
}
.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }
/* CURSOR */
.CodeMirror-cursor {
border-left: 1px solid black;
border-right: none;
width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
width: auto;
border: 0 !important;
background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
z-index: 1;
}
.cm-animate-fat-cursor {
width: auto;
border: 0;
-webkit-animation: blink 1.06s steps(1) infinite;
-moz-animation: blink 1.06s steps(1) infinite;
animation: blink 1.06s steps(1) infinite;
background-color: #7e7;
}
@-moz-keyframes blink {
0% {}
50% { background-color: transparent; }
100% {}
}
@-webkit-keyframes blink {
0% {}
50% { background-color: transparent; }
100% {}
}
@keyframes blink {
0% {}
50% { background-color: transparent; }
100% {}
}
/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}
.cm-tab { display: inline-block; text-decoration: inherit; }
.CodeMirror .CodeMirror-rulers {
position: absolute;
left: 0; right: 0; top: -50px; bottom: -20px;
overflow: hidden;
}
.CodeMirror .CodeMirror-ruler {
border-left: 1px solid #ccc;
top: 0; bottom: 0;
position: absolute;
}
/* DEFAULT THEME */
.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}
.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3 {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}
.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}
.CodeMirror-composing { border-bottom: 2px solid; }
/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}
/* STOP */
/* The rest of this file contains styles related to the mechanics of
the editor. You probably shouldn't touch them. */
.CodeMirror {
position: relative;
overflow: hidden;
background: white;
}
.CodeMirror .CodeMirror-scroll {
overflow: scroll !important; /* Things will break if this is overridden */
/* 30px is the magic margin used to hide the element's real scrollbars */
/* See overflow: hidden in .CodeMirror */
margin-bottom: -30px; margin-right: -30px;
padding-bottom: 30px;
height: 100%;
outline: none; /* Prevent dragging from highlighting the element */
position: relative;
}
.CodeMirror .CodeMirror-sizer {
position: relative;
border-right: 30px solid transparent;
}
/* The fake, visible scrollbars. Used to force redraw during scrolling
before actual scrolling happens, thus preventing shaking and
flickering artifacts. */
.CodeMirror .CodeMirror-vscrollbar, .CodeMirror .CodeMirror-hscrollbar, .CodeMirror .CodeMirror-scrollbar-filler, .CodeMirror .CodeMirror-gutter-filler {
position: absolute;
z-index: 6;
display: none;
}
.CodeMirror-vscrollbar {
right: 0; top: 0;
overflow-x: hidden;
overflow-y: scroll;
}
.CodeMirror-hscrollbar {
bottom: 0; left: 0;
overflow-y: hidden;
overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
left: 0; bottom: 0;
}
.CodeMirror .CodeMirror-gutters {
position: absolute; left: 0; top: 0;
min-height: 100%;
z-index: 3;
}
.CodeMirror-gutter {
white-space: normal;
height: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: -30px;
/* Hack to make IE7 behave */
*zoom:1;
*display:inline;
}
.CodeMirror .CodeMirror-gutter-wrapper {
position: absolute;
z-index: 4;
background: none !important;
border: none !important;
}
.CodeMirror .CodeMirror-gutter-background {
position: absolute;
top: 0; bottom: 0;
z-index: 4;
}
.CodeMirror .CodeMirror-gutter-elt {
position: absolute;
cursor: default;
z-index: 4;
}
.CodeMirror-gutter-wrapper {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.CodeMirror-lines {
cursor: text;
min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
/* Reset some styles that the rest of the page might have set */
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
border-width: 0;
background: transparent;
/*font-family: inherit;*/
/*font-family:'STHeiti','SimHei','Microsoft JhengHei','Microsoft YaHei','WenQuanYi Micro Hei',Helvetica,Arial,sans-serif;*/
font-size: inherit;
margin: 0;
white-space: pre;
word-wrap: normal;
line-height: inherit;
color: inherit;
z-index: 2;
position: relative;
overflow: visible;
-webkit-tap-highlight-color: transparent;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
}
.CodeMirror-wrap pre {
word-wrap: break-word;
white-space: pre-wrap;
word-break: normal;
}
.CodeMirror .CodeMirror-linebackground {
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
z-index: 0;
}
.CodeMirror .CodeMirror-linewidget {
position: relative;
z-index: 2;
overflow: auto;
}
.CodeMirror-widget {}
.CodeMirror-code {
outline: none;
}
/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.CodeMirror .CodeMirror-measure {
position: absolute;
width: 100%;
height: 0;
overflow: hidden;
visibility: hidden;
}
.CodeMirror .CodeMirror-cursor {
position: absolute;
pointer-events: none;
}
.CodeMirror-measure pre { position: static; }
.CodeMirror div.CodeMirror-cursors {
visibility: hidden;
position: relative;
z-index: 3;
}
div.CodeMirror-dragcursors {
visibility: visible;
}
.CodeMirror-focused div.CodeMirror-cursors {
visibility: visible;
}
.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
.cm-searching {
background: #ffa;
background: rgba(255, 255, 0, .4);
}
/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span { *vertical-align: text-bottom; }
/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }
@media print {
/* Hide the cursor when printing */
.CodeMirror div.CodeMirror-cursors {
visibility: hidden;
}
}
/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }
/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }
/*
MDN-LIKE Theme - Mozilla
Ported to CodeMirror by Peter Kroon <plakroon@gmail.com>
Report bugs/issues here: https://github.com/codemirror/CodeMirror/issues
GitHub: @peterkroon
The mdn-like theme is inspired on the displayed code examples at: https://developer.mozilla.org/en-US/docs/Web/CSS/animation
*/
.cm-s-mdn-like.CodeMirror { color: #999; background-color: #fff; }
.cm-s-mdn-like div.CodeMirror-selected { background: #cfc; }
.cm-s-mdn-like .CodeMirror-line::selection, .cm-s-mdn-like .CodeMirror-line > span::selection, .cm-s-mdn-like .CodeMirror-line > span > span::selection { background: #cfc; }
.cm-s-mdn-like .CodeMirror-line::-moz-selection, .cm-s-mdn-like .CodeMirror-line > span::-moz-selection, .cm-s-mdn-like .CodeMirror-line > span > span::-moz-selection { background: #cfc; }
.cm-s-mdn-like .CodeMirror-gutters { background: #f8f8f8; border-left: 6px solid rgba(0,83,159,0); color: #333; }
.cm-s-mdn-like .CodeMirror-linenumber { color: #aaa; padding-left: 8px; }
.cm-s-mdn-like .CodeMirror-cursor { border-left: 2px solid #222; }
.cm-s-mdn-like .cm-keyword { color: #6262FF; }
.cm-s-mdn-like .cm-atom { color: #F90; }
.cm-s-mdn-like .cm-number { color: #ca7841; }
.cm-s-mdn-like .cm-def { color: #8DA6CE; }
.cm-s-mdn-like span.cm-variable-2, .cm-s-mdn-like span.cm-tag { color: #690; }
.cm-s-mdn-like span.cm-variable-3, .cm-s-mdn-like span.cm-def { color: #07a; }
.cm-s-mdn-like .cm-variable { color: #07a; }
.cm-s-mdn-like .cm-property { color: #905; }
.cm-s-mdn-like .cm-qualifier { color: #690; }
.cm-s-mdn-like .cm-operator { color: #cda869; }
.cm-s-mdn-like .cm-comment { color:#777; font-weight:normal; }
.cm-s-mdn-like .cm-string { color:#07a; font-style:italic; }
.cm-s-mdn-like .cm-string-2 { color:#bd6b18; } /*?*/
.cm-s-mdn-like .cm-meta { color: #000; } /*?*/
.cm-s-mdn-like .cm-builtin { color: #9B7536; } /*?*/
.cm-s-mdn-like .cm-tag { color: #997643; }
.cm-s-mdn-like .cm-attribute { color: #d6bb6d; } /*?*/
.cm-s-mdn-like .cm-header { color: #FF6400; }
.cm-s-mdn-like .cm-hr { color: #AEAEAE; }
.cm-s-mdn-like .cm-link { color:#ad9361; font-style:italic; text-decoration:none; }
.cm-s-mdn-like .cm-error { border-bottom: 1px solid red; }
div.cm-s-mdn-like .CodeMirror-activeline-background { background: #efefff; }
div.cm-s-mdn-like span.CodeMirror-matchingbracket { outline:1px solid grey; color: inherit; }
/*.cm-s-mdn-like.CodeMirror { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAyCAYAAAAp8UeFAAAHvklEQVR42s2b63bcNgyEQZCSHCdt2vd/0tWF7I+Q6XgMXiTtuvU5Pl57ZQKkKHzEAOtF5KeIJBGJ8uvL599FRFREZhFx8DeXv8trn68RuGaC8TRfo3SNp9dlDDHedyLyTUTeRWStXKPZrjtpZxaRw5hPqozRs1N8/enzIiQRWcCgy4MUA0f+XWliDhyL8Lfyvx7ei/Ae3iQFHyw7U/59pQVIMEEPEz0G7XiwdRjzSfC3UTtz9vchIntxvry5iMgfIhJoEflOz2CQr3F5h/HfeFe+GTdLaKcu9L8LTeQb/R/7GgbsfKedyNdoHsN31uRPWrfZ5wsj/NzzRQHuToIdU3ahwnsKPxXCjJITuOsi7XLc7SG/v5GdALs7wf8JjTFiB5+QvTEfRyGOfX3Lrx8wxyQi3sNq46O7QahQiCsRFgqddjBouVEHOKDgXAQHD9gJCr5sMKkEdjwsarG/ww3BMHBU7OBjXnzdyY7SfCxf5/z6ATccrwlKuwC/jhznnPF4CgVzhhVf4xp2EixcBActO75iZ8/fM9zAs2OMzKdslgXWJ9XG8PQoOAMA5fGcsvORgv0doBXyHrCwfLJAOwo71QLNkb8n2Pl6EWiR7OCibtkPaz4Kc/0NNAze2gju3zOwekALDaCFPI5vjPFmgGY5AZqyGEvH1x7QfIb8YtxMnA/b+QQ0aQDAwc6JMFg8CbQZ4qoYEEHbRwNojuK3EHwd7VALSgq+MNDKzfT58T8qdpADrgW0GmgcAS1lhzztJmkAzcPNOQbsWEALBDSlMKUG0Eq4CLAQWvEVQ9WU57gZJwZtgPO3r9oBTQ9WO8TjqXINx8R0EYpiZEUWOF3FxkbJkgU9B2f41YBrIj5ZfsQa0M5kTgiAAqM3ShXLgu8XMqcrQBvJ0CL5pnTsfMB13oB8athpAq2XOQmcGmoACCLydx7nToa23ATaSIY2ichfOdPTGxlasXMLaL0MLZAOwAKIM+y8CmicobGdCcbbK9DzN+yYGVoNNI5iUKTMyYOjPse4A8SM1MmcXgU0toOq1yO/v8FOxlASyc7TgeYaAMBJHcY1CcCwGI/TK4AmDbDyKYBBtFUkRwto8gygiQEaByFgJ00BH2M8JWwQS1nafDXQCidWyOI8AcjDCSjCLk8ngObuAm3JAHAdubAmOaK06V8MNEsKPJOhobSprwQa6gD7DclRQdqcwL4zxqgBrQcabUiBLclRDKAlWp+etPkBaNMA0AKlrHwTdEByZAA4GM+SNluSY6wAzcMNewxmgig5Ks0nkrSpBvSaQHMdKTBAnLojOdYyGpQ254602ZILPdTD1hdlggdIm74jbTp8vDwF5ZYUeLWGJpWsh6XNyXgcYwVoJQTEhhTYkxzZjiU5npU2TaB979TQehlaAVq4kaGpiPwwwLkYUuBbQwocyQTv1tA0+1UFWoJF3iv1oq+qoSk8EQdJmwHkziIF7oOZk14EGitibAdjLYYK78H5vZOhtWpoI0ATGHs0Q8OMb4Ey+2bU2UYztCtA0wFAs7TplGLRVQCcqaFdGSPCeTI1QNIC52iWNzof6Uib7xjEp07mNNoUYmVosVItHrHzRlLgBn9LFyRHaQCtVUMbtTNhoXWiTOO9k/V8BdAc1Oq0ArSQs6/5SU0hckNy9NnXqQY0PGYo5dWJ7nINaN6o958FWin27aBaWRka1r5myvLOAm0j30eBJqCxHLReVclxhxOEN2JfDWjxBtAC7MIH1fVaGdoOp4qJYDgKtKPSFNID2gSnGldrCqkFZ+5UeQXQBIRrSwocbdZYQT/2LwRahBPBXoHrB8nxaGROST62DKUbQOMMzZIC9abkuELfQzQALWTnDNAm8KHWFOJgJ5+SHIvTPcmx1xQyZRhNL5Qci689aXMEaN/uNIWkEwDAvFpOZmgsBaaGnbs1NPa1Jm32gBZAIh1pCtG7TSH4aE0y1uVY4uqoFPisGlpP2rSA5qTecWn5agK6BzSpgAyD+wFaqhnYoSZ1Vwr8CmlTQbrcO3ZaX0NAEyMbYaAlyquFoLKK3SPby9CeVUPThrSJmkCAE0CrKUQadi4DrdSlWhmah0YL9z9vClH59YGbHx1J8VZTyAjQepJjmXwAKTDQI3omc3p1U4gDUf6RfcdYfrUp5ClAi2J3Ba6UOXGo+K+bQrjjssitG2SJzshaLwMtXgRagUNpYYoVkMSBLM+9GGiJZMvduG6DRZ4qc04DMPtQQxOjEtACmhO7K1AbNbQDEggZyJwscFpAGwENhoBeUwh3bWolhe8BTYVKxQEWrSUn/uhcM5KhvUu/+eQu0Lzhi+VrK0PrZZNDQKs9cpYUuFYgMVpD4/NxenJTiMCNqdUEUf1qZWjppLT5qSkkUZbCwkbZMSuVnu80hfSkzRbQeqCZSAh6huR4VtoM2gHAlLf72smuWgE+VV7XpE25Ab2WFDgyhnSuKbs4GuGzCjR+tIoUuMFg3kgcWKLTwRqanJQ2W00hAsenfaApRC42hbCvK1SlE0HtE9BGgneJO+ELamitD1YjjOYnNYVcraGhtKkW0EqVVeDx733I2NH581k1NNxNLG0i0IJ8/NjVaOZ0tYZ2Vtr0Xv7tPV3hkWp9EFkgS/J0vosngTaSoaG06WHi+xObQkaAdlbanP8B2+2l0f90LmUAAAAASUVORK5CYII=); }*/

3202
layout/default/menu.css
View File

File diff suppressed because it is too large Load Diff

236
layout/default/phone.css
View File

@ -1,118 +1,118 @@
#arena{
height: calc(97% + 30px);
top:3%
}
#arena.mobile>#control{
top:calc(100% - 205px);
}
#arena.chess.mobile>#control{
top:calc(100% - 175px);
}
#control>div,#system>div>div{
height: 40px;
font-family: 'xinwei';
font-size: 30px;
line-height: 34px;
}
#historybar{
top:14px;
height: calc(100% - 150px);
}
#window.oblongcard #historybar{
height: calc(100% - 170px);
}
#time{
visibility: hidden;
}
#system{
z-index: 31 !important;
}
#window>.dialog.popped{
z-index: 21 !important;
}
#system>div{
position: absolute;
height: 60px;
}
#system>div:first-child{
left:5px;
}
#system>div:last-child{
right:5px;
}
#system>div>div{
line-height: 40px;
}
#system{
z-index: 5;
}
#system>div{
transition-duration: 0.3s;
}
#system>div:not(.shown){
transform: translateY(-80px);
}
.statusbar #system>div:not(.shown){
transform: translateY(-120px);
}
#system>#system1{
width: 140px;
}
#system>#system2{
width: calc(100% - 140px);
}
#system>div:not(.shown)>div{
pointer-events: none;
}
#pausebutton,#autobutton,#restartbutton{
display: none !important;
}
.menu-container>.menu.main,
.popup-container>.menu{
zoom:1.3;
}
.popup-container>.menu{
max-height: 307px;
}
.popup-container>.menu.visual.withbar{
max-height: 360px;
}
.menu-container>.menu.main:not(.center){
top: 12px !important;
left: 10px !important;
}
#system{
width: calc(100% - 12px) !important;
left: 0 !important;
}
#arena.phonetop{
top:80px !important;
}
.player>.identity{
transform: scale(1.3);
}
#window>.dialog.popped.hoverdialog{
transform: scale(1.3);
transform-origin: left top;
}
.player:not([data-position='0']).linked .identity,
#arena.chess .player.linked .identity{
transform:scale(1.3) rotate(90deg);
}
/*br.finish_game{
display: inline !important;
}*/
div:not(.shown)>div.finish_game{
opacity: 0 !important;
}
div.finish_game{
transition: all 0.2s !important;
}
@media screen and (orientation:portrait) {
}
#arena{
height: calc(97% + 30px);
top:3%
}
#arena.mobile>#control{
top:calc(100% - 205px);
}
#arena.chess.mobile>#control{
top:calc(100% - 175px);
}
#control>div,#system>div>div{
height: 40px;
font-family: 'xinwei';
font-size: 30px;
line-height: 34px;
}
#historybar{
top:14px;
height: calc(100% - 150px);
}
#window.oblongcard #historybar{
height: calc(100% - 170px);
}
#time{
visibility: hidden;
}
#system{
z-index: 31 !important;
}
#window>.dialog.popped{
z-index: 21 !important;
}
#system>div{
position: absolute;
height: 60px;
}
#system>div:first-child{
left:5px;
}
#system>div:last-child{
right:5px;
}
#system>div>div{
line-height: 40px;
}
#system{
z-index: 5;
}
#system>div{
transition-duration: 0.3s;
}
#system>div:not(.shown){
transform: translateY(-80px);
}
.statusbar #system>div:not(.shown){
transform: translateY(-120px);
}
#system>#system1{
width: 140px;
}
#system>#system2{
width: calc(100% - 140px);
}
#system>div:not(.shown)>div{
pointer-events: none;
}
#pausebutton,#autobutton,#restartbutton{
display: none !important;
}
.menu-container>.menu.main,
.popup-container>.menu{
zoom:1.3;
}
.popup-container>.menu{
max-height: 307px;
}
.popup-container>.menu.visual.withbar{
max-height: 360px;
}
.menu-container>.menu.main:not(.center){
top: 12px !important;
left: 10px !important;
}
#system{
width: calc(100% - 12px) !important;
left: 0 !important;
}
#arena.phonetop{
top:80px !important;
}
.player>.identity{
transform: scale(1.3);
}
#window>.dialog.popped.hoverdialog{
transform: scale(1.3);
transform-origin: left top;
}
.player:not([data-position='0']).linked .identity,
#arena.chess .player.linked .identity{
transform:scale(1.3) rotate(90deg);
}
/*br.finish_game{
display: inline !important;
}*/
div:not(.shown)>div.finish_game{
opacity: 0 !important;
}
div.finish_game{
transition: all 0.2s !important;
}
@media screen and (orientation:portrait) {
}

514
layout/long/layout.css
View File

@ -1,257 +1,257 @@
@import "../mobile/layout.css";
#window.rightbar #system,
#window.leftbar #system{
width: calc(100% - 62px);
}
#window.leftbar #system{
left: 50px;
}
#window.rightbar #historybar{
left: calc(100% - 50px);
}
#window.leftbar #historybar{
left: 0;
}
#historybar{
left: calc(100% - 50px);
border-radius: 0;
top: 0;
height: calc(100% - 121px);
z-index: 1;
}
#window.oblongcard #historybar{
height: calc(100% - 141px);
}
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.name.name2{
left: auto;
right: 13px;
}
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0']){
width: 120px !important;
height: 220px !important;
}
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.marks{
left: -15px;
}
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.judges{
right: -27px;
}
#arena:not(.fewplayer)[data-player_height='default']>.player:not(.minskin):not(*[data-position='0']){
height: 200px !important;
}
#arena:not(.fewplayer)[data-player_height='short']>.player:not(.minskin):not(*[data-position='0']){
height: 180px !important;
}
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.equips{
transform: scale(0.8);
transform-origin: bottom left;
}
#arena:not(.fewplayer).lslim_player .player .equips{
left: 5px;
}
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar,
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar2{
width: calc(100% - 14px) !important;
height: calc(100% - 14px) !important;
background-position: 50% !important;
}
#arena.uslim_player:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar,
#arena.uslim_player:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar2{
width: calc(100% - 6px) !important;
height: calc(100% - 6px) !important;
background-position: 50% !important;
}
#arena.lslim_player:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar,
#arena.lslim_player:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar2{
width: calc(100% - 10px) !important;
height: calc(100% - 10px) !important;
background-position: 50% !important;
}
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
height: 50% !important;
background-position: 0 0 !important;
border-radius: 8px !important;
}
#arena.uslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
#arena.uslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
height: calc(50% + 4px) !important;
}
#arena.lslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
#arena.lslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
height: calc(50% + 2px) !important;
}
#window[data-radius_size='reduce'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
#window[data-radius_size='reduce'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
border-radius: 4px !important;
}
#window[data-radius_size='off'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
#window[data-radius_size='off'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
border-radius: 0px !important;
}
#window[data-radius_size='increase'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
#window[data-radius_size='increase'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
border-radius: 16px !important;
}
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
border-radius: 8px 8px 0 0 !important;
height: calc(50% + 14px) !important;
clip-path: polygon(-10px -10px, 116px -10px, 116px 92px, 106px 92px, 0px 114px, -10px 114px);
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 92px, 106px 92px, 0px 114px, -10px 114px);
}
#arena:not(.fewplayer)[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
clip-path: polygon(-10px -10px, 116px -10px, 116px 82px, 106px 82px, 0px 104px, -10px 104px);
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 82px, 106px 82px, 0px 104px, -10px 104px);
}
#arena:not(.fewplayer)[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
clip-path: polygon(-10px -10px, 116px -10px, 116px 72px, 106px 72px, 0px 94px, -10px 94px);
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 72px, 106px 72px, 0px 94px, -10px 94px);
}
#arena.uslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
height: calc(50% + 18px) !important;
clip-path: polygon(-10px -10px, 124px -10px, 124px 96px, 114px 96px, 0px 118px, -10px 118px);
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 96px, 114px 96px, 0px 118px, -10px 118px);
}
#arena.uslim_player:not(.fewplayer)[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
clip-path: polygon(-10px -10px, 124px -10px, 124px 86px, 114px 86px, 0px 108px, -10px 108px);
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 86px, 114px 86px, 0px 108px, -10px 108px);
}
#arena.uslim_player:not(.fewplayer)[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
clip-path: polygon(-10px -10px, 124px -10px, 124px 76px, 114px 76px, 0px 98px, -10px 98px);
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 76px, 114px 76px, 0px 98px, -10px 98px);
}
#arena.lslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
height: calc(50% + 18px) !important;
clip-path: polygon(-10px -10px, 120px -10px, 120px 94px, 110px 94px, 0px 116px, -10px 116px);
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 94px, 110px 94px, 0px 116px, -10px 116px);
}
#arena.lslim_player:not(.fewplayer)[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
clip-path: polygon(-10px -10px, 120px -10px, 120px 84px, 110px 84px, 0px 106px, -10px 106px);
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 84px, 110px 84px, 0px 106px, -10px 106px);
}
#arena.lslim_player:not(.fewplayer)[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
clip-path: polygon(-10px -10px, 120px -10px, 120px 74px, 110px 74px, 0px 96px, -10px 96px);
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 74px, 110px 74px, 0px 96px, -10px 96px);
}
#window[data-radius_size='reduce'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
border-radius: 4px 4px 0 0 !important;
}
#window[data-radius_size='off'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
border-radius: 0 0 0 0 !important;
}
#window[data-radius_size='increase'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
border-radius: 16px 16px 0 0 !important;
}
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
border-radius: 0 0 8px 8px !important;
top: calc(50% - 21px) !important;
height: calc(50% + 14px) !important;
background-position: 0 10px !important;
clip-path: polygon(-10px 32px, 0 32px, 106px 10px, 116px 10px, 116px 134px, -10px 134px);
-webkit-clip-path: polygon(-10px 32px, 0 32px, 106px 10px, 116px 10px, 116px 134px, -10px 134px);
}
#arena.uslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
top: calc(50% - 21px) !important;
height: calc(50% + 18px) !important;
clip-path: polygon(-10px 32px, 0 32px, 114px 10px, 124px 10px, 124px 138px, -10px 138px);
-webkit-clip-path: polygon(-10px 32px, 0 32px, 114px 10px, 124px 10px, 124px 138px, -10px 138px);
}
#arena.lslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
top: calc(50% - 21px) !important;
height: calc(50% + 16px) !important;
clip-path: polygon(-10px 32px, 0 32px, 110px 10px, 120px 10px, 120px 136px, -10px 136px);
-webkit-clip-path: polygon(-10px 32px, 0 32px, 110px 10px, 120px 10px, 120px 136px, -10px 136px);
}
#window[data-radius_size='reduce'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
border-radius: 0 0 4px 4px !important;
}
#window[data-radius_size='off'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
border-radius: 0 0 0 0 !important;
}
#window[data-radius_size='increase'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
border-radius: 0 0 16px 16px !important;
}
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
top: calc(50% - 7px) !important;
}
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.identity{
left: 102px;
}
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.hp:not(.actcount){
left: 93px;
}
/*#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.hp:not(.actcount).text{
left: 89px;
}*/
#arena:not(.fewplayer)>.player.fullskin2 .avatar2{
z-index: 2;
}
#arena:not(.fewplayer)>.player.unseen:not(.unseen2) .count{
text-align: left;
border-radius:3px 0 0 3px;
}
#arena:not(.fewplayer)>.player.unseen2 .count{
border-radius: 3px;
text-align: center;
}
#arena:not(.fewplayer) .timerbar>div{
top: 205px;
width: 96px;
left: 12px;
}
#arena:not(.fewplayer)[data-player_height='default'] .timerbar>div{
top: 185px;
}
#arena:not(.fewplayer)[data-player_height='short'] .timerbar>div{
top: 165px;
}
/*--------位置(8人)------*/
#arena:not(.fewplayer)[data-number='8']>.player[data-position='1']{top:calc(30% - 120px);left:calc(-300% / 94 + 4375% / 47 - 735px + 720px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='2']{top:calc(8% - 32px);left:calc(-300% / 94 + 3750% / 47 - 630px + 600px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='3']{top:0;left:calc(-300% / 94 + 3125% / 47 - 525px + 480px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='4']{top:0;left:calc(-300% / 94 + 2500% / 47 - 420px + 360px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='5']{top:0;left:calc(-300% / 94 + 1875% / 47 - 315px + 240px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='6']{top:calc(8% - 32px);left:calc(-300% / 94 + 1250% / 47 - 210px + 120px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='7']{top:calc(30% - 120px);left:calc(-300% / 94 + 625% / 47 - 105px);}
@media screen and (min-width: 1105px){
#arena:not(.fewplayer)[data-number='8']>.player[data-position='1']{left:calc(100% - 120px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='2']{left:calc(500% / 6 - 100px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='3']{left:calc(400% / 6 - 80px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='4']{left:calc(300% / 6 - 60px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='5']{left:calc(200% / 6 - 40px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='6']{left:calc(100% / 6 - 20px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='7']{left:0;}
}
/*--------位置(7人)------*/
#arena:not(.fewplayer)[data-number='7']>.player[data-position='1']{top:calc(30% - 120px);left:calc(100% - 120px);}
#arena:not(.fewplayer)[data-number='7']>.player[data-position='2']{top:calc(8% - 32px);left:calc(80% - 96px);}
#arena:not(.fewplayer)[data-number='7']>.player[data-position='3']{top:0;left:calc(60% - 72px);}
#arena:not(.fewplayer)[data-number='7']>.player[data-position='4']{top:0;left:calc(40% - 48px);}
#arena:not(.fewplayer)[data-number='7']>.player[data-position='5']{top:calc(8% - 32px);left:calc(20% - 24px);}
#arena:not(.fewplayer)[data-number='7']>.player[data-position='6']{top:calc(30% - 120px);left:0;}
/*--------位置(6人)------*/
#arena:not(.fewplayer)[data-number='6']>.player[data-position='1']{top:calc(30% - 120px);left:calc(100% - 120px);}
#arena:not(.fewplayer)[data-number='6']>.player[data-position='2']{top:0px;left:calc(75% - 90px);}
#arena:not(.fewplayer)[data-number='6']>.player[data-position='3']{top:0;left:calc(50% - 60px);}
#arena:not(.fewplayer)[data-number='6']>.player[data-position='4']{top:0px;left:calc(25% - 30px);}
#arena:not(.fewplayer)[data-number='6']>.player[data-position='5']{top:calc(30% - 120px);left:0;}
/*--------位置(5人)------*/
#arena:not(.fewplayer)[data-number='5']>.player[data-position='1']{top:calc(30% - 120px);left:calc(100% - 120px);}
#arena:not(.fewplayer)[data-number='5']>.player[data-position='2']{top:0;left:calc(200% / 3 - 80px);}
#arena:not(.fewplayer)[data-number='5']>.player[data-position='3']{top:0;left:calc(100% / 3 - 40px);}
#arena:not(.fewplayer)[data-number='5']>.player[data-position='4']{top:calc(30% - 120px);left:0;}
/*--------位置(4人)------*/
#arena:not(.fewplayer)[data-number='4']>.player[data-position='1']{top:calc(30% - 120px);left:calc(100% - 120px);}
#arena:not(.fewplayer)[data-number='4']>.player[data-position='2']{top:0;left:calc(50% - 60px);}
#arena:not(.fewplayer)[data-number='4']>.player[data-position='3']{top:calc(30% - 120px);left:0;}
/*--------位置(3人)------*/
#arena:not(.fewplayer)[data-number='3']>.player[data-position='1']{top:calc(60% / 3 - 88px);left:calc(75% + 80px);}
#arena:not(.fewplayer)[data-number='3']>.player[data-position='2']{top:calc(60% / 3 - 88px);left:calc(25% - 200px);}
/*--------位置(2人)------*/
#arena:not(.fewplayer)[data-number='2']>.player[data-position='1']{top:0;left:calc(50% - 60px);}
@import "../mobile/layout.css";
#window.rightbar #system,
#window.leftbar #system{
width: calc(100% - 62px);
}
#window.leftbar #system{
left: 50px;
}
#window.rightbar #historybar{
left: calc(100% - 50px);
}
#window.leftbar #historybar{
left: 0;
}
#historybar{
left: calc(100% - 50px);
border-radius: 0;
top: 0;
height: calc(100% - 121px);
z-index: 1;
}
#window.oblongcard #historybar{
height: calc(100% - 141px);
}
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.name.name2{
left: auto;
right: 13px;
}
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0']){
width: 120px !important;
height: 220px !important;
}
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.marks{
left: -15px;
}
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.judges{
right: -27px;
}
#arena:not(.fewplayer)[data-player_height='default']>.player:not(.minskin):not(*[data-position='0']){
height: 200px !important;
}
#arena:not(.fewplayer)[data-player_height='short']>.player:not(.minskin):not(*[data-position='0']){
height: 180px !important;
}
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.equips{
transform: scale(0.8);
transform-origin: bottom left;
}
#arena:not(.fewplayer).lslim_player .player .equips{
left: 5px;
}
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar,
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar2{
width: calc(100% - 14px) !important;
height: calc(100% - 14px) !important;
background-position: 50% !important;
}
#arena.uslim_player:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar,
#arena.uslim_player:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar2{
width: calc(100% - 6px) !important;
height: calc(100% - 6px) !important;
background-position: 50% !important;
}
#arena.lslim_player:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar,
#arena.lslim_player:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar2{
width: calc(100% - 10px) !important;
height: calc(100% - 10px) !important;
background-position: 50% !important;
}
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
height: 50% !important;
background-position: 0 0 !important;
border-radius: 8px !important;
}
#arena.uslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
#arena.uslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
height: calc(50% + 4px) !important;
}
#arena.lslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
#arena.lslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
height: calc(50% + 2px) !important;
}
#window[data-radius_size='reduce'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
#window[data-radius_size='reduce'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
border-radius: 4px !important;
}
#window[data-radius_size='off'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
#window[data-radius_size='off'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
border-radius: 0px !important;
}
#window[data-radius_size='increase'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar,
#window[data-radius_size='increase'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
border-radius: 16px !important;
}
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
border-radius: 8px 8px 0 0 !important;
height: calc(50% + 14px) !important;
clip-path: polygon(-10px -10px, 116px -10px, 116px 92px, 106px 92px, 0px 114px, -10px 114px);
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 92px, 106px 92px, 0px 114px, -10px 114px);
}
#arena:not(.fewplayer)[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
clip-path: polygon(-10px -10px, 116px -10px, 116px 82px, 106px 82px, 0px 104px, -10px 104px);
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 82px, 106px 82px, 0px 104px, -10px 104px);
}
#arena:not(.fewplayer)[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
clip-path: polygon(-10px -10px, 116px -10px, 116px 72px, 106px 72px, 0px 94px, -10px 94px);
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 72px, 106px 72px, 0px 94px, -10px 94px);
}
#arena.uslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
height: calc(50% + 18px) !important;
clip-path: polygon(-10px -10px, 124px -10px, 124px 96px, 114px 96px, 0px 118px, -10px 118px);
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 96px, 114px 96px, 0px 118px, -10px 118px);
}
#arena.uslim_player:not(.fewplayer)[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
clip-path: polygon(-10px -10px, 124px -10px, 124px 86px, 114px 86px, 0px 108px, -10px 108px);
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 86px, 114px 86px, 0px 108px, -10px 108px);
}
#arena.uslim_player:not(.fewplayer)[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
clip-path: polygon(-10px -10px, 124px -10px, 124px 76px, 114px 76px, 0px 98px, -10px 98px);
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 76px, 114px 76px, 0px 98px, -10px 98px);
}
#arena.lslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
height: calc(50% + 18px) !important;
clip-path: polygon(-10px -10px, 120px -10px, 120px 94px, 110px 94px, 0px 116px, -10px 116px);
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 94px, 110px 94px, 0px 116px, -10px 116px);
}
#arena.lslim_player:not(.fewplayer)[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
clip-path: polygon(-10px -10px, 120px -10px, 120px 84px, 110px 84px, 0px 106px, -10px 106px);
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 84px, 110px 84px, 0px 106px, -10px 106px);
}
#arena.lslim_player:not(.fewplayer)[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
clip-path: polygon(-10px -10px, 120px -10px, 120px 74px, 110px 74px, 0px 96px, -10px 96px);
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 74px, 110px 74px, 0px 96px, -10px 96px);
}
#window[data-radius_size='reduce'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
border-radius: 4px 4px 0 0 !important;
}
#window[data-radius_size='off'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
border-radius: 0 0 0 0 !important;
}
#window[data-radius_size='increase'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
border-radius: 16px 16px 0 0 !important;
}
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
border-radius: 0 0 8px 8px !important;
top: calc(50% - 21px) !important;
height: calc(50% + 14px) !important;
background-position: 0 10px !important;
clip-path: polygon(-10px 32px, 0 32px, 106px 10px, 116px 10px, 116px 134px, -10px 134px);
-webkit-clip-path: polygon(-10px 32px, 0 32px, 106px 10px, 116px 10px, 116px 134px, -10px 134px);
}
#arena.uslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
top: calc(50% - 21px) !important;
height: calc(50% + 18px) !important;
clip-path: polygon(-10px 32px, 0 32px, 114px 10px, 124px 10px, 124px 138px, -10px 138px);
-webkit-clip-path: polygon(-10px 32px, 0 32px, 114px 10px, 124px 10px, 124px 138px, -10px 138px);
}
#arena.lslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
top: calc(50% - 21px) !important;
height: calc(50% + 16px) !important;
clip-path: polygon(-10px 32px, 0 32px, 110px 10px, 120px 10px, 120px 136px, -10px 136px);
-webkit-clip-path: polygon(-10px 32px, 0 32px, 110px 10px, 120px 10px, 120px 136px, -10px 136px);
}
#window[data-radius_size='reduce'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
border-radius: 0 0 4px 4px !important;
}
#window[data-radius_size='off'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
border-radius: 0 0 0 0 !important;
}
#window[data-radius_size='increase'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
border-radius: 0 0 16px 16px !important;
}
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
top: calc(50% - 7px) !important;
}
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.identity{
left: 102px;
}
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.hp:not(.actcount){
left: 93px;
}
/*#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.hp:not(.actcount).text{
left: 89px;
}*/
#arena:not(.fewplayer)>.player.fullskin2 .avatar2{
z-index: 2;
}
#arena:not(.fewplayer)>.player.unseen:not(.unseen2) .count{
text-align: left;
border-radius:3px 0 0 3px;
}
#arena:not(.fewplayer)>.player.unseen2 .count{
border-radius: 3px;
text-align: center;
}
#arena:not(.fewplayer) .timerbar>div{
top: 205px;
width: 96px;
left: 12px;
}
#arena:not(.fewplayer)[data-player_height='default'] .timerbar>div{
top: 185px;
}
#arena:not(.fewplayer)[data-player_height='short'] .timerbar>div{
top: 165px;
}
/*--------位置(8人)------*/
#arena:not(.fewplayer)[data-number='8']>.player[data-position='1']{top:calc(30% - 120px);left:calc(-300% / 94 + 4375% / 47 - 735px + 720px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='2']{top:calc(8% - 32px);left:calc(-300% / 94 + 3750% / 47 - 630px + 600px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='3']{top:0;left:calc(-300% / 94 + 3125% / 47 - 525px + 480px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='4']{top:0;left:calc(-300% / 94 + 2500% / 47 - 420px + 360px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='5']{top:0;left:calc(-300% / 94 + 1875% / 47 - 315px + 240px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='6']{top:calc(8% - 32px);left:calc(-300% / 94 + 1250% / 47 - 210px + 120px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='7']{top:calc(30% - 120px);left:calc(-300% / 94 + 625% / 47 - 105px);}
@media screen and (min-width: 1105px){
#arena:not(.fewplayer)[data-number='8']>.player[data-position='1']{left:calc(100% - 120px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='2']{left:calc(500% / 6 - 100px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='3']{left:calc(400% / 6 - 80px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='4']{left:calc(300% / 6 - 60px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='5']{left:calc(200% / 6 - 40px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='6']{left:calc(100% / 6 - 20px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='7']{left:0;}
}
/*--------位置(7人)------*/
#arena:not(.fewplayer)[data-number='7']>.player[data-position='1']{top:calc(30% - 120px);left:calc(100% - 120px);}
#arena:not(.fewplayer)[data-number='7']>.player[data-position='2']{top:calc(8% - 32px);left:calc(80% - 96px);}
#arena:not(.fewplayer)[data-number='7']>.player[data-position='3']{top:0;left:calc(60% - 72px);}
#arena:not(.fewplayer)[data-number='7']>.player[data-position='4']{top:0;left:calc(40% - 48px);}
#arena:not(.fewplayer)[data-number='7']>.player[data-position='5']{top:calc(8% - 32px);left:calc(20% - 24px);}
#arena:not(.fewplayer)[data-number='7']>.player[data-position='6']{top:calc(30% - 120px);left:0;}
/*--------位置(6人)------*/
#arena:not(.fewplayer)[data-number='6']>.player[data-position='1']{top:calc(30% - 120px);left:calc(100% - 120px);}
#arena:not(.fewplayer)[data-number='6']>.player[data-position='2']{top:0px;left:calc(75% - 90px);}
#arena:not(.fewplayer)[data-number='6']>.player[data-position='3']{top:0;left:calc(50% - 60px);}
#arena:not(.fewplayer)[data-number='6']>.player[data-position='4']{top:0px;left:calc(25% - 30px);}
#arena:not(.fewplayer)[data-number='6']>.player[data-position='5']{top:calc(30% - 120px);left:0;}
/*--------位置(5人)------*/
#arena:not(.fewplayer)[data-number='5']>.player[data-position='1']{top:calc(30% - 120px);left:calc(100% - 120px);}
#arena:not(.fewplayer)[data-number='5']>.player[data-position='2']{top:0;left:calc(200% / 3 - 80px);}
#arena:not(.fewplayer)[data-number='5']>.player[data-position='3']{top:0;left:calc(100% / 3 - 40px);}
#arena:not(.fewplayer)[data-number='5']>.player[data-position='4']{top:calc(30% - 120px);left:0;}
/*--------位置(4人)------*/
#arena:not(.fewplayer)[data-number='4']>.player[data-position='1']{top:calc(30% - 120px);left:calc(100% - 120px);}
#arena:not(.fewplayer)[data-number='4']>.player[data-position='2']{top:0;left:calc(50% - 60px);}
#arena:not(.fewplayer)[data-number='4']>.player[data-position='3']{top:calc(30% - 120px);left:0;}
/*--------位置(3人)------*/
#arena:not(.fewplayer)[data-number='3']>.player[data-position='1']{top:calc(60% / 3 - 88px);left:calc(75% + 80px);}
#arena:not(.fewplayer)[data-number='3']>.player[data-position='2']{top:calc(60% / 3 - 88px);left:calc(25% - 200px);}
/*--------位置(2人)------*/
#arena:not(.fewplayer)[data-number='2']>.player[data-position='1']{top:0;left:calc(50% - 60px);}

978
layout/long2/layout.css
View File

@ -1,489 +1,489 @@
@import "../newlayout/layout.css";
#arena{
height: calc(95% + 20px);
}
#control{
width: calc(5000% / 47 - 240px);
left:calc(-150% / 47 + 120px);
bottom:150px;
height: 40px;
}
#arena.phone #control{
bottom:160px;
}
#arena.ipad #control{
bottom:155px;
}
#arena:not(.chess)>#me,
#arena:not(.chess)>#mebg,
#arena:not(.chess)>#autonode{
bottom:30px;
width: calc(5000% / 47);
left:calc(-150% / 47);
top:auto;
border-radius:0 !important;
height:120px;
}
#arena.oblongcard:not(.chess)>#me,
#arena.oblongcard:not(.chess)>#mebg,
#arena.oblongcard:not(.chess)>#autonode{
height: 140px;
}
#arena.oblongcard:not(.chess)>.card,
#arena.oblongcard:not(.chess) .handcards>.card{
height: 120px;
}
#arena.oblongcard:not(.chess)>.card>.image,
#arena.oblongcard:not(.chess) .handcards>.card>.image{
height: 110px;
top: 8px;
background-position-x: -3px;
}
#arena.oblongcard:not(.chess) #handcards1{
height: 100%;
top: 2px;
}
#arena.oblongcard:not(.chess):not(.choose-character) #control{
bottom:165px;
}
#arena.phone.oblongcard:not(.chess):not(.choose-character) #control{
bottom:180px;
}
#arena:not(.chess)>#autonode{
width: calc(5000% / 47 - 240px);
left:calc(-150% / 47 + 120px);
}
#arena:not(.mobile).single-handcard #handcards1{
width: calc(100% - 120px);
}
#window.rightbar #system,
#window.leftbar #system{
width: calc(100% - 62px);
}
#window.leftbar #system{
left: 50px;
}
#window.rightbar #historybar{
left: calc(100% - 50px);
border-radius: 0;
top: 0;
height: 100%;
}
#window.leftbar #historybar{
left: 0;
border-radius: 0;
top: 0;
height: 100%;
}
#window.single-handcard #historybar{
height: calc(100% - 121px);
}
#window.oblongcard.single-handcard #historybar{
height: calc(100% - 141px);
}
#window.leftbar #arena:not(.chess)>#me,
#window.leftbar #arena:not(.chess)>#mebg,
#window.leftbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47);
left:calc(-150% / 47 - 50px - 75px / 47);
}
#window.leftbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47 - 240px);
left:calc(-150% / 47 - 50px - 75px / 47 + 120px);
}
#window.rightbar #arena:not(.chess)>#me,
#window.rightbar #arena:not(.chess)>#mebg,
#window.rightbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47);
left:calc(-150% / 47 - 75px / 47);
}
#window.rightbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47 - 240px);
left:calc(-150% / 47 - 75px / 47 + 120px);
}
#arena:not(.chess) #handcards1{
height:120px;
padding:0;
top:calc(100% - 120px);
}
#arena:not(.chess) #handcards1.scrollh{
top: calc(100% - 180px);
height: 180px;
}
#arena:not(.chess).oblongcard #handcards1.scrollh{
top: calc(100% - 200px);
height: 200px;
}
#arena:not(.chess) #handcards1.scrollh>div{
height: 120px;
top: 60px;
}
#arena:not(.chess).oblongcard #handcards1.scrollh>div{
top: 62px;
}
#arena:not(.chess):not(.single-handcard) #handcards1{
width:calc(100% - 240px);
left:calc(150% / 47 - 300% / 94 + 625% / 47 - 105px + 120px);
}
#arena:not(.single-handcard):not(.chess)>#me,
#arena:not(.single-handcard):not(.chess)>#mebg,
#arena:not(.single-handcard):not(.chess)>#autonode{
left: 0 !important;
bottom: 38px !important;
width: calc(9700% / 94) !important;
}
#arena:not(.single-handcard):not(.chess)>#mebg{
visibility: hidden;
}
#arena:not(.single-handcard):not(.chess)>#me #handcards1{
left: 120px !important;
width: calc(100% - 120px) !important;
}
#arena:not(.single-handcard):not(.chess)>#me #handcards1>.handcards{
left: 0 !important;
}
#autonode{
display: table !important;
}
@media screen and (max-width: 1105px){
#arena[data-number='8']:not(.single-handcard):not(.chess)>#me,
#arena[data-number='8']:not(.single-handcard):not(.chess)>#mebg,
#arena[data-number='8']:not(.single-handcard):not(.chess)>#autonode{
left: calc(-300% / 94 + 625% / 47 - 105px) !important;
width: calc(9700% / 94 + 300% / 94 - 625% / 47 + 105px) !important;
}
}
#handcards2{
display:none;
}
.dialog{
height:calc(100% - 370px);
bottom:170px;
}
#arena.choose-character>.dialog .placeholder+.placeholder{
display: none;
}
#arena.choose-character>.dialog .placeholder{
margin-bottom: 4px;
height: 0px;
}
#arena.choose-character>.dialog.noupdate .placeholder{
margin-bottom: 0;
height: 0;
}
#arena.choose-character>.dialog{
height:calc(100% - 280px);
bottom:80px;
}
#arena.choose-character>.dialog.scroll3{
height:calc(100% - 240px);
}
#arena.phone.choose-character>.dialog{
bottom:93px;
}
#arena.ipad.choose-character>.dialog{
bottom:96px;
}
#arena.choose-character>#control{
bottom: 30px;
transition: all 0s;
}
#arena.phone.choose-character>#control{
bottom: 43px;
}
#arena.ipad.choose-character>#control{
bottom: 45px;
}
.dialog.fullheight {
height: calc(100% - 123px) !important;
top: 40px !important;
}
#me>.fakeme.avatar{
width:120px;
height:100%;
border-radius:0px;
top:0;
left:0;
background-size:cover;
clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
}
#window[data-radius_size='increase'] #me>.fakeme.avatar,
#window[data-radius_size='reduce'] #me>.fakeme.avatar{
border-radius:0px;
}
#arena>.player[data-position='0']:not(.minskin){
top: calc(100% - 258px);
}
#arena[data-player_height='default']>.player[data-position='0']:not(.minskin){
top: calc(100% - 238px);
}
#arena[data-player_height='short']>.player[data-position='0']:not(.minskin){
top: calc(100% - 218px);
}
#arena>.player:not(.minskin)>.marks{
left: -15px;
}
#arena>.player:not(.minskin)>.judges{
right: -27px;
}
#arena.lslim_player .player .equips{
left: 5px;
}
#arena>.player:not(.minskin)>.name.name2{
left: auto !important;
right: 13px;
}
#arena>.player:not(.minskin){
width: 120px !important;
height: 220px !important;
}
#arena>.player:not(.minskin)>.damage.dieidentity{
font-size: 60px;
transform: scale(1);
}
#arena[data-player_height='default']>.player:not(.minskin){
height: 200px !important;
}
#arena[data-player_height='short']>.player:not(.minskin){
height: 180px !important;
}
#arena>.player:not(.minskin)>.equips{
transform: scale(0.8);
transform-origin: bottom left;
}
#arena>.player:not(.minskin)>.avatar,
#arena>.player:not(.minskin)>.avatar2{
width: calc(100% - 14px) !important;
height: calc(100% - 14px) !important;
background-position: 50% !important;
}
#arena.uslim_player>.player:not(.minskin)>.avatar,
#arena.uslim_player>.player:not(.minskin)>.avatar2{
width: calc(100% - 6px) !important;
height: calc(100% - 6px) !important;
background-position: 50% !important;
}
#arena.lslim_player>.player:not(.minskin)>.avatar,
#arena.lslim_player>.player:not(.minskin)>.avatar2{
width: calc(100% - 10px) !important;
height: calc(100% - 10px) !important;
background-position: 50% !important;
}
#arena>.player.fullskin2:not(.minskin)>.avatar,
#arena>.player.fullskin2:not(.minskin)>.avatar2{
height: 50% !important;
background-position: 0 0 !important;
border-radius: 8px !important;
}
#arena.uslim_player>.player.fullskin2:not(.minskin)>.avatar,
#arena.uslim_player>.player.fullskin2:not(.minskin)>.avatar2{
height: calc(50% + 4px) !important;
}
#arena.lslim_player>.player.fullskin2:not(.minskin)>.avatar,
#arena.lslim_player>.player.fullskin2:not(.minskin)>.avatar2{
height: calc(50% + 2px) !important;
}
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin)>.avatar,
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin)>.avatar2{
border-radius: 4px !important;
}
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin)>.avatar,
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin)>.avatar2{
border-radius: 0px !important;
}
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin)>.avatar,
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin)>.avatar2{
border-radius: 16px !important;
}
#arena>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#arena>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
border-radius: 8px 8px 0 0 !important;
height: calc(50% + 14px) !important;
clip-path: polygon(-10px -10px, 116px -10px, 116px 92px, 106px 92px, 0px 114px, -10px 114px);
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 92px, 106px 92px, 0px 114px, -10px 114px);
}
#arena[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#arena[data-player_height='default']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
clip-path: polygon(-10px -10px, 116px -10px, 116px 82px, 106px 82px, 0px 104px, -10px 104px);
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 82px, 106px 82px, 0px 104px, -10px 104px);
}
#arena[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#arena[data-player_height='short']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
clip-path: polygon(-10px -10px, 116px -10px, 116px 72px, 106px 72px, 0px 94px, -10px 94px);
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 72px, 106px 72px, 0px 94px, -10px 94px);
}
#arena.uslim_player>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#arena.uslim_player>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
height: calc(50% + 18px) !important;
clip-path: polygon(-10px -10px, 124px -10px, 124px 96px, 114px 96px, 0px 118px, -10px 118px);
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 96px, 114px 96px, 0px 118px, -10px 118px);
}
#arena.uslim_player[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#arena.uslim_player[data-player_height='default']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
clip-path: polygon(-10px -10px, 124px -10px, 124px 86px, 114px 86px, 0px 108px, -10px 108px);
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 86px, 114px 86px, 0px 108px, -10px 108px);
}
#arena.uslim_player[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#arena.uslim_player[data-player_height='short']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
clip-path: polygon(-10px -10px, 124px -10px, 124px 76px, 114px 76px, 0px 98px, -10px 98px);
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 76px, 114px 76px, 0px 98px, -10px 98px);
}
#arena.lslim_player>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#arena.lslim_player>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
height: calc(50% + 16px) !important;
clip-path: polygon(-10px -10px, 120px -10px, 120px 94px, 110px 94px, 0px 116px, -10px 116px);
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 94px, 110px 94px, 0px 116px, -10px 116px);
}
#arena.lslim_player[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#arena.lslim_player[data-player_height='default']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
clip-path: polygon(-10px -10px, 120px -10px, 120px 84px, 110px 84px, 0px 106px, -10px 106px);
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 84px, 110px 84px, 0px 106px, -10px 106px);
}
#arena.lslim_player[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#arena.lslim_player[data-player_height='short']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
clip-path: polygon(-10px -10px, 120px -10px, 120px 74px, 110px 74px, 0px 96px, -10px 96px);
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 74px, 110px 74px, 0px 96px, -10px 96px);
}
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
border-radius: 4px 4px 0 0 !important;
}
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
border-radius: 0 0 0 0 !important;
}
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
border-radius: 16px 16px 0 0 !important;
}
#arena>.player.fullskin2:not(.minskin):not(.unseen)>.avatar2,
#arena>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
border-radius: 0 0 8px 8px !important;
top: calc(50% - 21px) !important;
height: calc(50% + 14px) !important;
background-position: 0 10px !important;
clip-path: polygon(-10px 32px, 0 32px, 106px 10px, 116px 10px, 116px 134px, -10px 134px);
-webkit-clip-path: polygon(-10px 32px, 0 32px, 106px 10px, 116px 10px, 116px 134px, -10px 134px);
}
#arena.uslim_player>.player.fullskin2:not(.minskin):not(.unseen)>.avatar2,
#arena.uslim_player>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
top: calc(50% - 21px) !important;
height: calc(50% + 18px) !important;
clip-path: polygon(-10px 32px, 0 32px, 114px 10px, 124px 10px, 124px 138px, -10px 138px);
-webkit-clip-path: polygon(-10px 32px, 0 32px, 114px 10px, 124px 10px, 124px 138px, -10px 138px);
}
#arena.lslim_player>.player.fullskin2:not(.minskin):not(.unseen)>.avatar2,
#arena.lslim_player>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
top: calc(50% - 21px) !important;
height: calc(50% + 16px) !important;
clip-path: polygon(-10px 32px, 0 32px, 110px 10px, 120px 10px, 120px 136px, -10px 136px);
-webkit-clip-path: polygon(-10px 32px, 0 32px, 110px 10px, 120px 10px, 120px 136px, -10px 136px);
}
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin):not(.unseen)>.avatar2,
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
border-radius: 0 0 4px 4px !important;
}
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin):not(.unseen)>.avatar2,
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
border-radius: 0 0 0 0 !important;
}
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin):not(.unseen)>.avatar2,
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
border-radius: 0 0 16px 16px !important;
}
#arena>.player.fullskin2:not(.minskin)>.avatar2{
top: calc(50% - 7px) !important;
}
#arena>.player:not(.minskin)>.identity{
left: 102px;
}
#arena>.player:not(.minskin)>.hp:not(.actcount){
left: 93px;
}
/*#arena>.player:not(.minskin)>.hp:not(.actcount).text{
left: 89px;
}*/
#arena>.player.fullskin2 .avatar2{
z-index: 2;
}
#arena>.player.unseen:not(.unseen2) .count{
text-align: left;
border-radius:3px 0 0 3px;
}
#arena>.player.unseen2 .count{
border-radius: 3px;
text-align: center;
}
#arena .timerbar>div{
top: 205px;
width: 96px;
left: 12px;
}
#arena[data-player_height='default'] .timerbar>div{
top: 185px;
}
#arena[data-player_height='short'] .timerbar>div{
top: 165px;
}
#arena .player[data-position='0']>.damage.dieidentity{
opacity: 1 !important;
}
/*--------位置(8人)------*/
#arena[data-number='8']>.player[data-position='1']{top:calc(30% - 128px);left:calc(-300% / 94 + 4375% / 47 - 735px + 720px);}
#arena[data-number='8']>.player[data-position='2']{top:calc(8% - 34px);left:calc(-300% / 94 + 3750% / 47 - 630px + 600px);}
#arena[data-number='8']>.player[data-position='3']{top:0;left:calc(-300% / 94 + 3125% / 47 - 525px + 480px);}
#arena[data-number='8']>.player[data-position='4']{top:0;left:calc(-300% / 94 + 2500% / 47 - 420px + 360px);}
#arena[data-number='8']>.player[data-position='5']{top:0;left:calc(-300% / 94 + 1875% / 47 - 315px + 240px);}
#arena[data-number='8']>.player[data-position='6']{top:calc(8% - 34px);left:calc(-300% / 94 + 1250% / 47 - 210px + 120px);}
#arena[data-number='8']>.player[data-position='7']{top:calc(30% - 128px);left:calc(-300% / 94 + 625% / 47 - 105px);}
#arena[data-number='8']>.player[data-position='0']{left:calc(-300% / 94 + 625% / 47 - 105px);}
#arena>.player[data-position='0']{left:0;}
@media screen and (min-width: 1105px){
#arena[data-number='8']>.player[data-position='1']{left:calc(100% - 120px);}
#arena[data-number='8']>.player[data-position='2']{left:calc(500% / 6 - 100px);}
#arena[data-number='8']>.player[data-position='3']{left:calc(400% / 6 - 80px);}
#arena[data-number='8']>.player[data-position='4']{left:calc(300% / 6 - 60px);}
#arena[data-number='8']>.player[data-position='5']{left:calc(200% / 6 - 40px);}
#arena[data-number='8']>.player[data-position='6']{left:calc(100% / 6 - 20px);}
#arena[data-number='8']>.player[data-position='7']{left:0;}
#arena[data-number='8']>.player[data-position='0']{left:0;}
}
/*--------位置(7人)------*/
#arena[data-number='7']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
#arena[data-number='7']>.player[data-position='2']{top:calc(8% - 34px);left:calc(80% - 96px);}
#arena[data-number='7']>.player[data-position='3']{top:0;left:calc(60% - 72px);}
#arena[data-number='7']>.player[data-position='4']{top:0;left:calc(40% - 48px);}
#arena[data-number='7']>.player[data-position='5']{top:calc(8% - 34px);left:calc(20% - 24px);}
#arena[data-number='7']>.player[data-position='6']{top:calc(30% - 128px);left:0;}
/*--------位置(6人)------*/
#arena[data-number='6']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
#arena[data-number='6']>.player[data-position='2']{top:0px;left:calc(75% - 90px);}
#arena[data-number='6']>.player[data-position='3']{top:0;left:calc(50% - 60px);}
#arena[data-number='6']>.player[data-position='4']{top:0px;left:calc(25% - 30px);}
#arena[data-number='6']>.player[data-position='5']{top:calc(30% - 128px);left:0;}
/*--------位置(5人)------*/
#arena[data-number='5']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
#arena[data-number='5']>.player[data-position='2']{top:0;left:calc(200% / 3 - 80px);}
#arena[data-number='5']>.player[data-position='3']{top:0;left:calc(100% / 3 - 40px);}
#arena[data-number='5']>.player[data-position='4']{top:calc(30% - 128px);left:0;}
/*--------位置(4人)------*/
#arena[data-number='4']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
#arena[data-number='4']>.player[data-position='2']{top:0;left:calc(50% - 60px);}
#arena[data-number='4']>.player[data-position='3']{top:calc(30% - 128px);left:0;}
/*--------位置(3人)------*/
#arena[data-number='3']>.player[data-position='1']{top:calc(60% / 3 - 88px);left:calc(75% + 80px);}
#arena[data-number='3']>.player[data-position='2']{top:calc(60% / 3 - 88px);left:calc(25% - 200px);}
/*--------位置(2人)------*/
#arena[data-number='2']>.player[data-position='1']{top:0;left:calc(50% - 60px);}
@import "../newlayout/layout.css";
#arena{
height: calc(95% + 20px);
}
#control{
width: calc(5000% / 47 - 240px);
left:calc(-150% / 47 + 120px);
bottom:150px;
height: 40px;
}
#arena.phone #control{
bottom:160px;
}
#arena.ipad #control{
bottom:155px;
}
#arena:not(.chess)>#me,
#arena:not(.chess)>#mebg,
#arena:not(.chess)>#autonode{
bottom:30px;
width: calc(5000% / 47);
left:calc(-150% / 47);
top:auto;
border-radius:0 !important;
height:120px;
}
#arena.oblongcard:not(.chess)>#me,
#arena.oblongcard:not(.chess)>#mebg,
#arena.oblongcard:not(.chess)>#autonode{
height: 140px;
}
#arena.oblongcard:not(.chess)>.card,
#arena.oblongcard:not(.chess) .handcards>.card{
height: 120px;
}
#arena.oblongcard:not(.chess)>.card>.image,
#arena.oblongcard:not(.chess) .handcards>.card>.image{
height: 110px;
top: 8px;
background-position-x: -3px;
}
#arena.oblongcard:not(.chess) #handcards1{
height: 100%;
top: 2px;
}
#arena.oblongcard:not(.chess):not(.choose-character) #control{
bottom:165px;
}
#arena.phone.oblongcard:not(.chess):not(.choose-character) #control{
bottom:180px;
}
#arena:not(.chess)>#autonode{
width: calc(5000% / 47 - 240px);
left:calc(-150% / 47 + 120px);
}
#arena:not(.mobile).single-handcard #handcards1{
width: calc(100% - 120px);
}
#window.rightbar #system,
#window.leftbar #system{
width: calc(100% - 62px);
}
#window.leftbar #system{
left: 50px;
}
#window.rightbar #historybar{
left: calc(100% - 50px);
border-radius: 0;
top: 0;
height: 100%;
}
#window.leftbar #historybar{
left: 0;
border-radius: 0;
top: 0;
height: 100%;
}
#window.single-handcard #historybar{
height: calc(100% - 121px);
}
#window.oblongcard.single-handcard #historybar{
height: calc(100% - 141px);
}
#window.leftbar #arena:not(.chess)>#me,
#window.leftbar #arena:not(.chess)>#mebg,
#window.leftbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47);
left:calc(-150% / 47 - 50px - 75px / 47);
}
#window.leftbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47 - 240px);
left:calc(-150% / 47 - 50px - 75px / 47 + 120px);
}
#window.rightbar #arena:not(.chess)>#me,
#window.rightbar #arena:not(.chess)>#mebg,
#window.rightbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47);
left:calc(-150% / 47 - 75px / 47);
}
#window.rightbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47 - 240px);
left:calc(-150% / 47 - 75px / 47 + 120px);
}
#arena:not(.chess) #handcards1{
height:120px;
padding:0;
top:calc(100% - 120px);
}
#arena:not(.chess) #handcards1.scrollh{
top: calc(100% - 180px);
height: 180px;
}
#arena:not(.chess).oblongcard #handcards1.scrollh{
top: calc(100% - 200px);
height: 200px;
}
#arena:not(.chess) #handcards1.scrollh>div{
height: 120px;
top: 60px;
}
#arena:not(.chess).oblongcard #handcards1.scrollh>div{
top: 62px;
}
#arena:not(.chess):not(.single-handcard) #handcards1{
width:calc(100% - 240px);
left:calc(150% / 47 - 300% / 94 + 625% / 47 - 105px + 120px);
}
#arena:not(.single-handcard):not(.chess)>#me,
#arena:not(.single-handcard):not(.chess)>#mebg,
#arena:not(.single-handcard):not(.chess)>#autonode{
left: 0 !important;
bottom: 38px !important;
width: calc(9700% / 94) !important;
}
#arena:not(.single-handcard):not(.chess)>#mebg{
visibility: hidden;
}
#arena:not(.single-handcard):not(.chess)>#me #handcards1{
left: 120px !important;
width: calc(100% - 120px) !important;
}
#arena:not(.single-handcard):not(.chess)>#me #handcards1>.handcards{
left: 0 !important;
}
#autonode{
display: table !important;
}
@media screen and (max-width: 1105px){
#arena[data-number='8']:not(.single-handcard):not(.chess)>#me,
#arena[data-number='8']:not(.single-handcard):not(.chess)>#mebg,
#arena[data-number='8']:not(.single-handcard):not(.chess)>#autonode{
left: calc(-300% / 94 + 625% / 47 - 105px) !important;
width: calc(9700% / 94 + 300% / 94 - 625% / 47 + 105px) !important;
}
}
#handcards2{
display:none;
}
.dialog{
height:calc(100% - 370px);
bottom:170px;
}
#arena.choose-character>.dialog .placeholder+.placeholder{
display: none;
}
#arena.choose-character>.dialog .placeholder{
margin-bottom: 4px;
height: 0px;
}
#arena.choose-character>.dialog.noupdate .placeholder{
margin-bottom: 0;
height: 0;
}
#arena.choose-character>.dialog{
height:calc(100% - 280px);
bottom:80px;
}
#arena.choose-character>.dialog.scroll3{
height:calc(100% - 240px);
}
#arena.phone.choose-character>.dialog{
bottom:93px;
}
#arena.ipad.choose-character>.dialog{
bottom:96px;
}
#arena.choose-character>#control{
bottom: 30px;
transition: all 0s;
}
#arena.phone.choose-character>#control{
bottom: 43px;
}
#arena.ipad.choose-character>#control{
bottom: 45px;
}
.dialog.fullheight {
height: calc(100% - 123px) !important;
top: 40px !important;
}
#me>.fakeme.avatar{
width:120px;
height:100%;
border-radius:0px;
top:0;
left:0;
background-size:cover;
clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
}
#window[data-radius_size='increase'] #me>.fakeme.avatar,
#window[data-radius_size='reduce'] #me>.fakeme.avatar{
border-radius:0px;
}
#arena>.player[data-position='0']:not(.minskin){
top: calc(100% - 258px);
}
#arena[data-player_height='default']>.player[data-position='0']:not(.minskin){
top: calc(100% - 238px);
}
#arena[data-player_height='short']>.player[data-position='0']:not(.minskin){
top: calc(100% - 218px);
}
#arena>.player:not(.minskin)>.marks{
left: -15px;
}
#arena>.player:not(.minskin)>.judges{
right: -27px;
}
#arena.lslim_player .player .equips{
left: 5px;
}
#arena>.player:not(.minskin)>.name.name2{
left: auto !important;
right: 13px;
}
#arena>.player:not(.minskin){
width: 120px !important;
height: 220px !important;
}
#arena>.player:not(.minskin)>.damage.dieidentity{
font-size: 60px;
transform: scale(1);
}
#arena[data-player_height='default']>.player:not(.minskin){
height: 200px !important;
}
#arena[data-player_height='short']>.player:not(.minskin){
height: 180px !important;
}
#arena>.player:not(.minskin)>.equips{
transform: scale(0.8);
transform-origin: bottom left;
}
#arena>.player:not(.minskin)>.avatar,
#arena>.player:not(.minskin)>.avatar2{
width: calc(100% - 14px) !important;
height: calc(100% - 14px) !important;
background-position: 50% !important;
}
#arena.uslim_player>.player:not(.minskin)>.avatar,
#arena.uslim_player>.player:not(.minskin)>.avatar2{
width: calc(100% - 6px) !important;
height: calc(100% - 6px) !important;
background-position: 50% !important;
}
#arena.lslim_player>.player:not(.minskin)>.avatar,
#arena.lslim_player>.player:not(.minskin)>.avatar2{
width: calc(100% - 10px) !important;
height: calc(100% - 10px) !important;
background-position: 50% !important;
}
#arena>.player.fullskin2:not(.minskin)>.avatar,
#arena>.player.fullskin2:not(.minskin)>.avatar2{
height: 50% !important;
background-position: 0 0 !important;
border-radius: 8px !important;
}
#arena.uslim_player>.player.fullskin2:not(.minskin)>.avatar,
#arena.uslim_player>.player.fullskin2:not(.minskin)>.avatar2{
height: calc(50% + 4px) !important;
}
#arena.lslim_player>.player.fullskin2:not(.minskin)>.avatar,
#arena.lslim_player>.player.fullskin2:not(.minskin)>.avatar2{
height: calc(50% + 2px) !important;
}
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin)>.avatar,
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin)>.avatar2{
border-radius: 4px !important;
}
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin)>.avatar,
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin)>.avatar2{
border-radius: 0px !important;
}
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin)>.avatar,
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin)>.avatar2{
border-radius: 16px !important;
}
#arena>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#arena>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
border-radius: 8px 8px 0 0 !important;
height: calc(50% + 14px) !important;
clip-path: polygon(-10px -10px, 116px -10px, 116px 92px, 106px 92px, 0px 114px, -10px 114px);
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 92px, 106px 92px, 0px 114px, -10px 114px);
}
#arena[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#arena[data-player_height='default']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
clip-path: polygon(-10px -10px, 116px -10px, 116px 82px, 106px 82px, 0px 104px, -10px 104px);
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 82px, 106px 82px, 0px 104px, -10px 104px);
}
#arena[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#arena[data-player_height='short']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
clip-path: polygon(-10px -10px, 116px -10px, 116px 72px, 106px 72px, 0px 94px, -10px 94px);
-webkit-clip-path: polygon(-10px -10px, 116px -10px, 116px 72px, 106px 72px, 0px 94px, -10px 94px);
}
#arena.uslim_player>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#arena.uslim_player>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
height: calc(50% + 18px) !important;
clip-path: polygon(-10px -10px, 124px -10px, 124px 96px, 114px 96px, 0px 118px, -10px 118px);
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 96px, 114px 96px, 0px 118px, -10px 118px);
}
#arena.uslim_player[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#arena.uslim_player[data-player_height='default']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
clip-path: polygon(-10px -10px, 124px -10px, 124px 86px, 114px 86px, 0px 108px, -10px 108px);
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 86px, 114px 86px, 0px 108px, -10px 108px);
}
#arena.uslim_player[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#arena.uslim_player[data-player_height='short']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
clip-path: polygon(-10px -10px, 124px -10px, 124px 76px, 114px 76px, 0px 98px, -10px 98px);
-webkit-clip-path: polygon(-10px -10px, 124px -10px, 124px 76px, 114px 76px, 0px 98px, -10px 98px);
}
#arena.lslim_player>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#arena.lslim_player>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
height: calc(50% + 16px) !important;
clip-path: polygon(-10px -10px, 120px -10px, 120px 94px, 110px 94px, 0px 116px, -10px 116px);
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 94px, 110px 94px, 0px 116px, -10px 116px);
}
#arena.lslim_player[data-player_height='default']>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#arena.lslim_player[data-player_height='default']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
clip-path: polygon(-10px -10px, 120px -10px, 120px 84px, 110px 84px, 0px 106px, -10px 106px);
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 84px, 110px 84px, 0px 106px, -10px 106px);
}
#arena.lslim_player[data-player_height='short']>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#arena.lslim_player[data-player_height='short']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
clip-path: polygon(-10px -10px, 120px -10px, 120px 74px, 110px 74px, 0px 96px, -10px 96px);
-webkit-clip-path: polygon(-10px -10px, 120px -10px, 120px 74px, 110px 74px, 0px 96px, -10px 96px);
}
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
border-radius: 4px 4px 0 0 !important;
}
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
border-radius: 0 0 0 0 !important;
}
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
border-radius: 16px 16px 0 0 !important;
}
#arena>.player.fullskin2:not(.minskin):not(.unseen)>.avatar2,
#arena>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
border-radius: 0 0 8px 8px !important;
top: calc(50% - 21px) !important;
height: calc(50% + 14px) !important;
background-position: 0 10px !important;
clip-path: polygon(-10px 32px, 0 32px, 106px 10px, 116px 10px, 116px 134px, -10px 134px);
-webkit-clip-path: polygon(-10px 32px, 0 32px, 106px 10px, 116px 10px, 116px 134px, -10px 134px);
}
#arena.uslim_player>.player.fullskin2:not(.minskin):not(.unseen)>.avatar2,
#arena.uslim_player>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
top: calc(50% - 21px) !important;
height: calc(50% + 18px) !important;
clip-path: polygon(-10px 32px, 0 32px, 114px 10px, 124px 10px, 124px 138px, -10px 138px);
-webkit-clip-path: polygon(-10px 32px, 0 32px, 114px 10px, 124px 10px, 124px 138px, -10px 138px);
}
#arena.lslim_player>.player.fullskin2:not(.minskin):not(.unseen)>.avatar2,
#arena.lslim_player>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
top: calc(50% - 21px) !important;
height: calc(50% + 16px) !important;
clip-path: polygon(-10px 32px, 0 32px, 110px 10px, 120px 10px, 120px 136px, -10px 136px);
-webkit-clip-path: polygon(-10px 32px, 0 32px, 110px 10px, 120px 10px, 120px 136px, -10px 136px);
}
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin):not(.unseen)>.avatar2,
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
border-radius: 0 0 4px 4px !important;
}
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin):not(.unseen)>.avatar2,
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
border-radius: 0 0 0 0 !important;
}
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin):not(.unseen)>.avatar2,
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
border-radius: 0 0 16px 16px !important;
}
#arena>.player.fullskin2:not(.minskin)>.avatar2{
top: calc(50% - 7px) !important;
}
#arena>.player:not(.minskin)>.identity{
left: 102px;
}
#arena>.player:not(.minskin)>.hp:not(.actcount){
left: 93px;
}
/*#arena>.player:not(.minskin)>.hp:not(.actcount).text{
left: 89px;
}*/
#arena>.player.fullskin2 .avatar2{
z-index: 2;
}
#arena>.player.unseen:not(.unseen2) .count{
text-align: left;
border-radius:3px 0 0 3px;
}
#arena>.player.unseen2 .count{
border-radius: 3px;
text-align: center;
}
#arena .timerbar>div{
top: 205px;
width: 96px;
left: 12px;
}
#arena[data-player_height='default'] .timerbar>div{
top: 185px;
}
#arena[data-player_height='short'] .timerbar>div{
top: 165px;
}
#arena .player[data-position='0']>.damage.dieidentity{
opacity: 1 !important;
}
/*--------位置(8人)------*/
#arena[data-number='8']>.player[data-position='1']{top:calc(30% - 128px);left:calc(-300% / 94 + 4375% / 47 - 735px + 720px);}
#arena[data-number='8']>.player[data-position='2']{top:calc(8% - 34px);left:calc(-300% / 94 + 3750% / 47 - 630px + 600px);}
#arena[data-number='8']>.player[data-position='3']{top:0;left:calc(-300% / 94 + 3125% / 47 - 525px + 480px);}
#arena[data-number='8']>.player[data-position='4']{top:0;left:calc(-300% / 94 + 2500% / 47 - 420px + 360px);}
#arena[data-number='8']>.player[data-position='5']{top:0;left:calc(-300% / 94 + 1875% / 47 - 315px + 240px);}
#arena[data-number='8']>.player[data-position='6']{top:calc(8% - 34px);left:calc(-300% / 94 + 1250% / 47 - 210px + 120px);}
#arena[data-number='8']>.player[data-position='7']{top:calc(30% - 128px);left:calc(-300% / 94 + 625% / 47 - 105px);}
#arena[data-number='8']>.player[data-position='0']{left:calc(-300% / 94 + 625% / 47 - 105px);}
#arena>.player[data-position='0']{left:0;}
@media screen and (min-width: 1105px){
#arena[data-number='8']>.player[data-position='1']{left:calc(100% - 120px);}
#arena[data-number='8']>.player[data-position='2']{left:calc(500% / 6 - 100px);}
#arena[data-number='8']>.player[data-position='3']{left:calc(400% / 6 - 80px);}
#arena[data-number='8']>.player[data-position='4']{left:calc(300% / 6 - 60px);}
#arena[data-number='8']>.player[data-position='5']{left:calc(200% / 6 - 40px);}
#arena[data-number='8']>.player[data-position='6']{left:calc(100% / 6 - 20px);}
#arena[data-number='8']>.player[data-position='7']{left:0;}
#arena[data-number='8']>.player[data-position='0']{left:0;}
}
/*--------位置(7人)------*/
#arena[data-number='7']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
#arena[data-number='7']>.player[data-position='2']{top:calc(8% - 34px);left:calc(80% - 96px);}
#arena[data-number='7']>.player[data-position='3']{top:0;left:calc(60% - 72px);}
#arena[data-number='7']>.player[data-position='4']{top:0;left:calc(40% - 48px);}
#arena[data-number='7']>.player[data-position='5']{top:calc(8% - 34px);left:calc(20% - 24px);}
#arena[data-number='7']>.player[data-position='6']{top:calc(30% - 128px);left:0;}
/*--------位置(6人)------*/
#arena[data-number='6']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
#arena[data-number='6']>.player[data-position='2']{top:0px;left:calc(75% - 90px);}
#arena[data-number='6']>.player[data-position='3']{top:0;left:calc(50% - 60px);}
#arena[data-number='6']>.player[data-position='4']{top:0px;left:calc(25% - 30px);}
#arena[data-number='6']>.player[data-position='5']{top:calc(30% - 128px);left:0;}
/*--------位置(5人)------*/
#arena[data-number='5']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
#arena[data-number='5']>.player[data-position='2']{top:0;left:calc(200% / 3 - 80px);}
#arena[data-number='5']>.player[data-position='3']{top:0;left:calc(100% / 3 - 40px);}
#arena[data-number='5']>.player[data-position='4']{top:calc(30% - 128px);left:0;}
/*--------位置(4人)------*/
#arena[data-number='4']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
#arena[data-number='4']>.player[data-position='2']{top:0;left:calc(50% - 60px);}
#arena[data-number='4']>.player[data-position='3']{top:calc(30% - 128px);left:0;}
/*--------位置(3人)------*/
#arena[data-number='3']>.player[data-position='1']{top:calc(60% / 3 - 88px);left:calc(75% + 80px);}
#arena[data-number='3']>.player[data-position='2']{top:calc(60% / 3 - 88px);left:calc(25% - 200px);}
/*--------位置(2人)------*/
#arena[data-number='2']>.player[data-position='1']{top:0;left:calc(50% - 60px);}

454
layout/mobile/equip.css
View File

@ -1,227 +1,227 @@
#arena:not(.chess).textequip .player[data-position='0'] .equips,
.player:not([data-position='0']) .equips,
#arena.chess .player .equips{
width:120px;
height:auto;
top:auto;
right:auto;
bottom:18px;
left:10px;
text-align:left;
}
#arena.slim_player .player:not([data-position='0']) .equips,
#arena.chess.slim_player .player .equips{
left:7px;
}
#arena.chess.lslim_player.slim_player .player .equips{
left:5px;
bottom: 17px;
}
#arena.chess.lslim_player.slim_player .player.minskin.linked .equips{
transform: rotate(90deg) translate(-98px,-5px) scale(0.73)
}
#arena.uslim_player .player:not([data-position='0']) .equips,
#arena.chess.uslim_player .player .equips{
left:3px;
}
#arena.mslim_player .player:not([data-position='0']) .equips,
#arena.chess.mslim_player .player .equips{
left:5px;
}
.player:not([data-position='0']).minskin .equips,
#arena.chess .player.minskin .equips{
transform:scale(0.73);
transform-origin:bottom left;
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card::after,
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card::before,
.player:not([data-position='0']) .equips>.card::after,
.player:not([data-position='0']) .equips>.card::before,
#arena.chess .player .equips>.card::after,
#arena.chess .player .equips>.card::before{
visibility: hidden;
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card,
.player:not([data-position='0']) .equips>.card,
#arena.chess .player .equips>.card{
position:relative;
width:100%;
height:22px;
line-height:22px;
margin-top:0;
margin-bottom:0;
animation: card_start2x 0.5s;
-webkit-animation: card_start2x 0.5s;
display:block;
left:0;
top:0;
transition:all 0.5s;
color:white;
border-radius:0;
text-shadow:black 0 0 2px;
}
.player:not([data-position='0']) .equips>.card,
#arena.chess .player .equips>.card{
border-width: 1px 0 0;
border-style:solid;
border-image:linear-gradient(to right, rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;
background:linear-gradient(to right,rgba(0,0,0,0.3),transparent),
linear-gradient(135deg,rgba(0,0,0,0.5) ,transparent 80%,transparent) !important;
box-shadow:none;
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.image,
.player:not([data-position='0']) .equips>.card>.image,
#arena.chess .player .equips>.card>.image{
display:none;
}
#arena:not(.chess).textequip .player[data-position='0'].unseen .equips>.card,
.player:not([data-position='0']).unseen .equips>.card,
#arena.chess .player.unseen .equips>.card{
background:none;
/*border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;*/
}
#arena:not(.chess).textequip .player[data-position='0'].unseen .equips>.card,
.player:not([data-position='0']).unseen .equips>.card,
#arena.chess .player.unseen .equips>.card{
border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;
}
#arena:not(.chess).textequip .player[data-position='0'].unseen .equips>.card:first-child,
.player:not([data-position='0']).unseen .equips>.card:first-child,
#arena.chess .player.unseen .equips>.card:first-child{
border-image:linear-gradient(transparent,transparent);
}
.player:not([data-position='0']) .equips>.card.selected,
#arena.chess .player .equips>.card.selected{
background:linear-gradient(to right,rgba(0, 133, 255,0.3),transparent),
linear-gradient(135deg,rgba(0, 133, 255,0.5) ,transparent 80%,transparent) !important;
box-shadow:none !important;
border-width: 1px 0 0;
border-style:solid;
border-image:linear-gradient(to right, rgba(0, 103, 205,0.4) 70%,transparent) 100% 0 0;
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.selected{
background:linear-gradient(rgba(0, 133, 255,0.6),rgba(0, 133, 255,0.5)) !important;
box-shadow: rgba(0,0,0,0.4) 0 1px 0 0 !important;
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.fire,
.player:not([data-position='0']) .equips>.card.fire,
#arena.chess .player .equips>.card.fire{
color: rgb(255,119,63);
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.thunder,
.player:not([data-position='0']) .equips>.card.thunder,
#arena.chess .player .equips>.card.thunder{
color: rgb(117,186,255);
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.poison,
.player:not([data-position='0']) .equips>.card.poison,
#arena.chess .player .equips>.card.poison{
color: rgb(104,221,127);
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.brown,
.player:not([data-position='0']) .equips>.card.brown,
#arena.chess .player .equips>.card.brown{
color: rgb(195,161,223);
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.background,
.player:not([data-position='0']) .equips>.card>.background,
#arena.chess .player .equips>.card>.background{
display:none !important;
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.name2,
.player:not([data-position='0']) .equips>.card>.name2,
#arena.chess .player .equips>.card>.name2{
display:block;
margin-left:5px;
white-space: nowrap;
}
#arena.oblongcard:not(.chess).textequip .player[data-position='0'] .equips>.card>.name2{
line-height: 29px;
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>div,
.player:not([data-position='0']) .equips>.card>div,
#arena.chess .player .equips>.card>div{
animation:none !important;
-webkit-animation:none !important;
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.name,
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.info,
.player:not([data-position='0']) .equips>.card>.name,
.player:not([data-position='0']) .equips>.card>.info,
#arena.chess .player .equips>.card>.name,
#arena.chess .player .equips>.card>.info{
display:none !important;
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.removing,
.player:not([data-position='0']) .equips>.removing,
#arena.chess .player .equips>.removing{
margin-top:-12px !important;
margin-bottom:-11px !important;
transform:scale(1);
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.removing+.removing,
.player:not([data-position='0']) .equips>.removing+.removing,
#arena.chess .player .equips>.removing+.removing{
margin-top:-23px !important;
}
#arena:not(.textequip):not(.chess).textequip .player[data-position='0'].linked .equips,
.player:not([data-position='0']).linked .equips,
#arena.chess .player.linked .equips{
transform:rotate(90deg) translate(-152px,-6px);
transform-origin:bottom left;
}
#arena.slim_player .player:not([data-position='0']).linked .equips,
#arena.chess.slim_player .player.linked .equips{
transform:rotate(90deg) translate(-155px,-6px);
}
#arena.uslim_player .player:not([data-position='0']).linked .equips,
#arena.chess.uslim_player .player.linked .equips{
transform:rotate(90deg) translate(-159px,-6px);
}
#arena.mslim_player .player:not([data-position='0']).linked .equips,
#arena.chess.mslim_player .player.linked .equips{
transform:rotate(90deg) translate(-157px,-6px);
}
.player:not([data-position='0']).minskin.linked .equips,
#arena.chess .player.minskin.linked .equips{
transform:rotate(90deg) translate(-92px,-6px) scale(0.73);
}
#arena.slim_player .player:not([data-position='0']).minskin.linked .equips,
#arena.chess.slim_player .player.minskin.linked .equips{
transform:rotate(90deg) translate(-95px,-6px) scale(0.73);
}
#arena.uslim_player .player:not([data-position='0']).minskin.linked .equips,
#arena.chess.uslim_player .player.minskin.linked .equips{
transform:rotate(90deg) translate(-99px,-6px) scale(0.73);
}
#arena.mslim_player .player:not([data-position='0']).minskin.linked .equips,
#arena.chess.mslim_player .player.minskin.linked .equips{
transform:rotate(90deg) translate(-97px,-6px) scale(0.73);
}
.player:not([data-position='0']).linked .identity,
#arena.chess .player.linked .identity{
transform:rotate(90deg);
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card{
border-radius: 0px !important;
left:0 !important;
right: auto !important;
top:0 !important;
bottom: auto !important;
position: relative !important;
height: 20% !important;
background:none !important;
box-shadow: rgba(0,0,0,0.4) 0 1px 0 0;
}
#arena:not(.chess).textequip .player[data-position='0'] .equips,
.player:not([data-position='0']) .equips,
#arena.chess .player .equips{
width:120px;
height:auto;
top:auto;
right:auto;
bottom:18px;
left:10px;
text-align:left;
}
#arena.slim_player .player:not([data-position='0']) .equips,
#arena.chess.slim_player .player .equips{
left:7px;
}
#arena.chess.lslim_player.slim_player .player .equips{
left:5px;
bottom: 17px;
}
#arena.chess.lslim_player.slim_player .player.minskin.linked .equips{
transform: rotate(90deg) translate(-98px,-5px) scale(0.73)
}
#arena.uslim_player .player:not([data-position='0']) .equips,
#arena.chess.uslim_player .player .equips{
left:3px;
}
#arena.mslim_player .player:not([data-position='0']) .equips,
#arena.chess.mslim_player .player .equips{
left:5px;
}
.player:not([data-position='0']).minskin .equips,
#arena.chess .player.minskin .equips{
transform:scale(0.73);
transform-origin:bottom left;
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card::after,
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card::before,
.player:not([data-position='0']) .equips>.card::after,
.player:not([data-position='0']) .equips>.card::before,
#arena.chess .player .equips>.card::after,
#arena.chess .player .equips>.card::before{
visibility: hidden;
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card,
.player:not([data-position='0']) .equips>.card,
#arena.chess .player .equips>.card{
position:relative;
width:100%;
height:22px;
line-height:22px;
margin-top:0;
margin-bottom:0;
animation: card_start2x 0.5s;
-webkit-animation: card_start2x 0.5s;
display:block;
left:0;
top:0;
transition:all 0.5s;
color:white;
border-radius:0;
text-shadow:black 0 0 2px;
}
.player:not([data-position='0']) .equips>.card,
#arena.chess .player .equips>.card{
border-width: 1px 0 0;
border-style:solid;
border-image:linear-gradient(to right, rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;
background:linear-gradient(to right,rgba(0,0,0,0.3),transparent),
linear-gradient(135deg,rgba(0,0,0,0.5) ,transparent 80%,transparent) !important;
box-shadow:none;
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.image,
.player:not([data-position='0']) .equips>.card>.image,
#arena.chess .player .equips>.card>.image{
display:none;
}
#arena:not(.chess).textequip .player[data-position='0'].unseen .equips>.card,
.player:not([data-position='0']).unseen .equips>.card,
#arena.chess .player.unseen .equips>.card{
background:none;
/*border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;*/
}
#arena:not(.chess).textequip .player[data-position='0'].unseen .equips>.card,
.player:not([data-position='0']).unseen .equips>.card,
#arena.chess .player.unseen .equips>.card{
border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;
}
#arena:not(.chess).textequip .player[data-position='0'].unseen .equips>.card:first-child,
.player:not([data-position='0']).unseen .equips>.card:first-child,
#arena.chess .player.unseen .equips>.card:first-child{
border-image:linear-gradient(transparent,transparent);
}
.player:not([data-position='0']) .equips>.card.selected,
#arena.chess .player .equips>.card.selected{
background:linear-gradient(to right,rgba(0, 133, 255,0.3),transparent),
linear-gradient(135deg,rgba(0, 133, 255,0.5) ,transparent 80%,transparent) !important;
box-shadow:none !important;
border-width: 1px 0 0;
border-style:solid;
border-image:linear-gradient(to right, rgba(0, 103, 205,0.4) 70%,transparent) 100% 0 0;
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.selected{
background:linear-gradient(rgba(0, 133, 255,0.6),rgba(0, 133, 255,0.5)) !important;
box-shadow: rgba(0,0,0,0.4) 0 1px 0 0 !important;
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.fire,
.player:not([data-position='0']) .equips>.card.fire,
#arena.chess .player .equips>.card.fire{
color: rgb(255,119,63);
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.thunder,
.player:not([data-position='0']) .equips>.card.thunder,
#arena.chess .player .equips>.card.thunder{
color: rgb(117,186,255);
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.poison,
.player:not([data-position='0']) .equips>.card.poison,
#arena.chess .player .equips>.card.poison{
color: rgb(104,221,127);
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.brown,
.player:not([data-position='0']) .equips>.card.brown,
#arena.chess .player .equips>.card.brown{
color: rgb(195,161,223);
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.background,
.player:not([data-position='0']) .equips>.card>.background,
#arena.chess .player .equips>.card>.background{
display:none !important;
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.name2,
.player:not([data-position='0']) .equips>.card>.name2,
#arena.chess .player .equips>.card>.name2{
display:block;
margin-left:5px;
white-space: nowrap;
}
#arena.oblongcard:not(.chess).textequip .player[data-position='0'] .equips>.card>.name2{
line-height: 29px;
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>div,
.player:not([data-position='0']) .equips>.card>div,
#arena.chess .player .equips>.card>div{
animation:none !important;
-webkit-animation:none !important;
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.name,
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.info,
.player:not([data-position='0']) .equips>.card>.name,
.player:not([data-position='0']) .equips>.card>.info,
#arena.chess .player .equips>.card>.name,
#arena.chess .player .equips>.card>.info{
display:none !important;
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.removing,
.player:not([data-position='0']) .equips>.removing,
#arena.chess .player .equips>.removing{
margin-top:-12px !important;
margin-bottom:-11px !important;
transform:scale(1);
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.removing+.removing,
.player:not([data-position='0']) .equips>.removing+.removing,
#arena.chess .player .equips>.removing+.removing{
margin-top:-23px !important;
}
#arena:not(.textequip):not(.chess).textequip .player[data-position='0'].linked .equips,
.player:not([data-position='0']).linked .equips,
#arena.chess .player.linked .equips{
transform:rotate(90deg) translate(-152px,-6px);
transform-origin:bottom left;
}
#arena.slim_player .player:not([data-position='0']).linked .equips,
#arena.chess.slim_player .player.linked .equips{
transform:rotate(90deg) translate(-155px,-6px);
}
#arena.uslim_player .player:not([data-position='0']).linked .equips,
#arena.chess.uslim_player .player.linked .equips{
transform:rotate(90deg) translate(-159px,-6px);
}
#arena.mslim_player .player:not([data-position='0']).linked .equips,
#arena.chess.mslim_player .player.linked .equips{
transform:rotate(90deg) translate(-157px,-6px);
}
.player:not([data-position='0']).minskin.linked .equips,
#arena.chess .player.minskin.linked .equips{
transform:rotate(90deg) translate(-92px,-6px) scale(0.73);
}
#arena.slim_player .player:not([data-position='0']).minskin.linked .equips,
#arena.chess.slim_player .player.minskin.linked .equips{
transform:rotate(90deg) translate(-95px,-6px) scale(0.73);
}
#arena.uslim_player .player:not([data-position='0']).minskin.linked .equips,
#arena.chess.uslim_player .player.minskin.linked .equips{
transform:rotate(90deg) translate(-99px,-6px) scale(0.73);
}
#arena.mslim_player .player:not([data-position='0']).minskin.linked .equips,
#arena.chess.mslim_player .player.minskin.linked .equips{
transform:rotate(90deg) translate(-97px,-6px) scale(0.73);
}
.player:not([data-position='0']).linked .identity,
#arena.chess .player.linked .identity{
transform:rotate(90deg);
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card{
border-radius: 0px !important;
left:0 !important;
right: auto !important;
top:0 !important;
bottom: auto !important;
position: relative !important;
height: 20% !important;
background:none !important;
box-shadow: rgba(0,0,0,0.4) 0 1px 0 0;
}

682
layout/mobile/layout.css
View File

@ -1,341 +1,341 @@
@import "../newlayout/global.css";
@import "equip.css";
#arena{
height: calc(95% + 20px);
}
#arena.oblongcard:not(.chess):not(.nome){
height: 95%;
}
#arena.oblongcard:not(.chess):not(.nome) #me,
#arena.oblongcard:not(.chess):not(.nome) #mebg{
height: 140px;
bottom: 10px;
}
#historybar{
height: calc(95% - 160px);
}
#window.oblongcard #historybar{
height: calc(95% - 180px);
}
#control{
width: calc(5000% / 47 - 240px);
left:calc(-150% / 47 + 120px);
bottom:150px;
height: 40px;
}
#arena:not(.chess)>#me,
#arena:not(.chess)>#mebg,
#arena:not(.chess)>#autonode{
bottom:30px;
width: calc(5000% / 47);
left:calc(-150% / 47);
top:auto;
border-radius:0 !important;
height:120px;
}
#arena:not(.chess)>#autonode{
width: calc(5000% / 47 - 240px);
left:calc(-150% / 47 + 120px);
}
#window.leftbar #arena:not(.chess)>#me,
#window.leftbar #arena:not(.chess)>#mebg,
#window.leftbar #arena:not(.chess)>#autonode,
#window.leftbar #arena:not(.chess) .player[data-position='0']{
width: calc(5000% / 47 + 2500px / 47);
left:calc(-150% / 47 - 50px - 75px / 47);
}
#window.leftbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47 - 240px);
left:calc(-150% / 47 - 50px - 75px / 47 + 120px);
}
#window.rightbar #arena:not(.chess)>#me,
#window.rightbar #arena:not(.chess)>#mebg,
#window.rightbar #arena:not(.chess)>#autonode,
#window.rightbar #arena:not(.chess) .player[data-position='0']{
width: calc(5000% / 47 + 2500px / 47);
left:calc(-150% / 47 - 75px / 47);
}
#window.rightbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47 - 240px);
left:calc(-150% / 47 - 75px / 47 + 120px);
}
#arena:not(.chess) #handcards1{
height:120px;
padding:0;
top:calc(100% - 120px);
}
#arena:not(.chess):not(.single-handcard) #handcards1{
width:calc(100% - 240px);
left:120px;
}
#handcards2{
display:none;
}
/*#arena:not(.chess) .player[data-position='0']>.playerjiu{
width: 120px;
border-radius: 0px;
}*/
#arena:not(.chess) .player[data-position='0'].playerfocus{
transform: scale(1);
}
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5){
width: 45px;
height: 45px;
margin: 0;
border-radius: 4px;
position: absolute;
}
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.image{
width: 100%;
height: 100%;
left: 0;
top: 0;
}
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.name{
display: block;
transform: scale(0.43) !important;
transform-origin: left top;
left: 2px;
top: 3px;
}
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.name.long{
top: 2px;
}
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.info{
display: block;
transform: scale(0.43) !important;
transform-origin: right top;
right: 3px;
top: 3px;
}
/*#arena.oblongcard:not(.chess) .player[data-position='0']>.equips>div:not(.equip5){
height: 54px;
}
#arena.oblongcard:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.image{
width: 120%;
height: 100%;
left: -20%;
top: 0%;
}*/
#arena:not(.chess):not(.textequip) .player[data-position='0']>.equips>div.legend{
border: 1px solid rgb(192, 90, 255);
}
#arena:not(.chess):not(.textequip) .player[data-position='0']>.equips>div.epic{
border: 1px solid rgb(90, 171, 255);
}
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5{
border-radius: 100%;
}
#arena:not(.chess) .player[data-position='0']{
width: calc(5000% / 47);
left:calc(-150% / 47);
height: 120px;
top: calc(100% - 150px);
background: none !important;
border:none !important;
border-radius: 0 !important;
pointer-events: none;
}
#arena:not(.chess) .player[data-position='0']>.turned{
width: 120px;
}
#arena:not(.chess) .player[data-position='0']>.chain{
width: 120px
}
#arena.oblongcard:not(.chess) .player[data-position='0']{
height: 140px;
}
#arena:not(.chess) .player[data-position='0'].linked>.damage{
transform:scale(0.7) rotate(0);
}
#arena:not(.chess) .player[data-position='0'].linked>.damage.damageadded{
transform:scale(1) rotate(0);
}
#arena:not(.chess) .player[data-position='0']:not(.selected):not(.selectedx):not(.selectable):not(.glow){
box-shadow: none !important;
}
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar,
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar2,
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{
width:120px;
height:100%;
border-radius:0px !important;
top:0;
left:0;
transition-property: opacity,transform;
transition-duration: 0.5s;
pointer-events: auto;
/*-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 180px, -10px 180px);*/
}
/*#window.compatiblemode #arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar,
#window.compatiblemode #arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar2,
#window.compatiblemode #arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{
-webkit-clip-path: none;
}*/
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.identity{
pointer-events: auto;
}
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.judges,
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.marks{
pointer-events: auto;
}
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{
left:calc(100% - 120px);
}
#arena:not(.chess) .player[data-position='0']>.equips>.equip1{top: 10px;left: 10px;}
#arena:not(.chess) .player[data-position='0']>.equips>.equip2{top: 10px;right: 10px;}
#arena:not(.chess) .player[data-position='0']>.equips>.equip3{bottom: 10px;left: 10px;}
#arena:not(.chess) .player[data-position='0']>.equips>.equip4{bottom: 10px;right: 10px;}
#arena:not(.chess) .player[data-position='0']>.equips>.equip6{bottom: 10px;right: 10px;}
#arena:not(.chess) .player[data-position='0']>.name,
#arena:not(.chess) .player[data-position='0'].linked>.name{
left:4px;
top:10px;
transform: none;
}
#arena:not(.chess) .player[data-position='0']>.nameol{
display: none;
}
#arena:not(.chess) .player[data-position='0']>.name.name2,
#arena:not(.chess) .player[data-position='0'].linked>.name.name2{
left:69px;
}
#arena:not(.chess) .player[data-position='0']>.identity{
left: 106px;
top: -8px;
}
#arena:not(.chess) .player[data-position='0']>.damage{
width: 120px;
}
#arena:not(.chess) .player[data-position='0'].target{
transform:none !important;
}
#arena:not(.chess) .player[data-position='0']>.hp:not(.actcount){
bottom: 5px;
left: 100px;
}
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.count{
bottom:10px;
border-radius: 0 2px 2px 0;
left:-1px;
z-index: 3;
text-align: right;
}
#arena:not(.chess).slim_player .player[data-position='0']:not(.minskin)>.count{
border-radius: 0 2px 2px 0;
left:-1px;
z-index: 3;
text-align: right;
}
#arena:not(.chess) .player[data-position='0']>.hp.actcount{
top:10px;
left:2px;
}
#arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar,
#arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar2{
width:60px;
background-position:50%;
}
#arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar2{
left:60px;
top:0;
z-index:1;
}
.popup[data-position='0']{
top:calc(100% - 187px);
left:calc(-150% / 47 + 15px);
}
#arena:not(.chess) .player[data-position='0']>.judges{
left: 6px;
top: -16px;
transform: none;
}
#arena:not(.chess) .player[data-position='0']>.marks {
right: -6px;
left:auto;
top: -16px;
transform: none;
}
#arena:not(.chess) .player[data-position='0'].linked{
transform: none;
}
#arena:not(.chess) .player[data-position='0'].linked .avatar,
#arena:not(.chess) .player[data-position='0'].linked .avatar2{
transform: rotate(-90deg);
}
#arena:not(.chess) .player[data-position='0'].fullskin2 .avatar{
transform-origin: right center;
}
#arena:not(.chess) .player[data-position='0'].fullskin2 .avatar2{
transform-origin: left center;
}
.dialog{
height:calc(100% - 370px);
bottom:170px;
}
.dialog.fullheight {
height: calc(100% - 123px) !important;
top: 40px !important;
}
#me>.fakeme.avatar{
width:120px;
height:100%;
border-radius:0px;
top:0;
left:0;
background-size:cover;
clip-path: polygon(-10px 0, 130px 0, 130px 150px, -10px 150px);
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 150px, -10px 150px);
}
#window[data-radius_size='increase'] #me>.fakeme.avatar,
#window[data-radius_size='reduce'] #me>.fakeme.avatar{
border-radius:0px;
}
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip1,
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip2{
top:20px;
}
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip3,
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip4,
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip6{
bottom:20px;
}
#arena.mobile.oblongcard.textequip:not(.chess) .player[data-position='0'] .equips>.removing{
margin-top:-14px !important;
margin-bottom:-14px !important;
transform:scale(1);
}
#arena.mobile.oblongcard:not(.chess) #handcards1{
height: 100%;
top: 2px;
}
#arena.mobile.oblongcard:not(.chess)>.card,
#arena.mobile.oblongcard:not(.chess) .handcards>.card{
height: 120px;
}
#arena.mobile.oblongcard:not(.chess)>.card>.image,
#arena.mobile.oblongcard:not(.chess) .handcards>.card>.image{
height: 110px;
top: 8px;
background-position-x: -3px;
}
#arena.phone.oblongcard:not(.chess):not(.nome){
height: calc(97% + 10px);
}
@import "../newlayout/global.css";
@import "equip.css";
#arena{
height: calc(95% + 20px);
}
#arena.oblongcard:not(.chess):not(.nome){
height: 95%;
}
#arena.oblongcard:not(.chess):not(.nome) #me,
#arena.oblongcard:not(.chess):not(.nome) #mebg{
height: 140px;
bottom: 10px;
}
#historybar{
height: calc(95% - 160px);
}
#window.oblongcard #historybar{
height: calc(95% - 180px);
}
#control{
width: calc(5000% / 47 - 240px);
left:calc(-150% / 47 + 120px);
bottom:150px;
height: 40px;
}
#arena:not(.chess)>#me,
#arena:not(.chess)>#mebg,
#arena:not(.chess)>#autonode{
bottom:30px;
width: calc(5000% / 47);
left:calc(-150% / 47);
top:auto;
border-radius:0 !important;
height:120px;
}
#arena:not(.chess)>#autonode{
width: calc(5000% / 47 - 240px);
left:calc(-150% / 47 + 120px);
}
#window.leftbar #arena:not(.chess)>#me,
#window.leftbar #arena:not(.chess)>#mebg,
#window.leftbar #arena:not(.chess)>#autonode,
#window.leftbar #arena:not(.chess) .player[data-position='0']{
width: calc(5000% / 47 + 2500px / 47);
left:calc(-150% / 47 - 50px - 75px / 47);
}
#window.leftbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47 - 240px);
left:calc(-150% / 47 - 50px - 75px / 47 + 120px);
}
#window.rightbar #arena:not(.chess)>#me,
#window.rightbar #arena:not(.chess)>#mebg,
#window.rightbar #arena:not(.chess)>#autonode,
#window.rightbar #arena:not(.chess) .player[data-position='0']{
width: calc(5000% / 47 + 2500px / 47);
left:calc(-150% / 47 - 75px / 47);
}
#window.rightbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47 - 240px);
left:calc(-150% / 47 - 75px / 47 + 120px);
}
#arena:not(.chess) #handcards1{
height:120px;
padding:0;
top:calc(100% - 120px);
}
#arena:not(.chess):not(.single-handcard) #handcards1{
width:calc(100% - 240px);
left:120px;
}
#handcards2{
display:none;
}
/*#arena:not(.chess) .player[data-position='0']>.playerjiu{
width: 120px;
border-radius: 0px;
}*/
#arena:not(.chess) .player[data-position='0'].playerfocus{
transform: scale(1);
}
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5){
width: 45px;
height: 45px;
margin: 0;
border-radius: 4px;
position: absolute;
}
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.image{
width: 100%;
height: 100%;
left: 0;
top: 0;
}
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.name{
display: block;
transform: scale(0.43) !important;
transform-origin: left top;
left: 2px;
top: 3px;
}
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.name.long{
top: 2px;
}
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.info{
display: block;
transform: scale(0.43) !important;
transform-origin: right top;
right: 3px;
top: 3px;
}
/*#arena.oblongcard:not(.chess) .player[data-position='0']>.equips>div:not(.equip5){
height: 54px;
}
#arena.oblongcard:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.image{
width: 120%;
height: 100%;
left: -20%;
top: 0%;
}*/
#arena:not(.chess):not(.textequip) .player[data-position='0']>.equips>div.legend{
border: 1px solid rgb(192, 90, 255);
}
#arena:not(.chess):not(.textequip) .player[data-position='0']>.equips>div.epic{
border: 1px solid rgb(90, 171, 255);
}
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5{
border-radius: 100%;
}
#arena:not(.chess) .player[data-position='0']{
width: calc(5000% / 47);
left:calc(-150% / 47);
height: 120px;
top: calc(100% - 150px);
background: none !important;
border:none !important;
border-radius: 0 !important;
pointer-events: none;
}
#arena:not(.chess) .player[data-position='0']>.turned{
width: 120px;
}
#arena:not(.chess) .player[data-position='0']>.chain{
width: 120px
}
#arena.oblongcard:not(.chess) .player[data-position='0']{
height: 140px;
}
#arena:not(.chess) .player[data-position='0'].linked>.damage{
transform:scale(0.7) rotate(0);
}
#arena:not(.chess) .player[data-position='0'].linked>.damage.damageadded{
transform:scale(1) rotate(0);
}
#arena:not(.chess) .player[data-position='0']:not(.selected):not(.selectedx):not(.selectable):not(.glow){
box-shadow: none !important;
}
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar,
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar2,
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{
width:120px;
height:100%;
border-radius:0px !important;
top:0;
left:0;
transition-property: opacity,transform;
transition-duration: 0.5s;
pointer-events: auto;
/*-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 180px, -10px 180px);*/
}
/*#window.compatiblemode #arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar,
#window.compatiblemode #arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar2,
#window.compatiblemode #arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{
-webkit-clip-path: none;
}*/
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.identity{
pointer-events: auto;
}
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.judges,
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.marks{
pointer-events: auto;
}
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{
left:calc(100% - 120px);
}
#arena:not(.chess) .player[data-position='0']>.equips>.equip1{top: 10px;left: 10px;}
#arena:not(.chess) .player[data-position='0']>.equips>.equip2{top: 10px;right: 10px;}
#arena:not(.chess) .player[data-position='0']>.equips>.equip3{bottom: 10px;left: 10px;}
#arena:not(.chess) .player[data-position='0']>.equips>.equip4{bottom: 10px;right: 10px;}
#arena:not(.chess) .player[data-position='0']>.equips>.equip6{bottom: 10px;right: 10px;}
#arena:not(.chess) .player[data-position='0']>.name,
#arena:not(.chess) .player[data-position='0'].linked>.name{
left:4px;
top:10px;
transform: none;
}
#arena:not(.chess) .player[data-position='0']>.nameol{
display: none;
}
#arena:not(.chess) .player[data-position='0']>.name.name2,
#arena:not(.chess) .player[data-position='0'].linked>.name.name2{
left:69px;
}
#arena:not(.chess) .player[data-position='0']>.identity{
left: 106px;
top: -8px;
}
#arena:not(.chess) .player[data-position='0']>.damage{
width: 120px;
}
#arena:not(.chess) .player[data-position='0'].target{
transform:none !important;
}
#arena:not(.chess) .player[data-position='0']>.hp:not(.actcount){
bottom: 5px;
left: 100px;
}
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.count{
bottom:10px;
border-radius: 0 2px 2px 0;
left:-1px;
z-index: 3;
text-align: right;
}
#arena:not(.chess).slim_player .player[data-position='0']:not(.minskin)>.count{
border-radius: 0 2px 2px 0;
left:-1px;
z-index: 3;
text-align: right;
}
#arena:not(.chess) .player[data-position='0']>.hp.actcount{
top:10px;
left:2px;
}
#arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar,
#arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar2{
width:60px;
background-position:50%;
}
#arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar2{
left:60px;
top:0;
z-index:1;
}
.popup[data-position='0']{
top:calc(100% - 187px);
left:calc(-150% / 47 + 15px);
}
#arena:not(.chess) .player[data-position='0']>.judges{
left: 6px;
top: -16px;
transform: none;
}
#arena:not(.chess) .player[data-position='0']>.marks {
right: -6px;
left:auto;
top: -16px;
transform: none;
}
#arena:not(.chess) .player[data-position='0'].linked{
transform: none;
}
#arena:not(.chess) .player[data-position='0'].linked .avatar,
#arena:not(.chess) .player[data-position='0'].linked .avatar2{
transform: rotate(-90deg);
}
#arena:not(.chess) .player[data-position='0'].fullskin2 .avatar{
transform-origin: right center;
}
#arena:not(.chess) .player[data-position='0'].fullskin2 .avatar2{
transform-origin: left center;
}
.dialog{
height:calc(100% - 370px);
bottom:170px;
}
.dialog.fullheight {
height: calc(100% - 123px) !important;
top: 40px !important;
}
#me>.fakeme.avatar{
width:120px;
height:100%;
border-radius:0px;
top:0;
left:0;
background-size:cover;
clip-path: polygon(-10px 0, 130px 0, 130px 150px, -10px 150px);
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 150px, -10px 150px);
}
#window[data-radius_size='increase'] #me>.fakeme.avatar,
#window[data-radius_size='reduce'] #me>.fakeme.avatar{
border-radius:0px;
}
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip1,
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip2{
top:20px;
}
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip3,
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip4,
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip6{
bottom:20px;
}
#arena.mobile.oblongcard.textequip:not(.chess) .player[data-position='0'] .equips>.removing{
margin-top:-14px !important;
margin-bottom:-14px !important;
transform:scale(1);
}
#arena.mobile.oblongcard:not(.chess) #handcards1{
height: 100%;
top: 2px;
}
#arena.mobile.oblongcard:not(.chess)>.card,
#arena.mobile.oblongcard:not(.chess) .handcards>.card{
height: 120px;
}
#arena.mobile.oblongcard:not(.chess)>.card>.image,
#arena.mobile.oblongcard:not(.chess) .handcards>.card>.image{
height: 110px;
top: 8px;
background-position-x: -3px;
}
#arena.phone.oblongcard:not(.chess):not(.nome){
height: calc(97% + 10px);
}

296
layout/mode/boss.css
View File

@ -1,148 +1,148 @@
#bosslist{
width:100%;
height:260px;
text-align:center;
top:calc(50% - 200px);
top:60px;
white-space:nowrap;
z-index:1;
overflow-x:scroll;
}
#window[data-radius_size='reduce'] #bosslist>.player{
border-radius:4px;
}
#window[data-radius_size='off'] #bosslist>.player{
border-radius:0px;
}
#window[data-radius_size='increase'] #bosslist>.player{
border-radius:20px;
}
#window #bosslist>.player{
border-radius: 10px;
}
#window[data-player_border='normal'] #bosslist>.player>.avatar{
left: 8px;
top: 8px;
width: 164px;
height: 200px;
}
#window[data-player_border='slim'] #bosslist>.player>.avatar{
left: 4px;
top: 4px;
width: 172px;
height: 208px;
}
.bosspaused>#bosslist,
.bosspaused>#control,
.bosspaused>.dialog.bosscharacter{
opacity:0.2 !important;
}
#bosslist.hidden>.player{
transition:all 0s;
}
#bosslist>div:first-child,
#bosslist>div:last-child{
width:20px;
position:relative;
}
#window:not(.nopointer) #bosslist>.player{
cursor: pointer;
}
.dialog.bosscharacter .buttons .button.selectable{
cursor: pointer;
}
.dialog.bosscharacter .buttons .button:not(.selectable){
opacity: 0.6
}
.player.bossplayer.bossing{
position:absolute;
}
.player.bossing .avatar{
transition:all 0.5s;
}
.player.bossplayer.highlight{
transform:scale(1.1);
opacity:1;
}
#bosslist.removing>.player.bossplayer.highlight{
transition:all 0s;
opacity:0;
}
.player.bossplayer{
position:relative;
margin:10px;
left:0;
top:4px;
width:180px;
height:216px;
transition: all 0.3s;
opacity:0.6;
animation:game_start 0.5s;
-webkit-animation:game_start 0.5s;
}
.player.bossplayer>div:not(.hp):not(.identity):not(.avatar):not(.framebg){
display:none !important;
}
.player.bossplayer>.identity{
left:16px;
top:20px;
line-height:24px;
white-space:normal;
}
.player.bossplayer>.hp{
top:22px;
left:144px;
}
.player.bossplayer>.avatar{
width:160px;
height:196px;
}
#control.bosslist{
top:calc(100% - 50px) !important;
position:fixed;
}
.dialog.bosscharacter{
top:auto;
bottom:65px;
height:calc(100% - 383px);
animation: dialog_start2 0.5s;
-webkit-animation: dialog_start2 0.5s;
}
.bosschongzheng{
width:calc(100% - 20px);
white-space:nowrap;
position:relative;
}
.bosschongzheng div{
position:relative;
}
.bosschongzheng>div{
width:100%;
display:block;
margin-bottom:5px;
}
.bosschongzheng>div>div:first-child{
text-align:left;
width:30%;
}
.bosschongzheng>div>div:last-child{
text-align:right;
width:70%;
}
@media screen and (min-height: 800px) {
.dialog.bosscharacter{
height:417px;
bottom:calc(50% - 335px);
}
#control.bosslist{
top:calc(50% + 350px) !important;
}
#bosslist{
top:calc(40% - 260px);
}
}
#bosslist{
width:100%;
height:260px;
text-align:center;
top:calc(50% - 200px);
top:60px;
white-space:nowrap;
z-index:1;
overflow-x:scroll;
}
#window[data-radius_size='reduce'] #bosslist>.player{
border-radius:4px;
}
#window[data-radius_size='off'] #bosslist>.player{
border-radius:0px;
}
#window[data-radius_size='increase'] #bosslist>.player{
border-radius:20px;
}
#window #bosslist>.player{
border-radius: 10px;
}
#window[data-player_border='normal'] #bosslist>.player>.avatar{
left: 8px;
top: 8px;
width: 164px;
height: 200px;
}
#window[data-player_border='slim'] #bosslist>.player>.avatar{
left: 4px;
top: 4px;
width: 172px;
height: 208px;
}
.bosspaused>#bosslist,
.bosspaused>#control,
.bosspaused>.dialog.bosscharacter{
opacity:0.2 !important;
}
#bosslist.hidden>.player{
transition:all 0s;
}
#bosslist>div:first-child,
#bosslist>div:last-child{
width:20px;
position:relative;
}
#window:not(.nopointer) #bosslist>.player{
cursor: pointer;
}
.dialog.bosscharacter .buttons .button.selectable{
cursor: pointer;
}
.dialog.bosscharacter .buttons .button:not(.selectable){
opacity: 0.6
}
.player.bossplayer.bossing{
position:absolute;
}
.player.bossing .avatar{
transition:all 0.5s;
}
.player.bossplayer.highlight{
transform:scale(1.1);
opacity:1;
}
#bosslist.removing>.player.bossplayer.highlight{
transition:all 0s;
opacity:0;
}
.player.bossplayer{
position:relative;
margin:10px;
left:0;
top:4px;
width:180px;
height:216px;
transition: all 0.3s;
opacity:0.6;
animation:game_start 0.5s;
-webkit-animation:game_start 0.5s;
}
.player.bossplayer>div:not(.hp):not(.identity):not(.avatar):not(.framebg){
display:none !important;
}
.player.bossplayer>.identity{
left:16px;
top:20px;
line-height:24px;
white-space:normal;
}
.player.bossplayer>.hp{
top:22px;
left:144px;
}
.player.bossplayer>.avatar{
width:160px;
height:196px;
}
#control.bosslist{
top:calc(100% - 50px) !important;
position:fixed;
}
.dialog.bosscharacter{
top:auto;
bottom:65px;
height:calc(100% - 383px);
animation: dialog_start2 0.5s;
-webkit-animation: dialog_start2 0.5s;
}
.bosschongzheng{
width:calc(100% - 20px);
white-space:nowrap;
position:relative;
}
.bosschongzheng div{
position:relative;
}
.bosschongzheng>div{
width:100%;
display:block;
margin-bottom:5px;
}
.bosschongzheng>div>div:first-child{
text-align:left;
width:30%;
}
.bosschongzheng>div>div:last-child{
text-align:right;
width:70%;
}
@media screen and (min-height: 800px) {
.dialog.bosscharacter{
height:417px;
bottom:calc(50% - 335px);
}
#control.bosslist{
top:calc(50% + 350px) !important;
}
#bosslist{
top:calc(40% - 260px);
}
}

688
layout/mode/chess.css
View File

@ -1,345 +1,345 @@
#arena.chess{
width:100% !important;
height:100% !important;
left:0 !important;
top:0 !important;
transition:all 0s !important;
}
#arena.chess>#me,
#arena.chess>#mebg,
#arena.chess>#autonode{
bottom:0;
top:auto;
border-radius:0;
}
#arena.chess>#autonode{
width: calc(100% - 240px);
left: 120px;
}
#me>.fakeme.avatar {
width: 120px;
height: 120px;
border-radius: 0px;
top: 0;
left: 0;
background-size: cover;
clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
}
#window:not(.nopointer) .dialog.fullheight .buttons .button.character:not(.squarebutton):not(.selectable){
cursor: default;
}
#window:not(.nopointer) .obstacle.glow,
#window:not(.nopointer) .player.playerblank.glow{
cursor: pointer;
}
#chess-container{
width:100%;
height :calc(100% - 121px);
left:0;
top:0;
overflow:hidden;
text-align:center;
position: absolute;
}
#chess{
margin-top:36px;
margin-bottom:36px;
position: absolute;
left: 0;
top: 0;
transition: all 0s;
}
#arena .card.thrown{
z-index:4;
}
#canvas2{
position: absolute;
z-index: 10;
pointer-events: none;
}
#handcards1{
height:120px;
padding:0;
top:calc(100% - 120px);
width:calc(100% - 240px);
left:120px;
}
#handcards2{
display:none;
}
#mebg,#me,#autonode{
height:120px;
}
#window:not(.nopointer) .dialog.pointerbutton .buttons .button:not(.unselectable){
cursor: pointer !important;
}
#system{
z-index:5;
}
#arena>.dialog{
width:400px;
height:240px;
left:calc(50% - 200px);
top:calc(50% - 120px);
background: rgba(0,0,0,0.2);
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
border-radius:8px;
}
#arena.chess>.dialog{
height: calc(50% - 20px);
max-height: 240px;
}
#window[data-radius_size='reduce']>.dialog{
border-radius:4px;
}
#window[data-radius_size='off']>.dialog{
border-radius:0px;
}
#window[data-radius_size='increase']>.dialog{
border-radius:16px;
}
#arena>.dialog.slim:not(.center){
top:40px;
pointer-events: none;
}
#control{
top:calc(100% - 155px);
}
#arena.ipad #control{
top:calc(100% - 165px);
}
.fakeme{
width:120px;
height:120px;
border-radius:0px !important;
top:0;
}
#window[data-radius_size='increase'] .fakeme,
#window[data-radius_size='reduce'] .fakeme{
border-radius:0px;
}
.fakeme.avatar{
left:0;
background-size:cover;
}
.fakeme.player{
left:calc(100% - 120px);
text-align:center;
transition: all 0s;
clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
}
.fakeme.player.zoomed{
width: 240px;
height: 240px;
left:calc(100% - 240px);
top:calc(100% - 240px);
background-size:200%;
}
.fakeme.player>div{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: scroll;
left: 0;
top: 0;
}
.fakeme.player.zoomed>div>div{
width: 90px;
height: 90px;
left: 0;
top: 16px;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 16px;
}
.fakeme.player>div>div{
width:45px;
height:45px;
background-size:cover;
border-radius:4px;
position:relative;
left:0;
top:8px;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 8px;
transition:box-shadow 0.5s;
}
#window:not(.nopointer) .fakeme.player>div>div{
cursor: pointer;
}
.fakeme.player>div>.selectable{
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 133, 255, 1) 0 0 5px, rgba(0, 133, 255, 1) 0 0 10px;
}
.fakeme.player>div>.selected{
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(255, 0, 0, 1) 0 0 5px, rgba(255, 0, 0, 1) 0 0 10px !important;
}
.fakeme.player>div>.dead{
filter:grayscale(1);
-webkit-filter:grayscale(1);
opacity:0.5;
}
.card.drawing{
animation: drawing2 1s;
animation-fill-mode: forwards;
-webkit-animation: drawing2 1s;
-webkit-animation-fill-mode: forwards;
}
.player.playergrid,.player.obstacle{
background: rgba(0,0,0,0.2);
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
border-radius:8px;
}
#window[data-radius_size='reduce'] .player.playergrid,
#window[data-radius_size='reduce'] .player.obstacle{
border-radius:4px;
}
#window[data-radius_size='off'] .player.playergrid,
#window[data-radius_size='off'] .player.obstacle{
border-radius:0px;
}
#window[data-radius_size='increase'] .player.playergrid,
#window[data-radius_size='increase'] .player.obstacle{
border-radius:16px;
}
.player.playerblank{
background: none;
}
#window .player.obstacle{
background: repeating-linear-gradient(
135deg,
rgba(0,0,0,0.2),
rgba(0,0,0,0.2) 10px,
rgba(0,0,0,0.1) 10px,
rgba(0,0,0,0.1) 20px
);
}
#window .player.obstacle[data-obscolor='blue']{
background: repeating-linear-gradient(
135deg,
rgba(0, 64, 162, 0.4),
rgba(0, 64, 162, 0.4) 10px,
rgba(0, 0, 0, 0) 10px,
rgba(0, 0, 0, 0) 20px
);
box-shadow: rgba(0, 64, 162, 0.6) 0 0 0 1px;
}
.playergrid.temp{
opacity:0.3;
}
.chessscroll{
height:calc(100% - 162px);
width:20px;
top:42px;
z-index:1;
position:fixed;
}
.chessscroll.left{
left:0;
}
.chessscroll.right{
right:0;
}
.button.forbidden{
opacity:0.6
}
#arena.leaderhide>*:not(canvas){
opacity:0 !important;
transition: all 0.5s !important;
pointer-events: none;
}
#arena.leadercontrol>#control{
transition: all 0.5s !important;
}
/* .player.treasure{ */
/*box-shadow: none;*/
/* } */
.player.treasure .count,
.player.treasure .identity{
display: none;
}
.player.treasure .avatar{
width: 120px;
height: 120px;
left: 0;
top: 0;
}
.player.minskin .action{
text-shadow: black 0 0 1px !important;
font-size: 16px !important;
left:0;
}
.player .action.thunder{
color: rgb(117,186,255);
}
#arena.selecting .player .action:not(.hidden){
opacity: 1 !important;
}
.button .intro.showintro.tafang{
font-family: 'xinwei';
font-size: 20px;
top: 66px;
right: 5px;
left:auto;
}
.button.newstyle .intro.showintro.tafang{
top: 6px;
}
.dialog .buttons>.button.character.squarebutton{
height:90px;
}
.dialog .buttons>.button.character.squarebutton>.hp.text{
/*left:22px;*/
right: 4px;
text-align: right;
bottom: 4px;
top: auto;
left: auto;
}
.dialog .buttons>.button.character.squarebutton>.name{
top:8px;
}
br.finish_game{
display: none;
}
#arena.chess.slim_player.lslim_player .player.minskin:not(.fakeme)>.avatar:not(.fakeme){
left: 5px;
top: 5px;
width: calc(100% - 10px);
height: calc(100% - 10px);
}
#arena.chess #chess>.player{
left: 14px;
top: 14px;
}
#window.rightbar #system,
#window.leftbar #system{
width: calc(100% - 62px);
}
#window.leftbar #system{
left: 50px;
}
#historybar {
border-radius: 0;
top: 0;
height: calc(100% - 121px);
}
#window.rightbar #historybar{
left: calc(100% - 50px);
}
#window.leftbar #historybar{
left: 0;
#arena.chess{
width:100% !important;
height:100% !important;
left:0 !important;
top:0 !important;
transition:all 0s !important;
}
#arena.chess>#me,
#arena.chess>#mebg,
#arena.chess>#autonode{
bottom:0;
top:auto;
border-radius:0;
}
#arena.chess>#autonode{
width: calc(100% - 240px);
left: 120px;
}
#me>.fakeme.avatar {
width: 120px;
height: 120px;
border-radius: 0px;
top: 0;
left: 0;
background-size: cover;
clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
}
#window:not(.nopointer) .dialog.fullheight .buttons .button.character:not(.squarebutton):not(.selectable){
cursor: default;
}
#window:not(.nopointer) .obstacle.glow,
#window:not(.nopointer) .player.playerblank.glow{
cursor: pointer;
}
#chess-container{
width:100%;
height :calc(100% - 121px);
left:0;
top:0;
overflow:hidden;
text-align:center;
position: absolute;
}
#chess{
margin-top:36px;
margin-bottom:36px;
position: absolute;
left: 0;
top: 0;
transition: all 0s;
}
#arena .card.thrown{
z-index:4;
}
#canvas2{
position: absolute;
z-index: 10;
pointer-events: none;
}
#handcards1{
height:120px;
padding:0;
top:calc(100% - 120px);
width:calc(100% - 240px);
left:120px;
}
#handcards2{
display:none;
}
#mebg,#me,#autonode{
height:120px;
}
#window:not(.nopointer) .dialog.pointerbutton .buttons .button:not(.unselectable){
cursor: pointer !important;
}
#system{
z-index:5;
}
#arena>.dialog{
width:400px;
height:240px;
left:calc(50% - 200px);
top:calc(50% - 120px);
background: rgba(0,0,0,0.2);
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
border-radius:8px;
}
#arena.chess>.dialog{
height: calc(50% - 20px);
max-height: 240px;
}
#window[data-radius_size='reduce']>.dialog{
border-radius:4px;
}
#window[data-radius_size='off']>.dialog{
border-radius:0px;
}
#window[data-radius_size='increase']>.dialog{
border-radius:16px;
}
#arena>.dialog.slim:not(.center){
top:40px;
pointer-events: none;
}
#control{
top:calc(100% - 155px);
}
#arena.ipad #control{
top:calc(100% - 165px);
}
.fakeme{
width:120px;
height:120px;
border-radius:0px !important;
top:0;
}
#window[data-radius_size='increase'] .fakeme,
#window[data-radius_size='reduce'] .fakeme{
border-radius:0px;
}
.fakeme.avatar{
left:0;
background-size:cover;
}
.fakeme.player{
left:calc(100% - 120px);
text-align:center;
transition: all 0s;
clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
}
.fakeme.player.zoomed{
width: 240px;
height: 240px;
left:calc(100% - 240px);
top:calc(100% - 240px);
background-size:200%;
}
.fakeme.player>div{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: scroll;
left: 0;
top: 0;
}
.fakeme.player.zoomed>div>div{
width: 90px;
height: 90px;
left: 0;
top: 16px;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 16px;
}
.fakeme.player>div>div{
width:45px;
height:45px;
background-size:cover;
border-radius:4px;
position:relative;
left:0;
top:8px;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 8px;
transition:box-shadow 0.5s;
}
#window:not(.nopointer) .fakeme.player>div>div{
cursor: pointer;
}
.fakeme.player>div>.selectable{
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 133, 255, 1) 0 0 5px, rgba(0, 133, 255, 1) 0 0 10px;
}
.fakeme.player>div>.selected{
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(255, 0, 0, 1) 0 0 5px, rgba(255, 0, 0, 1) 0 0 10px !important;
}
.fakeme.player>div>.dead{
filter:grayscale(1);
-webkit-filter:grayscale(1);
opacity:0.5;
}
.card.drawing{
animation: drawing2 1s;
animation-fill-mode: forwards;
-webkit-animation: drawing2 1s;
-webkit-animation-fill-mode: forwards;
}
.player.playergrid,.player.obstacle{
background: rgba(0,0,0,0.2);
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
border-radius:8px;
}
#window[data-radius_size='reduce'] .player.playergrid,
#window[data-radius_size='reduce'] .player.obstacle{
border-radius:4px;
}
#window[data-radius_size='off'] .player.playergrid,
#window[data-radius_size='off'] .player.obstacle{
border-radius:0px;
}
#window[data-radius_size='increase'] .player.playergrid,
#window[data-radius_size='increase'] .player.obstacle{
border-radius:16px;
}
.player.playerblank{
background: none;
}
#window .player.obstacle{
background: repeating-linear-gradient(
135deg,
rgba(0,0,0,0.2),
rgba(0,0,0,0.2) 10px,
rgba(0,0,0,0.1) 10px,
rgba(0,0,0,0.1) 20px
);
}
#window .player.obstacle[data-obscolor='blue']{
background: repeating-linear-gradient(
135deg,
rgba(0, 64, 162, 0.4),
rgba(0, 64, 162, 0.4) 10px,
rgba(0, 0, 0, 0) 10px,
rgba(0, 0, 0, 0) 20px
);
box-shadow: rgba(0, 64, 162, 0.6) 0 0 0 1px;
}
.playergrid.temp{
opacity:0.3;
}
.chessscroll{
height:calc(100% - 162px);
width:20px;
top:42px;
z-index:1;
position:fixed;
}
.chessscroll.left{
left:0;
}
.chessscroll.right{
right:0;
}
.button.forbidden{
opacity:0.6
}
#arena.leaderhide>*:not(canvas){
opacity:0 !important;
transition: all 0.5s !important;
pointer-events: none;
}
#arena.leadercontrol>#control{
transition: all 0.5s !important;
}
/* .player.treasure{ */
/*box-shadow: none;*/
/* } */
.player.treasure .count,
.player.treasure .identity{
display: none;
}
.player.treasure .avatar{
width: 120px;
height: 120px;
left: 0;
top: 0;
}
.player.minskin .action{
text-shadow: black 0 0 1px !important;
font-size: 16px !important;
left:0;
}
.player .action.thunder{
color: rgb(117,186,255);
}
#arena.selecting .player .action:not(.hidden){
opacity: 1 !important;
}
.button .intro.showintro.tafang{
font-family: 'xinwei';
font-size: 20px;
top: 66px;
right: 5px;
left:auto;
}
.button.newstyle .intro.showintro.tafang{
top: 6px;
}
.dialog .buttons>.button.character.squarebutton{
height:90px;
}
.dialog .buttons>.button.character.squarebutton>.hp.text{
/*left:22px;*/
right: 4px;
text-align: right;
bottom: 4px;
top: auto;
left: auto;
}
.dialog .buttons>.button.character.squarebutton>.name{
top:8px;
}
br.finish_game{
display: none;
}
#arena.chess.slim_player.lslim_player .player.minskin:not(.fakeme)>.avatar:not(.fakeme){
left: 5px;
top: 5px;
width: calc(100% - 10px);
height: calc(100% - 10px);
}
#arena.chess #chess>.player{
left: 14px;
top: 14px;
}
#window.rightbar #system,
#window.leftbar #system{
width: calc(100% - 62px);
}
#window.leftbar #system{
left: 50px;
}
#historybar {
border-radius: 0;
top: 0;
height: calc(100% - 121px);
}
#window.rightbar #historybar{
left: calc(100% - 50px);
}
#window.leftbar #historybar{
left: 0;
}

696
layout/mode/stone.css
View File

@ -1,348 +1,348 @@
#arena.stone>.player.minskin[data-position='4']{top:calc(100% - 305px);left:calc(100% - 120px);}
#arena.stone>.card[data-position='4']{top:calc(100% - 297px);left:calc(100% - 112px);}
#arena.stone>.popup[data-position='4']{top:calc(100% - 340px);left:calc(100% - 112px);}
#arena.stone>.player.minskin[data-position='6']{top:calc(100% - 305px);left:calc(100% - 260px);}
#arena.stone>.card[data-position='6']{top:calc(100% - 297px);left:calc(100% - 252px);}
#arena.stone>.popup[data-position='6']{top:calc(100% - 340px);left:calc(100% - 252px);}
#arena.stone>.player.minskin[data-position='7']{top:calc(100% - 305px);left:140px;}
#arena.stone>.card[data-position='7']{top:calc(100% - 297px);left:148px;}
#arena.stone>.popup[data-position='7']{top:calc(100% - 340px);left:148px;}
#arena.stone>.player.minskin[data-position='5']{top:calc(100% - 305px);left:0;}
#arena.stone>.card[data-position='5']{top:calc(100% - 297px);left:8px;}
#arena.stone>.popup[data-position='5']{top:calc(100% - 340px);left:8px;}
#arena.stone>.player.minskin[data-position='9']{top:30px;left:calc(100% - 120px);}
#arena.stone>.card[data-position='9']{top:38px;left:calc(100% - 112px);}
#arena.stone>.popup[data-position='9']{top:160px;left:calc(100% - 112px);}
#arena.stone>.player.minskin[data-position='11']{top:10px;left:calc(100% - 260px);}
#arena.stone>.card[data-position='11']{top:18px;left:calc(100% - 252px);}
#arena.stone>.popup[data-position='11']{top:140px;left:calc(100% - 252px);}
#arena.stone>.player.minskin[data-position='10']{top:10px;left:140px;}
#arena.stone>.card[data-position='10']{top:18px;left:148px;}
#arena.stone>.popup[data-position='10']{top:140px;left:148px;}
#arena.stone>.player.minskin[data-position='8']{top:30px;left:0;}
#arena.stone>.card[data-position='8']{top:38px;left:8px;}
#arena.stone>.popup[data-position='8']{top:160px;left:8px;}
#arena:not(.chess).mobile>.player[data-position='0']>.name{
top:30px;
}
#arena .player>.name{
top:36px;
}
#arena.slim_player .player>.name{
top:33px;
}
#arena .player.linked>.name{
transform: rotate(90deg) translate(120px,-96px);
}
#arena .player.linked>.name.name2{
transform: rotate(90deg) translate(98px,-31px);
}
#arena.oldlayout .player.linked>.name{
transform: none !important;
}
#arena.oldlayout .player.linked>.name.name2{
transform: none !important;
}
.player.minskin .judges{
top:14px;
}
.player>.identity.menubutton.round{
padding: 0;
transform: scale(1.2) translate(-2px,2px);
}
.card .wunature{
top:74px;
left:6px;
right: auto;
}
/* .player .equips{ */
/*z-index: 4;*/
/* } */
#arena:not(.chess).mobile .player[data-position='0']:not(.minskin)>.identity{
left: 102px;
top: -7px;
}
#deck-builder{
overflow: hidden;
}
#deck-builder>.shadowed.list{
width: 200px;
height: 100%;
right: 0;
top:0;
border-radius: 0px;
transform: translateX(200px);
opacity: 0;
}
#deck-builder.shown>.shadowed.list{
transform: none;
opacity: 1;
}
#deck-builder>.shadowed.list>.menubutton.large.create{
position: absolute;
bottom: 10px;
left: auto;
right: 10px;
margin: 0;
padding: 0;
width: 180px;
height: 50px;
font-size: 36px;
line-height: 50px;
z-index: 2;
}
#deck-builder>.shadowed.list>.list-container{
width:100%;
left:0;
height: calc(100% - 60px);
overflow-y: scroll;
overflow-x: visible;
text-align: left;
}
#deck-builder>.shadowed.list>.list-container:not(.deck){
z-index: 1;
}
#deck-builder>.shadowed.list>.list-container.deck{
pointer-events: none;
opacity: 0;
}
#deck-builder>.shadowed.list>.list-container.deck.shown{
pointer-events: auto;
opacity: 1;
}
#deck-builder>.shadowed.list>.list-container.deck>.card{
zoom:0.8;
margin-bottom: 15px;
margin-top: 0;
transition: all 0s;
}
#deck-builder>.shadowed.list>.list-container.deck>.card:nth-child(2n+1){
margin-left: 15px;
}
#deck-builder>.shadowed.list>.list-container.deck>.card:nth-child(2n){
margin-left: 7px;
}
#deck-builder>.shadowed.list>.list-container.deck>.card:first-child,
#deck-builder>.shadowed.list>.list-container.deck>.card:first-child+div{
margin-top: 15px;
}
.deckitem{
position: relative;
width: 170px;
margin-left: 15px;
margin-right: 0;
padding-left: 0;
padding-right: 0;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 15px;
margin-bottom: 0px;
text-align: left;
font-size:24px;
line-height:30px;
font-family:'xinwei';
border-radius: 40px 4px 4px 40px;
background-size: cover;
white-space: nowrap;
transition: all 0s;
}
#window:not(.nopointer) .deckitem,
#window:not(.nopointer) #deck-builder>.shadowed.list>.menubutton.large.create,
#window:not(.nopointer) #deck-builder>.controls>div:not(*:last-child){
cursor: pointer;
}
.dialog .deckitem{
margin-left: 8px;
margin-right: 9px;
}
.deckitem.random{
border-radius: 4px;
text-align: center;
}
.deckitem.random>span{
margin-left: 0;
}
.deckitem:last-child{
margin-bottom: 15px;
}
.deckitem>span{
margin-left: 46px;
}
.deckitem>.menubutton.round{
position: absolute;
left: -1px;
top: -2px;
width: 34px;
height: 34px;
}
#deck-builder>.shadowed.career{
width: 240px;
height: 240px;
right: 220px;
bottom: 20px;
opacity: 0;
transform: scale(0) translateX(300px);
transform-origin: right bottom;
transition-duration: 0.3s;
z-index: 8;
}
#deck-builder>.shadowed.career.shown{
transform: scale(1) translateX(0);
opacity: 1;
}
#deck-builder>.shadowed.career>div{
width: 80px;
height: 80px;
margin: 0;
padding: 0;
position: relative;
display: inline-block;
}
#deck-builder>.shadowed.career>div>.menubutton.round{
left: 15px;
top: 5px;
}
#deck-builder>.shadowed.career>div>.text{
font-size: 12px;
width: 100%;
text-align: center;
top: 58px;
}
#deck-builder>.dialog.fixed{
left: auto;
right: 240px;
width: calc(100% - 280px);
/*opacity: 0;*/
animation: none;
-webkit-animation:none;
/*transform: scale(0.8);*/
/*pointer-events: none;*/
/*-webkit-animation:dialog_start2 0.5s;*/
transition: all 0.5s;
}
#deck-builder:not(.shown)>.dialog.fixed{
opacity: 0;
transform: scale(0.8);
pointer-events: none;
}
#deck-builder>.dialog.fixed.shown{
opacity: 1;
transform: scale(1);
pointer-events: auto;
}
#deck-builder>.controls{
opacity: 0;
height: 50px;
width: calc(100% - 200px);
bottom: 10px;
left: 0;
text-align: right;
z-index: 9;
pointer-events: none;
}
#deck-builder>.controls>div{
position: relative;
margin-top:5px;
margin-left: 5px;
margin-right: 5px;
}
#deck-builder>.controls>.card-count{
position: absolute;
width: 100px;
height: 100%;
left: calc(50% - 50px);
text-align: center;
font-family: 'xinwei';
font-size: 24px;
line-height: 50px;
margin: 0;
}
#deck-builder>.controls>div:last-child{
margin-right: 40px;
white-space: nowrap;
-webkit-user-select: text;
}
#deck-builder>.controls.shown{
opacity: 1;
pointer-events: auto;
}
#arena>.player.stone_deck{
transform: scale(1) translateX(100px);
opacity: 0;
transition: all 0.5s;
left: calc(5% + 50px);
top:calc(50% - 90px);
}
#arena>.player.stone_deck.shown{
transform: scale(0.8);
opacity: 1;
}
#arena>.player.stone_deck.shown.removing{
transform: scale(0.6) translateX(-100px);
}
#arena>.player.stone_deck>div:not(.avatar):not(.avatar2){
display: none !important;
}
/*#arena>.skillbar>.skillbartext:hover{
opacity: 1;
}*/
@keyframes skillbarglow{
0%{box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px}
50%{box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px,rgba(255, 0, 0, 0.4) 0 0 5px,
rgba(255, 0, 0, 0.4) 0 0 12px, rgba(255, 0, 0, 1) 0 0 30px, rgba(255, 0, 0, 0.2) 0 0 30px}
100%{box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px}
}
@-webkit-keyframes skillbarglow{
0%{box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px}
50%{box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px,rgba(255, 0, 0, 0.4) 0 0 5px,
rgba(255, 0, 0, 0.4) 0 0 12px, rgba(255, 0, 0, 1) 0 0 30px, rgba(255, 0, 0, 0.2) 0 0 30px}
100%{box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px}
}
div[data-career='mage']{
background-image: url('../../../image/mode/stone/career/mage.png');
background-size:cover;
}
div[data-career='druid']{
background-image: url('../../../image/mode/stone/career/druid.png');
background-size:cover;
}
div[data-career='hunter']{
background-image: url('../../../image/mode/stone/career/hunter.png');
background-size:cover;
}
div[data-career='shaman']{
background-image: url('../../../image/mode/stone/career/shaman.png');
background-size:cover;
}
div[data-career='paladin']{
background-image: url('../../../image/mode/stone/career/paladin.png');
background-size:cover;
}
div[data-career='rogue']{
background-image: url('../../../image/mode/stone/career/rogue.png');
background-size:cover;
}
div[data-career='priest']{
background-image: url('../../../image/mode/stone/career/priest.png');
background-size:cover;
}
div[data-career='warrior']{
background-image: url('../../../image/mode/stone/career/warrior.png');
background-size:cover;
}
div[data-career='warlock']{
background-image: url('../../../image/mode/stone/career/warlock.png');
background-size:cover;
}
div[data-career='knight']{
background-image: url('../../../image/mode/stone/career/knight.png');
background-size:cover;
}
#arena.stone>.player.minskin[data-position='4']{top:calc(100% - 305px);left:calc(100% - 120px);}
#arena.stone>.card[data-position='4']{top:calc(100% - 297px);left:calc(100% - 112px);}
#arena.stone>.popup[data-position='4']{top:calc(100% - 340px);left:calc(100% - 112px);}
#arena.stone>.player.minskin[data-position='6']{top:calc(100% - 305px);left:calc(100% - 260px);}
#arena.stone>.card[data-position='6']{top:calc(100% - 297px);left:calc(100% - 252px);}
#arena.stone>.popup[data-position='6']{top:calc(100% - 340px);left:calc(100% - 252px);}
#arena.stone>.player.minskin[data-position='7']{top:calc(100% - 305px);left:140px;}
#arena.stone>.card[data-position='7']{top:calc(100% - 297px);left:148px;}
#arena.stone>.popup[data-position='7']{top:calc(100% - 340px);left:148px;}
#arena.stone>.player.minskin[data-position='5']{top:calc(100% - 305px);left:0;}
#arena.stone>.card[data-position='5']{top:calc(100% - 297px);left:8px;}
#arena.stone>.popup[data-position='5']{top:calc(100% - 340px);left:8px;}
#arena.stone>.player.minskin[data-position='9']{top:30px;left:calc(100% - 120px);}
#arena.stone>.card[data-position='9']{top:38px;left:calc(100% - 112px);}
#arena.stone>.popup[data-position='9']{top:160px;left:calc(100% - 112px);}
#arena.stone>.player.minskin[data-position='11']{top:10px;left:calc(100% - 260px);}
#arena.stone>.card[data-position='11']{top:18px;left:calc(100% - 252px);}
#arena.stone>.popup[data-position='11']{top:140px;left:calc(100% - 252px);}
#arena.stone>.player.minskin[data-position='10']{top:10px;left:140px;}
#arena.stone>.card[data-position='10']{top:18px;left:148px;}
#arena.stone>.popup[data-position='10']{top:140px;left:148px;}
#arena.stone>.player.minskin[data-position='8']{top:30px;left:0;}
#arena.stone>.card[data-position='8']{top:38px;left:8px;}
#arena.stone>.popup[data-position='8']{top:160px;left:8px;}
#arena:not(.chess).mobile>.player[data-position='0']>.name{
top:30px;
}
#arena .player>.name{
top:36px;
}
#arena.slim_player .player>.name{
top:33px;
}
#arena .player.linked>.name{
transform: rotate(90deg) translate(120px,-96px);
}
#arena .player.linked>.name.name2{
transform: rotate(90deg) translate(98px,-31px);
}
#arena.oldlayout .player.linked>.name{
transform: none !important;
}
#arena.oldlayout .player.linked>.name.name2{
transform: none !important;
}
.player.minskin .judges{
top:14px;
}
.player>.identity.menubutton.round{
padding: 0;
transform: scale(1.2) translate(-2px,2px);
}
.card .wunature{
top:74px;
left:6px;
right: auto;
}
/* .player .equips{ */
/*z-index: 4;*/
/* } */
#arena:not(.chess).mobile .player[data-position='0']:not(.minskin)>.identity{
left: 102px;
top: -7px;
}
#deck-builder{
overflow: hidden;
}
#deck-builder>.shadowed.list{
width: 200px;
height: 100%;
right: 0;
top:0;
border-radius: 0px;
transform: translateX(200px);
opacity: 0;
}
#deck-builder.shown>.shadowed.list{
transform: none;
opacity: 1;
}
#deck-builder>.shadowed.list>.menubutton.large.create{
position: absolute;
bottom: 10px;
left: auto;
right: 10px;
margin: 0;
padding: 0;
width: 180px;
height: 50px;
font-size: 36px;
line-height: 50px;
z-index: 2;
}
#deck-builder>.shadowed.list>.list-container{
width:100%;
left:0;
height: calc(100% - 60px);
overflow-y: scroll;
overflow-x: visible;
text-align: left;
}
#deck-builder>.shadowed.list>.list-container:not(.deck){
z-index: 1;
}
#deck-builder>.shadowed.list>.list-container.deck{
pointer-events: none;
opacity: 0;
}
#deck-builder>.shadowed.list>.list-container.deck.shown{
pointer-events: auto;
opacity: 1;
}
#deck-builder>.shadowed.list>.list-container.deck>.card{
zoom:0.8;
margin-bottom: 15px;
margin-top: 0;
transition: all 0s;
}
#deck-builder>.shadowed.list>.list-container.deck>.card:nth-child(2n+1){
margin-left: 15px;
}
#deck-builder>.shadowed.list>.list-container.deck>.card:nth-child(2n){
margin-left: 7px;
}
#deck-builder>.shadowed.list>.list-container.deck>.card:first-child,
#deck-builder>.shadowed.list>.list-container.deck>.card:first-child+div{
margin-top: 15px;
}
.deckitem{
position: relative;
width: 170px;
margin-left: 15px;
margin-right: 0;
padding-left: 0;
padding-right: 0;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 15px;
margin-bottom: 0px;
text-align: left;
font-size:24px;
line-height:30px;
font-family:'xinwei';
border-radius: 40px 4px 4px 40px;
background-size: cover;
white-space: nowrap;
transition: all 0s;
}
#window:not(.nopointer) .deckitem,
#window:not(.nopointer) #deck-builder>.shadowed.list>.menubutton.large.create,
#window:not(.nopointer) #deck-builder>.controls>div:not(*:last-child){
cursor: pointer;
}
.dialog .deckitem{
margin-left: 8px;
margin-right: 9px;
}
.deckitem.random{
border-radius: 4px;
text-align: center;
}
.deckitem.random>span{
margin-left: 0;
}
.deckitem:last-child{
margin-bottom: 15px;
}
.deckitem>span{
margin-left: 46px;
}
.deckitem>.menubutton.round{
position: absolute;
left: -1px;
top: -2px;
width: 34px;
height: 34px;
}
#deck-builder>.shadowed.career{
width: 240px;
height: 240px;
right: 220px;
bottom: 20px;
opacity: 0;
transform: scale(0) translateX(300px);
transform-origin: right bottom;
transition-duration: 0.3s;
z-index: 8;
}
#deck-builder>.shadowed.career.shown{
transform: scale(1) translateX(0);
opacity: 1;
}
#deck-builder>.shadowed.career>div{
width: 80px;
height: 80px;
margin: 0;
padding: 0;
position: relative;
display: inline-block;
}
#deck-builder>.shadowed.career>div>.menubutton.round{
left: 15px;
top: 5px;
}
#deck-builder>.shadowed.career>div>.text{
font-size: 12px;
width: 100%;
text-align: center;
top: 58px;
}
#deck-builder>.dialog.fixed{
left: auto;
right: 240px;
width: calc(100% - 280px);
/*opacity: 0;*/
animation: none;
-webkit-animation:none;
/*transform: scale(0.8);*/
/*pointer-events: none;*/
/*-webkit-animation:dialog_start2 0.5s;*/
transition: all 0.5s;
}
#deck-builder:not(.shown)>.dialog.fixed{
opacity: 0;
transform: scale(0.8);
pointer-events: none;
}
#deck-builder>.dialog.fixed.shown{
opacity: 1;
transform: scale(1);
pointer-events: auto;
}
#deck-builder>.controls{
opacity: 0;
height: 50px;
width: calc(100% - 200px);
bottom: 10px;
left: 0;
text-align: right;
z-index: 9;
pointer-events: none;
}
#deck-builder>.controls>div{
position: relative;
margin-top:5px;
margin-left: 5px;
margin-right: 5px;
}
#deck-builder>.controls>.card-count{
position: absolute;
width: 100px;
height: 100%;
left: calc(50% - 50px);
text-align: center;
font-family: 'xinwei';
font-size: 24px;
line-height: 50px;
margin: 0;
}
#deck-builder>.controls>div:last-child{
margin-right: 40px;
white-space: nowrap;
-webkit-user-select: text;
}
#deck-builder>.controls.shown{
opacity: 1;
pointer-events: auto;
}
#arena>.player.stone_deck{
transform: scale(1) translateX(100px);
opacity: 0;
transition: all 0.5s;
left: calc(5% + 50px);
top:calc(50% - 90px);
}
#arena>.player.stone_deck.shown{
transform: scale(0.8);
opacity: 1;
}
#arena>.player.stone_deck.shown.removing{
transform: scale(0.6) translateX(-100px);
}
#arena>.player.stone_deck>div:not(.avatar):not(.avatar2){
display: none !important;
}
/*#arena>.skillbar>.skillbartext:hover{
opacity: 1;
}*/
@keyframes skillbarglow{
0%{box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px}
50%{box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px,rgba(255, 0, 0, 0.4) 0 0 5px,
rgba(255, 0, 0, 0.4) 0 0 12px, rgba(255, 0, 0, 1) 0 0 30px, rgba(255, 0, 0, 0.2) 0 0 30px}
100%{box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px}
}
@-webkit-keyframes skillbarglow{
0%{box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px}
50%{box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px,rgba(255, 0, 0, 0.4) 0 0 5px,
rgba(255, 0, 0, 0.4) 0 0 12px, rgba(255, 0, 0, 1) 0 0 30px, rgba(255, 0, 0, 0.2) 0 0 30px}
100%{box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px}
}
div[data-career='mage']{
background-image: url('../../../image/mode/stone/career/mage.png');
background-size:cover;
}
div[data-career='druid']{
background-image: url('../../../image/mode/stone/career/druid.png');
background-size:cover;
}
div[data-career='hunter']{
background-image: url('../../../image/mode/stone/career/hunter.png');
background-size:cover;
}
div[data-career='shaman']{
background-image: url('../../../image/mode/stone/career/shaman.png');
background-size:cover;
}
div[data-career='paladin']{
background-image: url('../../../image/mode/stone/career/paladin.png');
background-size:cover;
}
div[data-career='rogue']{
background-image: url('../../../image/mode/stone/career/rogue.png');
background-size:cover;
}
div[data-career='priest']{
background-image: url('../../../image/mode/stone/career/priest.png');
background-size:cover;
}
div[data-career='warrior']{
background-image: url('../../../image/mode/stone/career/warrior.png');
background-size:cover;
}
div[data-career='warlock']{
background-image: url('../../../image/mode/stone/career/warlock.png');
background-size:cover;
}
div[data-career='knight']{
background-image: url('../../../image/mode/stone/career/knight.png');
background-size:cover;
}

458
layout/mode/story.css
View File

@ -1,229 +1,229 @@
.storyscene{
height: 500px;
top:calc(50% - 250px);
width: 100%;
position: absolute;
left: 0;
overflow-x: scroll;
overflow-y: hidden;
text-align: center;
white-space: nowrap;
}
.storyscene.removing{
pointer-events: none;
transform: translateY(500px);
}
.storyscene.lockscroll{
overflow-x: hidden;
}
.storyscene>.scene{
width: 350px;
height: 420px;
position: relative;
left: 0;
top:40px;
margin-left: -40px;
margin-right: -40px;
z-index: 1;
border-radius: 16px !important;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
}
.storyscene>.scene>.background.player{
border-radius: 0 !important;
box-shadow: none !important;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
}
.storyscene>.scene.unselectable{
opacity: 1 !important;
box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.225) 0 3px 10px;
}
.storyscene>.scene.unselectable>.background{
opacity: 0.3;
}
.storyscene>.scene.unselectable>.name{
opacity: 0.6;
}
.storyscene>.scene.unselectable>div:not(.mask).background{
/*opacity: 0.25;*/
}
.storyscene>.scene>.mask{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 3;
}
.storyscene>.scene>.mask>div{
width: 100%;
height: 240px;
top:calc(50% - 120px);
position: absolute;
left: 0;
text-align: center;
font-size: 80px;
line-height: 80px;
font-family: 'xinwei';
opacity: 0.8;
}
.storyscene>.scene:not(.unselectable)>.mask{
display: none;
}.storyscene>.scene.unselectable>.name{
/*display: none;*/
}
.storyscene>.scene.flipped{
z-index: 2;
border-radius: 12px !important;
}
.storyscene>.scene.flipped>div:not(.menu){
display: none !important;
}
.storyscene>.scene:not(.flipped)>.menu{
display: none;
}
.storyscene>.scene:first-child{
margin-left: 50px;
}
.storyscene>.scene:last-child{
margin-right: 50px;
}
.storyscene>.scene>.name{
font-size: 48px;
left: 25px;
top: auto;
bottom: 28px;
/*transform: rotateY(-180deg);*/
border-radius: 16px !important;
z-index: 2;
font-family: 'xinwei'
}
.storyscene>.scene>.menu{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
box-shadow: none;
overflow: scroll;
}
.storyscene>.scene>.background>.avatar{
width: calc(100% - 26px);
height: calc(100% - 26px);
left: 13px;
top: 13px;
z-index: 2;
}
.storyscene>.scene>.menu{
transform: rotateY(-180deg);
}
.storyscene>.scene.startscene{
-webkit-animation: scene_start 0.5s;
}
.scene>.menu>.menubutton.enter{
position: absolute;
top:auto;
bottom: 10px;
width: 70px;
left: calc(50% - 35px);
}
.scene>.menu>.conversation{
display: table;
position: absolute;
left: 16px;
top: 0;
width: calc(100% - 32px);
height: 100%;
font-size: 24px;
font-family: 'xinwei';
white-space: normal;
text-align: left;
}
.scene>.menu>.conversation.center{
text-align: center;
font-size: 30px;
}
.scene>.menu>.avatarconversation{
position: relative;
display: block;
width: 100%;
height: 100px;
left: 0;
margin-top: 10px;
}
.scene>.menu>.avatarconversation:last-child{
margin-bottom: 10px;
}
.scene>.menu>.avatarconversation>div{
height: 100%;
top:0;
}
.scene>.menu>.avatarconversation>.avatar{
width: 100px;
height: 100px;
left: 10px;
background-size: cover;
}
.scene>.menu>.avatarconversation.swap>.avatar{
left: auto;
right: 10px;
}
.scene>.menu>.avatarconversation>div:not(.avatar){
width: calc(100% - 120px);
left: 120px;
top: 5px;
height: calc(100% - 5px);
text-align: left;
white-space: normal;
line-height: 18px;
}
.scene>.menu>.avatarconversation.swap>div:not(.avatar){
left: auto;
right: 120px;
text-align: right;
}
.scene>.menu>.conversation>div{
display: table-cell;
vertical-align: middle;
position: relative;
}
#create-player{
width: 400px;
height: 300px;
left: calc(50% - 200px);
top: calc(50% - 150px);
position: absolute;
-webkit-animation:dialog_start2 0.5s;
}
#create-player>div{
position: absolute;
}
#create-player>.caption{
width: 100%;
height: 24px;
line-height: 24px;
left: 0;
top: 0;
font-family: 'xinwei';
font-size: 24px;
text-align: center;
}
@-webkit-keyframes scene_start{
from{
opacity: 0;
transform:scale(0.5);
margin-left: -175px;
margin-right: -175px;
}
to{
opacity: 1;
transform: scale(1);
margin-left: 16px;
margin-right: 16px;
}
}
.storyscene{
height: 500px;
top:calc(50% - 250px);
width: 100%;
position: absolute;
left: 0;
overflow-x: scroll;
overflow-y: hidden;
text-align: center;
white-space: nowrap;
}
.storyscene.removing{
pointer-events: none;
transform: translateY(500px);
}
.storyscene.lockscroll{
overflow-x: hidden;
}
.storyscene>.scene{
width: 350px;
height: 420px;
position: relative;
left: 0;
top:40px;
margin-left: -40px;
margin-right: -40px;
z-index: 1;
border-radius: 16px !important;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
}
.storyscene>.scene>.background.player{
border-radius: 0 !important;
box-shadow: none !important;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
}
.storyscene>.scene.unselectable{
opacity: 1 !important;
box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.225) 0 3px 10px;
}
.storyscene>.scene.unselectable>.background{
opacity: 0.3;
}
.storyscene>.scene.unselectable>.name{
opacity: 0.6;
}
.storyscene>.scene.unselectable>div:not(.mask).background{
/*opacity: 0.25;*/
}
.storyscene>.scene>.mask{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 3;
}
.storyscene>.scene>.mask>div{
width: 100%;
height: 240px;
top:calc(50% - 120px);
position: absolute;
left: 0;
text-align: center;
font-size: 80px;
line-height: 80px;
font-family: 'xinwei';
opacity: 0.8;
}
.storyscene>.scene:not(.unselectable)>.mask{
display: none;
}.storyscene>.scene.unselectable>.name{
/*display: none;*/
}
.storyscene>.scene.flipped{
z-index: 2;
border-radius: 12px !important;
}
.storyscene>.scene.flipped>div:not(.menu){
display: none !important;
}
.storyscene>.scene:not(.flipped)>.menu{
display: none;
}
.storyscene>.scene:first-child{
margin-left: 50px;
}
.storyscene>.scene:last-child{
margin-right: 50px;
}
.storyscene>.scene>.name{
font-size: 48px;
left: 25px;
top: auto;
bottom: 28px;
/*transform: rotateY(-180deg);*/
border-radius: 16px !important;
z-index: 2;
font-family: 'xinwei'
}
.storyscene>.scene>.menu{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
box-shadow: none;
overflow: scroll;
}
.storyscene>.scene>.background>.avatar{
width: calc(100% - 26px);
height: calc(100% - 26px);
left: 13px;
top: 13px;
z-index: 2;
}
.storyscene>.scene>.menu{
transform: rotateY(-180deg);
}
.storyscene>.scene.startscene{
-webkit-animation: scene_start 0.5s;
}
.scene>.menu>.menubutton.enter{
position: absolute;
top:auto;
bottom: 10px;
width: 70px;
left: calc(50% - 35px);
}
.scene>.menu>.conversation{
display: table;
position: absolute;
left: 16px;
top: 0;
width: calc(100% - 32px);
height: 100%;
font-size: 24px;
font-family: 'xinwei';
white-space: normal;
text-align: left;
}
.scene>.menu>.conversation.center{
text-align: center;
font-size: 30px;
}
.scene>.menu>.avatarconversation{
position: relative;
display: block;
width: 100%;
height: 100px;
left: 0;
margin-top: 10px;
}
.scene>.menu>.avatarconversation:last-child{
margin-bottom: 10px;
}
.scene>.menu>.avatarconversation>div{
height: 100%;
top:0;
}
.scene>.menu>.avatarconversation>.avatar{
width: 100px;
height: 100px;
left: 10px;
background-size: cover;
}
.scene>.menu>.avatarconversation.swap>.avatar{
left: auto;
right: 10px;
}
.scene>.menu>.avatarconversation>div:not(.avatar){
width: calc(100% - 120px);
left: 120px;
top: 5px;
height: calc(100% - 5px);
text-align: left;
white-space: normal;
line-height: 18px;
}
.scene>.menu>.avatarconversation.swap>div:not(.avatar){
left: auto;
right: 120px;
text-align: right;
}
.scene>.menu>.conversation>div{
display: table-cell;
vertical-align: middle;
position: relative;
}
#create-player{
width: 400px;
height: 300px;
left: calc(50% - 200px);
top: calc(50% - 150px);
position: absolute;
-webkit-animation:dialog_start2 0.5s;
}
#create-player>div{
position: absolute;
}
#create-player>.caption{
width: 100%;
height: 24px;
line-height: 24px;
left: 0;
top: 0;
font-family: 'xinwei';
font-size: 24px;
text-align: center;
}
@-webkit-keyframes scene_start{
from{
opacity: 0;
transform:scale(0.5);
margin-left: -175px;
margin-right: -175px;
}
to{
opacity: 1;
transform: scale(1);
margin-left: 16px;
margin-right: 16px;
}
}

494
layout/mode/tafang.css
View File

@ -1,247 +1,247 @@
.storyscene{
height: 500px;
top:calc(50% - 250px);
width: 100%;
position: absolute;
left: 0;
overflow-x: scroll;
overflow-y: hidden;
text-align: center;
white-space: nowrap;
}
.storyscene.removing{
pointer-events: none;
transform: translateY(500px);
}
.storyscene.lockscroll{
overflow-x: hidden;
}
.storyscene>.scene{
width: 350px;
height: 420px;
position: relative;
left: 0;
top:40px;
margin-left: -40px;
margin-right: -40px;
z-index: 1;
border-radius: 16px !important;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
}
.storyscene>.scene>.background.player{
border-radius: 0 !important;
box-shadow: none !important;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
}
.storyscene>.scene.unselectable{
opacity: 1 !important;
box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.225) 0 3px 10px;
}
.storyscene>.scene.unselectable>.background{
opacity: 0.3;
}
.storyscene>.scene.unselectable>.name{
opacity: 0.6;
}
/* .storyscene>.scene.unselectable>div:not(.mask).background{ */
/*opacity: 0.25;*/
/* } */
.storyscene>.scene>.mask{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 3;
}
.storyscene>.scene>.mask>div{
width: 100%;
height: 240px;
top:calc(50% - 120px);
position: absolute;
left: 0;
text-align: center;
font-size: 80px;
line-height: 80px;
font-family: 'xinwei';
opacity: 0.8;
}
.storyscene>.scene:not(.unselectable)>.mask{
display: none;
}
/* .storyscene>.scene.unselectable>.name{ */
/*display: none;*/
/* } */
.storyscene>.scene.flipped{
z-index: 2;
border-radius: 12px !important;
}
.storyscene>.scene.flipped>div:not(.menu){
display: none !important;
}
.storyscene>.scene:not(.flipped)>.menu{
display: none;
}
.storyscene>.scene:first-child{
margin-left: 50px;
}
.storyscene>.scene:last-child{
margin-right: 50px;
}
.storyscene>.scene>.name{
font-size: 48px;
left: 25px;
/*top: auto;*/
top: 28px;
/*transform: rotateY(-180deg);*/
border-radius: 16px !important;
z-index: 2;
font-family: 'xinwei'
}
.storyscene>.scene>.menu{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
box-shadow: none;
overflow: scroll;
}
.storyscene>.scene>.background>.avatar{
width: calc(100% - 26px);
height: calc(100% - 26px);
left: 13px;
top: 13px;
z-index: 2;
}
.storyscene>.scene>.menu{
transform: rotateY(-180deg);
}
.storyscene>.scene.startscene{
animation: scene_start 0.5s;
-webkit-animation: scene_start 0.5s;
}
.scene>.menu>.menubutton.enter{
position: absolute;
top:auto;
bottom: 10px;
width: 70px;
left: calc(50% - 35px);
}
.scene>.menu>.conversation{
display: table;
position: absolute;
left: 16px;
top: 0;
width: calc(100% - 32px);
height: 100%;
font-size: 24px;
font-family: 'xinwei';
white-space: normal;
text-align: left;
}
.scene>.menu>.conversation.center{
text-align: center;
font-size: 30px;
}
.scene>.menu>.avatarconversation{
position: relative;
display: block;
width: 100%;
height: 100px;
left: 0;
margin-top: 10px;
}
.scene>.menu>.avatarconversation:last-child{
margin-bottom: 10px;
}
.scene>.menu>.avatarconversation>div{
height: 100%;
top:0;
}
.scene>.menu>.avatarconversation>.avatar{
width: 100px;
height: 100px;
left: 10px;
background-size: cover;
}
.scene>.menu>.avatarconversation.swap>.avatar{
left: auto;
right: 10px;
}
.scene>.menu>.avatarconversation>div:not(.avatar){
width: calc(100% - 120px);
left: 120px;
top: 5px;
height: calc(100% - 5px);
text-align: left;
white-space: normal;
line-height: 18px;
}
.scene>.menu>.avatarconversation.swap>div:not(.avatar){
left: auto;
right: 120px;
text-align: right;
}
.scene>.menu>.conversation>div{
display: table-cell;
vertical-align: middle;
position: relative;
}
#create-player{
width: 400px;
height: 300px;
left: calc(50% - 200px);
top: calc(50% - 150px);
position: absolute;
animation:dialog_start2 0.5s;
-webkit-animation:dialog_start2 0.5s;
}
#create-player>div{
position: absolute;
}
#create-player>.caption{
width: 100%;
height: 24px;
line-height: 24px;
left: 0;
top: 0;
font-family: 'xinwei';
font-size: 24px;
text-align: center;
}
@keyframes scene_start{
from{
opacity: 0;
transform:scale(0.5);
margin-left: -175px;
margin-right: -175px;
}
to{
opacity: 1;
transform: scale(1);
margin-left: 16px;
margin-right: 16px;
}
}
@-webkit-keyframes scene_start{
from{
opacity: 0;
transform:scale(0.5);
margin-left: -175px;
margin-right: -175px;
}
to{
opacity: 1;
transform: scale(1);
margin-left: 16px;
margin-right: 16px;
}
}
.storyscene{
height: 500px;
top:calc(50% - 250px);
width: 100%;
position: absolute;
left: 0;
overflow-x: scroll;
overflow-y: hidden;
text-align: center;
white-space: nowrap;
}
.storyscene.removing{
pointer-events: none;
transform: translateY(500px);
}
.storyscene.lockscroll{
overflow-x: hidden;
}
.storyscene>.scene{
width: 350px;
height: 420px;
position: relative;
left: 0;
top:40px;
margin-left: -40px;
margin-right: -40px;
z-index: 1;
border-radius: 16px !important;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
}
.storyscene>.scene>.background.player{
border-radius: 0 !important;
box-shadow: none !important;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
}
.storyscene>.scene.unselectable{
opacity: 1 !important;
box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.225) 0 3px 10px;
}
.storyscene>.scene.unselectable>.background{
opacity: 0.3;
}
.storyscene>.scene.unselectable>.name{
opacity: 0.6;
}
/* .storyscene>.scene.unselectable>div:not(.mask).background{ */
/*opacity: 0.25;*/
/* } */
.storyscene>.scene>.mask{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 3;
}
.storyscene>.scene>.mask>div{
width: 100%;
height: 240px;
top:calc(50% - 120px);
position: absolute;
left: 0;
text-align: center;
font-size: 80px;
line-height: 80px;
font-family: 'xinwei';
opacity: 0.8;
}
.storyscene>.scene:not(.unselectable)>.mask{
display: none;
}
/* .storyscene>.scene.unselectable>.name{ */
/*display: none;*/
/* } */
.storyscene>.scene.flipped{
z-index: 2;
border-radius: 12px !important;
}
.storyscene>.scene.flipped>div:not(.menu){
display: none !important;
}
.storyscene>.scene:not(.flipped)>.menu{
display: none;
}
.storyscene>.scene:first-child{
margin-left: 50px;
}
.storyscene>.scene:last-child{
margin-right: 50px;
}
.storyscene>.scene>.name{
font-size: 48px;
left: 25px;
/*top: auto;*/
top: 28px;
/*transform: rotateY(-180deg);*/
border-radius: 16px !important;
z-index: 2;
font-family: 'xinwei'
}
.storyscene>.scene>.menu{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
box-shadow: none;
overflow: scroll;
}
.storyscene>.scene>.background>.avatar{
width: calc(100% - 26px);
height: calc(100% - 26px);
left: 13px;
top: 13px;
z-index: 2;
}
.storyscene>.scene>.menu{
transform: rotateY(-180deg);
}
.storyscene>.scene.startscene{
animation: scene_start 0.5s;
-webkit-animation: scene_start 0.5s;
}
.scene>.menu>.menubutton.enter{
position: absolute;
top:auto;
bottom: 10px;
width: 70px;
left: calc(50% - 35px);
}
.scene>.menu>.conversation{
display: table;
position: absolute;
left: 16px;
top: 0;
width: calc(100% - 32px);
height: 100%;
font-size: 24px;
font-family: 'xinwei';
white-space: normal;
text-align: left;
}
.scene>.menu>.conversation.center{
text-align: center;
font-size: 30px;
}
.scene>.menu>.avatarconversation{
position: relative;
display: block;
width: 100%;
height: 100px;
left: 0;
margin-top: 10px;
}
.scene>.menu>.avatarconversation:last-child{
margin-bottom: 10px;
}
.scene>.menu>.avatarconversation>div{
height: 100%;
top:0;
}
.scene>.menu>.avatarconversation>.avatar{
width: 100px;
height: 100px;
left: 10px;
background-size: cover;
}
.scene>.menu>.avatarconversation.swap>.avatar{
left: auto;
right: 10px;
}
.scene>.menu>.avatarconversation>div:not(.avatar){
width: calc(100% - 120px);
left: 120px;
top: 5px;
height: calc(100% - 5px);
text-align: left;
white-space: normal;
line-height: 18px;
}
.scene>.menu>.avatarconversation.swap>div:not(.avatar){
left: auto;
right: 120px;
text-align: right;
}
.scene>.menu>.conversation>div{
display: table-cell;
vertical-align: middle;
position: relative;
}
#create-player{
width: 400px;
height: 300px;
left: calc(50% - 200px);
top: calc(50% - 150px);
position: absolute;
animation:dialog_start2 0.5s;
-webkit-animation:dialog_start2 0.5s;
}
#create-player>div{
position: absolute;
}
#create-player>.caption{
width: 100%;
height: 24px;
line-height: 24px;
left: 0;
top: 0;
font-family: 'xinwei';
font-size: 24px;
text-align: center;
}
@keyframes scene_start{
from{
opacity: 0;
transform:scale(0.5);
margin-left: -175px;
margin-right: -175px;
}
to{
opacity: 1;
transform: scale(1);
margin-left: 16px;
margin-right: 16px;
}
}
@-webkit-keyframes scene_start{
from{
opacity: 0;
transform:scale(0.5);
margin-left: -175px;
margin-right: -175px;
}
to{
opacity: 1;
transform: scale(1);
margin-left: 16px;
margin-right: 16px;
}
}

286
layout/newlayout/equip.css
View File

@ -1,143 +1,143 @@
.player .equips{
width:120px;
height:auto;
top:auto;
right:auto;
bottom:18px;
left:10px;
text-align:left;
}
#arena.slim_player .player .equips{
left: 7px;
}
#arena.uslim_player .player .equips{
left: 3px;
}
#arena.mslim_player .player .equips{
left: 3px;
}
.player.minskin .equips{
transform:scale(0.73);
transform-origin:bottom left;
}
.player .equips>.card::after,
.player .equips>.card::before{
visibility: hidden;
}
.player .equips>.card{
position:relative;
width:100%;
height:22px;
line-height:22px;
margin-top:0;
margin-bottom:0;
background:linear-gradient(to right,rgba(0,0,0,0.3),transparent),
linear-gradient(135deg,rgba(0,0,0,0.5) ,transparent 80%,transparent) !important;
box-shadow:none;
color:white;
text-shadow:black 0 0 2px;
animation: card_start2x 0.5s;
-webkit-animation: card_start2x 0.5s;
display:block;
left:0;
top:0;
transition:all 0.5s;
border-radius:0;
border-width: 1px 0 0;
border-style:solid;
border-image:linear-gradient(to right, rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;
}
.player .equips>.card>.image{
display:none;
}
.player.unseen .equips>.card{
background:none;
/*border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;*/
}
.player.unseen .equips>.card{
border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;
}
.player.unseen .equips>.card:first-child{
border-image:linear-gradient(transparent,transparent);
}
.player .equips>.card.selected{
background:linear-gradient(to right,rgba(0, 133, 255,0.3),transparent),
linear-gradient(135deg,rgba(0, 133, 255,0.5) ,transparent 80%,transparent) !important;
box-shadow:none !important;
border-width: 1px 0 0;
border-style:solid;
border-image:linear-gradient(to right, rgba(0, 103, 205,0.4) 70%,transparent) 100% 0 0;
}
.player .equips>.card.fire{
color: rgb(255,119,63);
}
.player .equips>.card.thunder{
color: rgb(117,186,255);
}
.player .equips>.card.poison{
color: rgb(104,221,127);
}
.player .equips>.card.brown{
color: rgb(195,161,223);
}
.equips>.card>.background{
display:none !important;
}
.equips>.card>.name2{
display:block;
margin-left:5px;
white-space: nowrap;
}
.equips>.card>div{
animation:none !important;
-webkit-animation:none !important;
}
.equips>.card>.name,
.equips>.card>.info{
display:none !important;
}
.equips>.removing{
margin-top:-12px !important;
margin-bottom:-11px !important;
transform:scale(1);
}
.equips>.removing+.removing{
margin-top:-23px !important;
}
.player.linked .equips{
transform:rotate(90deg) translate(-152px,-6px);
transform-origin:bottom left;
}
#arena.slim_player .player.linked .equips{
transform:rotate(90deg) translate(-155px,-6px);
}
#arena.uslim_player .player.linked .equips{
transform:rotate(90deg) translate(-159px,-6px);
}
#arena.mslim_player .player.linked .equips{
transform:rotate(90deg) translate(-157px,-6px);
}
.player.minskin.linked .equips{
transform:rotate(90deg) translate(-92px,-6px) scale(0.73);
}
#arena.slim_player .player.minskin.linked .equips{
transform:rotate(90deg) translate(-95px,-6px) scale(0.73);
}
#arena.uslim_player .player.minskin.linked .equips{
transform:rotate(90deg) translate(-99px,-6px) scale(0.73);
}
#arena.mslim_player .player.minskin.linked .equips{
transform:rotate(90deg) translate(-97px,-6px) scale(0.73);
}
.player.linked .identity{
transform:rotate(90deg);
}
.player .equips{
width:120px;
height:auto;
top:auto;
right:auto;
bottom:18px;
left:10px;
text-align:left;
}
#arena.slim_player .player .equips{
left: 7px;
}
#arena.uslim_player .player .equips{
left: 3px;
}
#arena.mslim_player .player .equips{
left: 3px;
}
.player.minskin .equips{
transform:scale(0.73);
transform-origin:bottom left;
}
.player .equips>.card::after,
.player .equips>.card::before{
visibility: hidden;
}
.player .equips>.card{
position:relative;
width:100%;
height:22px;
line-height:22px;
margin-top:0;
margin-bottom:0;
background:linear-gradient(to right,rgba(0,0,0,0.3),transparent),
linear-gradient(135deg,rgba(0,0,0,0.5) ,transparent 80%,transparent) !important;
box-shadow:none;
color:white;
text-shadow:black 0 0 2px;
animation: card_start2x 0.5s;
-webkit-animation: card_start2x 0.5s;
display:block;
left:0;
top:0;
transition:all 0.5s;
border-radius:0;
border-width: 1px 0 0;
border-style:solid;
border-image:linear-gradient(to right, rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;
}
.player .equips>.card>.image{
display:none;
}
.player.unseen .equips>.card{
background:none;
/*border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;*/
}
.player.unseen .equips>.card{
border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;
}
.player.unseen .equips>.card:first-child{
border-image:linear-gradient(transparent,transparent);
}
.player .equips>.card.selected{
background:linear-gradient(to right,rgba(0, 133, 255,0.3),transparent),
linear-gradient(135deg,rgba(0, 133, 255,0.5) ,transparent 80%,transparent) !important;
box-shadow:none !important;
border-width: 1px 0 0;
border-style:solid;
border-image:linear-gradient(to right, rgba(0, 103, 205,0.4) 70%,transparent) 100% 0 0;
}
.player .equips>.card.fire{
color: rgb(255,119,63);
}
.player .equips>.card.thunder{
color: rgb(117,186,255);
}
.player .equips>.card.poison{
color: rgb(104,221,127);
}
.player .equips>.card.brown{
color: rgb(195,161,223);
}
.equips>.card>.background{
display:none !important;
}
.equips>.card>.name2{
display:block;
margin-left:5px;
white-space: nowrap;
}
.equips>.card>div{
animation:none !important;
-webkit-animation:none !important;
}
.equips>.card>.name,
.equips>.card>.info{
display:none !important;
}
.equips>.removing{
margin-top:-12px !important;
margin-bottom:-11px !important;
transform:scale(1);
}
.equips>.removing+.removing{
margin-top:-23px !important;
}
.player.linked .equips{
transform:rotate(90deg) translate(-152px,-6px);
transform-origin:bottom left;
}
#arena.slim_player .player.linked .equips{
transform:rotate(90deg) translate(-155px,-6px);
}
#arena.uslim_player .player.linked .equips{
transform:rotate(90deg) translate(-159px,-6px);
}
#arena.mslim_player .player.linked .equips{
transform:rotate(90deg) translate(-157px,-6px);
}
.player.minskin.linked .equips{
transform:rotate(90deg) translate(-92px,-6px) scale(0.73);
}
#arena.slim_player .player.minskin.linked .equips{
transform:rotate(90deg) translate(-95px,-6px) scale(0.73);
}
#arena.uslim_player .player.minskin.linked .equips{
transform:rotate(90deg) translate(-99px,-6px) scale(0.73);
}
#arena.mslim_player .player.minskin.linked .equips{
transform:rotate(90deg) translate(-97px,-6px) scale(0.73);
}
.player.linked .identity{
transform:rotate(90deg);
}

1136
layout/newlayout/global.css
View File

File diff suppressed because it is too large Load Diff

4
layout/newlayout/layout.css
View File

@ -1,2 +1,2 @@
@import 'global.css';
@import 'equip.css';
@import 'global.css';
@import 'equip.css';

700
layout/nova/layout.css
View File

@ -1,351 +1,351 @@
@import "../newlayout/layout.css";
#arena{
height: calc(95% + 20px);
}
#control{
width: calc(5000% / 47 - 240px);
left:calc(-150% / 47 + 120px);
bottom:150px;
height: 40px;
}
#arena.phone #control{
bottom:160px;
}
#arena.ipad #control{
bottom:155px;
}
#arena:not(.chess)>#me,
#arena:not(.chess)>#mebg,
#arena:not(.chess)>#autonode{
bottom:30px;
width: calc(5000% / 47);
left:calc(-150% / 47);
top:auto;
border-radius:0 !important;
height:120px;
}
#arena.oblongcard:not(.chess)>#me,
#arena.oblongcard:not(.chess)>#mebg,
#arena.oblongcard:not(.chess)>#autonode{
height: 140px;
}
#arena.oblongcard:not(.chess)>.card,
#arena.oblongcard:not(.chess) .handcards>.card{
height: 120px;
}
#arena.oblongcard:not(.chess)>.card>.image,
#arena.oblongcard:not(.chess) .handcards>.card>.image{
height: 110px;
top: 8px;
background-position-x: -3px;
}
#arena.oblongcard:not(.chess) #handcards1{
height: 100%;
top: 2px;
}
#arena.oblongcard:not(.chess):not(.choose-character) #control{
bottom:165px;
}
#arena.phone.oblongcard:not(.chess):not(.choose-character) #control{
bottom:180px;
}
#arena:not(.chess)>#autonode{
width: calc(5000% / 47 - 240px);
left:calc(-150% / 47 + 120px);
}
#arena:not(.mobile).single-handcard #handcards1{
width: calc(100% - 120px);
}
#window.rightbar #system,
#window.leftbar #system{
width: calc(100% - 62px);
}
#window.leftbar #system{
left: 50px;
}
#window.rightbar #historybar{
left: calc(100% - 50px);
border-radius: 0;
top: 0;
height: 100%;
}
#window.leftbar #historybar{
left: 0;
border-radius: 0;
top: 0;
height: 100%;
}
#window.single-handcard #historybar{
height: calc(100% - 121px);
}
#window.oblongcard.single-handcard #historybar{
height: calc(100% - 141px);
}
#window.leftbar #arena:not(.chess)>#me,
#window.leftbar #arena:not(.chess)>#mebg,
#window.leftbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47);
left:calc(-150% / 47 - 50px - 75px / 47);
}
#window.leftbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47 - 240px);
left:calc(-150% / 47 - 50px - 75px / 47 + 120px);
}
#window.rightbar #arena:not(.chess)>#me,
#window.rightbar #arena:not(.chess)>#mebg,
#window.rightbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47);
left:calc(-150% / 47 - 75px / 47);
}
#window.rightbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47 - 240px);
left:calc(-150% / 47 - 75px / 47 + 120px);
}
#arena:not(.chess) #handcards1{
height:120px;
padding:0;
top:calc(100% - 120px);
}
#arena:not(.chess) #handcards1.scrollh{
top: calc(100% - 180px);
height: 180px;
}
#arena:not(.chess).oblongcard #handcards1.scrollh{
top: calc(100% - 200px);
height: 200px;
}
#arena:not(.chess) #handcards1.scrollh>div{
height: 120px;
top: 60px;
}
#arena:not(.chess).oblongcard #handcards1.scrollh>div{
top: 62px;
}
#arena:not(.chess):not(.single-handcard) #handcards1{
width:calc(100% - 240px);
left:calc(150% / 47 - 300% / 94 + 625% / 47 - 105px + 120px);
}
#arena:not(.single-handcard):not(.chess)>#me,
#arena:not(.single-handcard):not(.chess)>#mebg,
#arena:not(.single-handcard):not(.chess)>#autonode{
left: 0 !important;
bottom: 38px !important;
width: calc(9700% / 94) !important;
}
#arena:not(.single-handcard):not(.chess)>#mebg{
visibility: hidden;
}
#arena:not(.single-handcard):not(.chess)>#me #handcards1{
left: 150px !important;
width: calc(100% - 150px) !important;
}
#arena:not(.single-handcard):not(.chess)>#me #handcards1>.handcards{
left: 0 !important;
}
#autonode{
display: table !important;
}
@media screen and (max-width: 1105px){
#arena[data-number='8']:not(.single-handcard):not(.chess)>#me,
#arena[data-number='8']:not(.single-handcard):not(.chess)>#mebg,
#arena[data-number='8']:not(.single-handcard):not(.chess)>#autonode{
left: calc(-300% / 94 + 625% / 47 - 105px) !important;
width: calc(9700% / 94 + 300% / 94 - 625% / 47 + 105px) !important;
}
}
#handcards2{
display:none;
}
.dialog{
height:calc(100% - 370px);
bottom:170px;
}
#arena.choose-character>.dialog .placeholder+.placeholder{
display: none;
}
#arena.choose-character>.dialog .placeholder{
margin-bottom: 4px;
height: 0px;
}
#arena.choose-character>.dialog.noupdate .placeholder{
margin-bottom: 0;
height: 0;
}
#arena.choose-character>.dialog{
height:calc(100% - 280px);
bottom:80px;
}
#arena.choose-character>.dialog.scroll3{
height:calc(100% - 240px);
}
#arena.phone.choose-character>.dialog{
bottom:93px;
}
#arena.ipad.choose-character>.dialog{
bottom:96px;
}
#arena.choose-character>#control{
bottom: 30px;
transition: all 0s;
}
#arena.phone.choose-character>#control{
bottom: 43px;
}
#arena.ipad.choose-character>#control{
bottom: 45px;
}
.dialog.fullheight {
height: calc(100% - 123px) !important;
top: 40px !important;
}
#me>.fakeme.avatar{
width:120px;
height:100%;
border-radius:0px;
top:0;
left:0;
background-size:cover;
clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
}
#window[data-radius_size='increase'] #me>.fakeme.avatar,
#window[data-radius_size='reduce'] #me>.fakeme.avatar{
border-radius:0px;
}
/*--------位置(8人)------*/
[data-number='8']>.player[data-position='1']{top:calc(55% - 135px);left:calc(100% - 150px);}
[data-number='8']>.player[data-position='2']{top:calc(10% - 50px);left:calc(100% - 150px);}
[data-number='8']>.player[data-position='3']{top:0;left:calc(75% - 112.5px);}
[data-number='8']>.player[data-position='4']{top:0;left:calc(50% - 75px);}
[data-number='8']>.player[data-position='5']{top:0;left:calc(25% - 37.5px);}
[data-number='8']>.player[data-position='6']{top:calc(10% - 50px);left:0;}
[data-number='8']>.player[data-position='7']{top:calc(55% - 135px);left:0;}
/*--------位置(7人)------*/
[data-number='7']>.player[data-position='1']{top:calc(55% - 135px);left:calc(100% - 150px);}
[data-number='7']>.player[data-position='2']{top:calc(10% - 50px);left:calc(100% - 150px);}
[data-number='7']>.player[data-position='3']{top:0;left:calc(62.5% - 75px);}
[data-number='7']>.player[data-position='4']{top:0;left:calc(37.5% - 75px);}
[data-number='7']>.player[data-position='5']{top:calc(10% - 50px);left:0;}
[data-number='7']>.player[data-position='6']{top:calc(55% - 135px);left:0;}
/*--------位置(6人)------*/
#arena[data-number='6']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
#arena[data-number='6']>.player[data-position='2']{top:0px;left:calc(75% - 90px);}
#arena[data-number='6']>.player[data-position='3']{top:0;left:calc(50% - 60px);}
#arena[data-number='6']>.player[data-position='4']{top:0px;left:calc(25% - 30px);}
#arena[data-number='6']>.player[data-position='5']{top:calc(30% - 128px);left:0;}
/*--------位置(5人)------*/
#arena[data-number='5']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
#arena[data-number='5']>.player[data-position='2']{top:0;left:calc(200% / 3 - 80px);}
#arena[data-number='5']>.player[data-position='3']{top:0;left:calc(100% / 3 - 40px);}
#arena[data-number='5']>.player[data-position='4']{top:calc(30% - 128px);left:0;}
/*--------位置(4人)------*/
#arena[data-number='4']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
#arena[data-number='4']>.player[data-position='2']{top:0;left:calc(50% - 60px);}
#arena[data-number='4']>.player[data-position='3']{top:calc(30% - 128px);left:0;}
/*--------位置(3人)------*/
#arena[data-number='3']>.player[data-position='1']{top:calc(60% / 3 - 88px);left:calc(75% + 80px);}
#arena[data-number='3']>.player[data-position='2']{top:calc(60% / 3 - 88px);left:calc(25% - 200px);}
/*--------位置(2人)------*/
#arena[data-number='2']>.player[data-position='1']{top:0;left:calc(50% - 60px);}
/*--------位置(1人)------*/
.player[data-position='0']{top:calc(100% - 220px);left:0;}
#arena[data-player_height_nova="default"]>.player[data-position='0']:not(.minskin){
top: calc(100% - 236px);
}
[data-number='8'][data-player_height_nova="default"]>.player[data-position='1'],
[data-number='8'][data-player_height_nova="default"]>.player[data-position='7'],
[data-number='7'][data-player_height_nova="default"]>.player[data-position='1'],
[data-number='7'][data-player_height_nova="default"]>.player[data-position='6']{
top:calc(55% - 143px);
}
#arena[data-player_height_nova="default"]>.player:not(.minskin){
height: 196px !important;
}
#arena[data-player_height_nova="default"] .timerbar>div{
top: 181px;
}
#arena[data-player_height_nova="default"]>.player .avatar{
height:176px;
}
#arena.slim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar{
height: 182px;
}
#arena.uslim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar{
height: 190px;
}
#arena.mslim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar{
height: 186px;
}
#arena[data-player_height_nova="default"]>.player.fullskin2 .avatar2{
height:176px;
}
#arena.slim_player[data-player_height_nova="default"]> .player.fullskin2:not(.minskin) .avatar2{
height: 182px;
}
#arena.uslim_player[data-player_height_nova="default"]> .player.fullskin2:not(.minskin) .avatar2{
height: 190px;
}
#arena.mslim_player[data-player_height_nova="default"]> .player.fullskin2:not(.minskin) .avatar2{
height: 186px;
}
#arena[data-player_height_nova="long"]>.player[data-position='0']:not(.minskin){
top: calc(100% - 250px);
}
[data-number='8'][data-player_height_nova="long"]>.player[data-position='1'],
[data-number='8'][data-player_height_nova="long"]>.player[data-position='7'],
[data-number='7'][data-player_height_nova="long"]>.player[data-position='1'],
[data-number='7'][data-player_height_nova="long"]>.player[data-position='6']{
top:calc(55% - 150px);
}
#arena[data-player_height_nova="long"]>.player:not(.minskin){
height: 210px !important;
}
#arena[data-player_height_nova="long"] .timerbar>div{
top: 195px;
}
#arena[data-player_height_nova="long"]>.player .avatar{
height:190px;
}
#arena.slim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar{
height: 196px;
}
#arena.uslim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar{
height: 204px;
}
#arena.mslim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar{
height: 200px;
}
#arena[data-player_height_nova="long"]>.player.fullskin2 .avatar2{
height:190px;
}
#arena.slim_player[data-player_height_nova="long"]> .player.fullskin2:not(.minskin) .avatar2{
height: 196px;
}
#arena.uslim_player[data-player_height_nova="long"]> .player.fullskin2:not(.minskin) .avatar2{
height: 204px;
}
#arena.mslim_player[data-player_height_nova="long"]> .player.fullskin2:not(.minskin) .avatar2{
height: 200px;
}
#arena>.player:not(.minskin)>.avatar,
#arena>.player:not(.minskin)>.avatar2{
background-position: 50% 0 !important;
@import "../newlayout/layout.css";
#arena{
height: calc(95% + 20px);
}
#control{
width: calc(5000% / 47 - 240px);
left:calc(-150% / 47 + 120px);
bottom:150px;
height: 40px;
}
#arena.phone #control{
bottom:160px;
}
#arena.ipad #control{
bottom:155px;
}
#arena:not(.chess)>#me,
#arena:not(.chess)>#mebg,
#arena:not(.chess)>#autonode{
bottom:30px;
width: calc(5000% / 47);
left:calc(-150% / 47);
top:auto;
border-radius:0 !important;
height:120px;
}
#arena.oblongcard:not(.chess)>#me,
#arena.oblongcard:not(.chess)>#mebg,
#arena.oblongcard:not(.chess)>#autonode{
height: 140px;
}
#arena.oblongcard:not(.chess)>.card,
#arena.oblongcard:not(.chess) .handcards>.card{
height: 120px;
}
#arena.oblongcard:not(.chess)>.card>.image,
#arena.oblongcard:not(.chess) .handcards>.card>.image{
height: 110px;
top: 8px;
background-position-x: -3px;
}
#arena.oblongcard:not(.chess) #handcards1{
height: 100%;
top: 2px;
}
#arena.oblongcard:not(.chess):not(.choose-character) #control{
bottom:165px;
}
#arena.phone.oblongcard:not(.chess):not(.choose-character) #control{
bottom:180px;
}
#arena:not(.chess)>#autonode{
width: calc(5000% / 47 - 240px);
left:calc(-150% / 47 + 120px);
}
#arena:not(.mobile).single-handcard #handcards1{
width: calc(100% - 120px);
}
#window.rightbar #system,
#window.leftbar #system{
width: calc(100% - 62px);
}
#window.leftbar #system{
left: 50px;
}
#window.rightbar #historybar{
left: calc(100% - 50px);
border-radius: 0;
top: 0;
height: 100%;
}
#window.leftbar #historybar{
left: 0;
border-radius: 0;
top: 0;
height: 100%;
}
#window.single-handcard #historybar{
height: calc(100% - 121px);
}
#window.oblongcard.single-handcard #historybar{
height: calc(100% - 141px);
}
#window.leftbar #arena:not(.chess)>#me,
#window.leftbar #arena:not(.chess)>#mebg,
#window.leftbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47);
left:calc(-150% / 47 - 50px - 75px / 47);
}
#window.leftbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47 - 240px);
left:calc(-150% / 47 - 50px - 75px / 47 + 120px);
}
#window.rightbar #arena:not(.chess)>#me,
#window.rightbar #arena:not(.chess)>#mebg,
#window.rightbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47);
left:calc(-150% / 47 - 75px / 47);
}
#window.rightbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47 - 240px);
left:calc(-150% / 47 - 75px / 47 + 120px);
}
#arena:not(.chess) #handcards1{
height:120px;
padding:0;
top:calc(100% - 120px);
}
#arena:not(.chess) #handcards1.scrollh{
top: calc(100% - 180px);
height: 180px;
}
#arena:not(.chess).oblongcard #handcards1.scrollh{
top: calc(100% - 200px);
height: 200px;
}
#arena:not(.chess) #handcards1.scrollh>div{
height: 120px;
top: 60px;
}
#arena:not(.chess).oblongcard #handcards1.scrollh>div{
top: 62px;
}
#arena:not(.chess):not(.single-handcard) #handcards1{
width:calc(100% - 240px);
left:calc(150% / 47 - 300% / 94 + 625% / 47 - 105px + 120px);
}
#arena:not(.single-handcard):not(.chess)>#me,
#arena:not(.single-handcard):not(.chess)>#mebg,
#arena:not(.single-handcard):not(.chess)>#autonode{
left: 0 !important;
bottom: 38px !important;
width: calc(9700% / 94) !important;
}
#arena:not(.single-handcard):not(.chess)>#mebg{
visibility: hidden;
}
#arena:not(.single-handcard):not(.chess)>#me #handcards1{
left: 150px !important;
width: calc(100% - 150px) !important;
}
#arena:not(.single-handcard):not(.chess)>#me #handcards1>.handcards{
left: 0 !important;
}
#autonode{
display: table !important;
}
@media screen and (max-width: 1105px){
#arena[data-number='8']:not(.single-handcard):not(.chess)>#me,
#arena[data-number='8']:not(.single-handcard):not(.chess)>#mebg,
#arena[data-number='8']:not(.single-handcard):not(.chess)>#autonode{
left: calc(-300% / 94 + 625% / 47 - 105px) !important;
width: calc(9700% / 94 + 300% / 94 - 625% / 47 + 105px) !important;
}
}
#handcards2{
display:none;
}
.dialog{
height:calc(100% - 370px);
bottom:170px;
}
#arena.choose-character>.dialog .placeholder+.placeholder{
display: none;
}
#arena.choose-character>.dialog .placeholder{
margin-bottom: 4px;
height: 0px;
}
#arena.choose-character>.dialog.noupdate .placeholder{
margin-bottom: 0;
height: 0;
}
#arena.choose-character>.dialog{
height:calc(100% - 280px);
bottom:80px;
}
#arena.choose-character>.dialog.scroll3{
height:calc(100% - 240px);
}
#arena.phone.choose-character>.dialog{
bottom:93px;
}
#arena.ipad.choose-character>.dialog{
bottom:96px;
}
#arena.choose-character>#control{
bottom: 30px;
transition: all 0s;
}
#arena.phone.choose-character>#control{
bottom: 43px;
}
#arena.ipad.choose-character>#control{
bottom: 45px;
}
.dialog.fullheight {
height: calc(100% - 123px) !important;
top: 40px !important;
}
#me>.fakeme.avatar{
width:120px;
height:100%;
border-radius:0px;
top:0;
left:0;
background-size:cover;
clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
}
#window[data-radius_size='increase'] #me>.fakeme.avatar,
#window[data-radius_size='reduce'] #me>.fakeme.avatar{
border-radius:0px;
}
/*--------位置(8人)------*/
[data-number='8']>.player[data-position='1']{top:calc(55% - 135px);left:calc(100% - 150px);}
[data-number='8']>.player[data-position='2']{top:calc(10% - 50px);left:calc(100% - 150px);}
[data-number='8']>.player[data-position='3']{top:0;left:calc(75% - 112.5px);}
[data-number='8']>.player[data-position='4']{top:0;left:calc(50% - 75px);}
[data-number='8']>.player[data-position='5']{top:0;left:calc(25% - 37.5px);}
[data-number='8']>.player[data-position='6']{top:calc(10% - 50px);left:0;}
[data-number='8']>.player[data-position='7']{top:calc(55% - 135px);left:0;}
/*--------位置(7人)------*/
[data-number='7']>.player[data-position='1']{top:calc(55% - 135px);left:calc(100% - 150px);}
[data-number='7']>.player[data-position='2']{top:calc(10% - 50px);left:calc(100% - 150px);}
[data-number='7']>.player[data-position='3']{top:0;left:calc(62.5% - 75px);}
[data-number='7']>.player[data-position='4']{top:0;left:calc(37.5% - 75px);}
[data-number='7']>.player[data-position='5']{top:calc(10% - 50px);left:0;}
[data-number='7']>.player[data-position='6']{top:calc(55% - 135px);left:0;}
/*--------位置(6人)------*/
#arena[data-number='6']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
#arena[data-number='6']>.player[data-position='2']{top:0px;left:calc(75% - 90px);}
#arena[data-number='6']>.player[data-position='3']{top:0;left:calc(50% - 60px);}
#arena[data-number='6']>.player[data-position='4']{top:0px;left:calc(25% - 30px);}
#arena[data-number='6']>.player[data-position='5']{top:calc(30% - 128px);left:0;}
/*--------位置(5人)------*/
#arena[data-number='5']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
#arena[data-number='5']>.player[data-position='2']{top:0;left:calc(200% / 3 - 80px);}
#arena[data-number='5']>.player[data-position='3']{top:0;left:calc(100% / 3 - 40px);}
#arena[data-number='5']>.player[data-position='4']{top:calc(30% - 128px);left:0;}
/*--------位置(4人)------*/
#arena[data-number='4']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
#arena[data-number='4']>.player[data-position='2']{top:0;left:calc(50% - 60px);}
#arena[data-number='4']>.player[data-position='3']{top:calc(30% - 128px);left:0;}
/*--------位置(3人)------*/
#arena[data-number='3']>.player[data-position='1']{top:calc(60% / 3 - 88px);left:calc(75% + 80px);}
#arena[data-number='3']>.player[data-position='2']{top:calc(60% / 3 - 88px);left:calc(25% - 200px);}
/*--------位置(2人)------*/
#arena[data-number='2']>.player[data-position='1']{top:0;left:calc(50% - 60px);}
/*--------位置(1人)------*/
.player[data-position='0']{top:calc(100% - 220px);left:0;}
#arena[data-player_height_nova="default"]>.player[data-position='0']:not(.minskin){
top: calc(100% - 236px);
}
[data-number='8'][data-player_height_nova="default"]>.player[data-position='1'],
[data-number='8'][data-player_height_nova="default"]>.player[data-position='7'],
[data-number='7'][data-player_height_nova="default"]>.player[data-position='1'],
[data-number='7'][data-player_height_nova="default"]>.player[data-position='6']{
top:calc(55% - 143px);
}
#arena[data-player_height_nova="default"]>.player:not(.minskin){
height: 196px !important;
}
#arena[data-player_height_nova="default"] .timerbar>div{
top: 181px;
}
#arena[data-player_height_nova="default"]>.player .avatar{
height:176px;
}
#arena.slim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar{
height: 182px;
}
#arena.uslim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar{
height: 190px;
}
#arena.mslim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar{
height: 186px;
}
#arena[data-player_height_nova="default"]>.player.fullskin2 .avatar2{
height:176px;
}
#arena.slim_player[data-player_height_nova="default"]> .player.fullskin2:not(.minskin) .avatar2{
height: 182px;
}
#arena.uslim_player[data-player_height_nova="default"]> .player.fullskin2:not(.minskin) .avatar2{
height: 190px;
}
#arena.mslim_player[data-player_height_nova="default"]> .player.fullskin2:not(.minskin) .avatar2{
height: 186px;
}
#arena[data-player_height_nova="long"]>.player[data-position='0']:not(.minskin){
top: calc(100% - 250px);
}
[data-number='8'][data-player_height_nova="long"]>.player[data-position='1'],
[data-number='8'][data-player_height_nova="long"]>.player[data-position='7'],
[data-number='7'][data-player_height_nova="long"]>.player[data-position='1'],
[data-number='7'][data-player_height_nova="long"]>.player[data-position='6']{
top:calc(55% - 150px);
}
#arena[data-player_height_nova="long"]>.player:not(.minskin){
height: 210px !important;
}
#arena[data-player_height_nova="long"] .timerbar>div{
top: 195px;
}
#arena[data-player_height_nova="long"]>.player .avatar{
height:190px;
}
#arena.slim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar{
height: 196px;
}
#arena.uslim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar{
height: 204px;
}
#arena.mslim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar{
height: 200px;
}
#arena[data-player_height_nova="long"]>.player.fullskin2 .avatar2{
height:190px;
}
#arena.slim_player[data-player_height_nova="long"]> .player.fullskin2:not(.minskin) .avatar2{
height: 196px;
}
#arena.uslim_player[data-player_height_nova="long"]> .player.fullskin2:not(.minskin) .avatar2{
height: 204px;
}
#arena.mslim_player[data-player_height_nova="long"]> .player.fullskin2:not(.minskin) .avatar2{
height: 200px;
}
#arena>.player:not(.minskin)>.avatar,
#arena>.player:not(.minskin)>.avatar2{
background-position: 50% 0 !important;
}

12658
mode/chess.js
View File

File diff suppressed because it is too large Load Diff

328
mode/connect.js
View File

@ -1,164 +1,164 @@
'use strict';
game.import('mode',function(lib,game,ui,get,ai,_status){
return {
name:'connect',
start:function(){
var directstartmode=lib.config.directstartmode;
ui.create.menu(true);
event.textnode=ui.create.div('','输入联机地址');
var createNode=function(){
if(event.created) return;
if(directstartmode&&lib.node){
ui.exitroom=ui.create.system('退出房间',function(){
game.saveConfig('directstartmode');
game.reload();
},true);
game.switchMode(directstartmode);
return;
}
if(lib.node&&window.require){
ui.startServer=ui.create.system('启动服务器',function(e){
e.stopPropagation();
ui.click.connectMenu();
},true);
}
event.created=true;
var node=ui.create.div('.shadowed');
node.style.width='400px';
node.style.height='30px';
node.style.lineHeight='30px';
node.style.fontFamily='xinwei';
node.style.fontSize='30px';
node.style.padding='10px';
node.style.left='calc(50% - 210px)';
node.style.top='calc(50% - 20px)';
node.style.whiteSpace='nowrap';
node.innerHTML=lib.config.last_ip||lib.hallURL;
node.contentEditable=true;
node.style.webkitUserSelect='text';
node.style.textAlign='center';
var connect=function(e){
event.textnode.innerHTML='正在连接...';
clearTimeout(event.timeout);
if(e) e.preventDefault();
game.saveConfig('last_ip',node.innerHTML);
game.connect(node.innerHTML,function(success){
if(!success&&event.textnode){
alert('连接失败');
event.textnode.innerHTML='输入联机地址';
}
});
};
node.addEventListener('keydown',function(e){
if(e.keyCode==13){
connect(e);
}
});
ui.window.appendChild(node);
ui.ipnode=node;
var text=event.textnode;
text.style.width='400px';
text.style.height='30px';
text.style.lineHeight='30px';
text.style.fontFamily='xinwei';
text.style.fontSize='30px';
text.style.padding='10px';
text.style.left='calc(50% - 200px)';
text.style.top='calc(50% - 80px)';
text.style.textAlign='center';
ui.window.appendChild(text);
ui.iptext=text;
var button=ui.create.div('.menubutton.highlight.large.pointerdiv','连接',connect);
button.style.width='70px';
button.style.left='calc(50% - 35px)';
button.style.top='calc(50% + 60px)';
ui.window.appendChild(button);
ui.ipbutton=button;
ui.hall_button=ui.create.system('联机大厅',function(){
node.innerHTML=get.config('hall_ip')||lib.hallURL;
connect();
},true);
if(!get.config('hall_button')){
ui.hall_button.style.display='none';
}
ui.recentIP=ui.create.system('最近连接',null,true);
var clickLink=function(){
node.innerHTML=this.innerHTML;
connect();
};
lib.setPopped(ui.recentIP,function(){
if(!lib.config.recentIP.length) return;
var uiintro=ui.create.dialog('hidden');
uiintro.listen(function(e){
e.stopPropagation();
});
var list=ui.create.div('.caption');
for(var i=0;i<lib.config.recentIP.length;i++){
ui.create.div('.text.textlink',list,clickLink).innerHTML=get.trimip(lib.config.recentIP[i]);
}
uiintro.add(list);
var clear=uiintro.add('<div class="text center">清除</div>');
clear.style.paddingTop=0;
clear.style.paddingBottom='3px';
clear.listen(function(){
lib.config.recentIP.length=0;
game.saveConfig('recentIP',[]);
uiintro.delete();
});
return uiintro;
},220);
lib.init.onfree();
}
if(window.isNonameServer){
game.connect(window.isNonameServerIp||'localhost');
}
else if(lib.config.reconnect_info){
var info=lib.config.reconnect_info;
game.onlineID=info[1];
game.roomId=info[2];
if(typeof game.roomId=='number'){
game.roomIdServer=true;
}
var n=5;
var connect=function(){
event.textnode.innerHTML='正在连接...';
game.connect(info[0],function(success){
if(!success&&n--){
createNode();
event.timeout=setTimeout(connect,1000);
}
else{
event.textnode.innerHTML='输入联机地址';
}
});
};
event.timeout=setTimeout(connect,500);
_status.createNodeTimeout=setTimeout(createNode,2000);
}
else{
createNode();
}
if(!game.onlineKey){
game.onlineKey=localStorage.getItem(lib.configprefix+'key');
if(!game.onlineKey){
game.onlineKey=get.id();
localStorage.setItem(lib.configprefix+'key',game.onlineKey);
}
}
_status.connectDenied=createNode;
for(var i in lib.element.event){
event.parent[i]=lib.element.event[i];
}
event.parent.custom={
add:{},
replace:{}
};
setTimeout(lib.init.onfree,1000);
}
};
});
'use strict';
game.import('mode',function(lib,game,ui,get,ai,_status){
return {
name:'connect',
start:function(){
var directstartmode=lib.config.directstartmode;
ui.create.menu(true);
event.textnode=ui.create.div('','输入联机地址');
var createNode=function(){
if(event.created) return;
if(directstartmode&&lib.node){
ui.exitroom=ui.create.system('退出房间',function(){
game.saveConfig('directstartmode');
game.reload();
},true);
game.switchMode(directstartmode);
return;
}
if(lib.node&&window.require){
ui.startServer=ui.create.system('启动服务器',function(e){
e.stopPropagation();
ui.click.connectMenu();
},true);
}
event.created=true;
var node=ui.create.div('.shadowed');
node.style.width='400px';
node.style.height='30px';
node.style.lineHeight='30px';
node.style.fontFamily='xinwei';
node.style.fontSize='30px';
node.style.padding='10px';
node.style.left='calc(50% - 210px)';
node.style.top='calc(50% - 20px)';
node.style.whiteSpace='nowrap';
node.innerHTML=lib.config.last_ip||lib.hallURL;
node.contentEditable=true;
node.style.webkitUserSelect='text';
node.style.textAlign='center';
var connect=function(e){
event.textnode.innerHTML='正在连接...';
clearTimeout(event.timeout);
if(e) e.preventDefault();
game.saveConfig('last_ip',node.innerHTML);
game.connect(node.innerHTML,function(success){
if(!success&&event.textnode){
alert('连接失败');
event.textnode.innerHTML='输入联机地址';
}
});
};
node.addEventListener('keydown',function(e){
if(e.keyCode==13){
connect(e);
}
});
ui.window.appendChild(node);
ui.ipnode=node;
var text=event.textnode;
text.style.width='400px';
text.style.height='30px';
text.style.lineHeight='30px';
text.style.fontFamily='xinwei';
text.style.fontSize='30px';
text.style.padding='10px';
text.style.left='calc(50% - 200px)';
text.style.top='calc(50% - 80px)';
text.style.textAlign='center';
ui.window.appendChild(text);
ui.iptext=text;
var button=ui.create.div('.menubutton.highlight.large.pointerdiv','连接',connect);
button.style.width='70px';
button.style.left='calc(50% - 35px)';
button.style.top='calc(50% + 60px)';
ui.window.appendChild(button);
ui.ipbutton=button;
ui.hall_button=ui.create.system('联机大厅',function(){
node.innerHTML=get.config('hall_ip')||lib.hallURL;
connect();
},true);
if(!get.config('hall_button')){
ui.hall_button.style.display='none';
}
ui.recentIP=ui.create.system('最近连接',null,true);
var clickLink=function(){
node.innerHTML=this.innerHTML;
connect();
};
lib.setPopped(ui.recentIP,function(){
if(!lib.config.recentIP.length) return;
var uiintro=ui.create.dialog('hidden');
uiintro.listen(function(e){
e.stopPropagation();
});
var list=ui.create.div('.caption');
for(var i=0;i<lib.config.recentIP.length;i++){
ui.create.div('.text.textlink',list,clickLink).innerHTML=get.trimip(lib.config.recentIP[i]);
}
uiintro.add(list);
var clear=uiintro.add('<div class="text center">清除</div>');
clear.style.paddingTop=0;
clear.style.paddingBottom='3px';
clear.listen(function(){
lib.config.recentIP.length=0;
game.saveConfig('recentIP',[]);
uiintro.delete();
});
return uiintro;
},220);
lib.init.onfree();
}
if(window.isNonameServer){
game.connect(window.isNonameServerIp||'localhost');
}
else if(lib.config.reconnect_info){
var info=lib.config.reconnect_info;
game.onlineID=info[1];
game.roomId=info[2];
if(typeof game.roomId=='number'){
game.roomIdServer=true;
}
var n=5;
var connect=function(){
event.textnode.innerHTML='正在连接...';
game.connect(info[0],function(success){
if(!success&&n--){
createNode();
event.timeout=setTimeout(connect,1000);
}
else{
event.textnode.innerHTML='输入联机地址';
}
});
};
event.timeout=setTimeout(connect,500);
_status.createNodeTimeout=setTimeout(createNode,2000);
}
else{
createNode();
}
if(!game.onlineKey){
game.onlineKey=localStorage.getItem(lib.configprefix+'key');
if(!game.onlineKey){
game.onlineKey=get.id();
localStorage.setItem(lib.configprefix+'key',game.onlineKey);
}
}
_status.connectDenied=createNode;
for(var i in lib.element.event){
event.parent[i]=lib.element.event[i];
}
event.parent.custom={
add:{},
replace:{}
};
setTimeout(lib.init.onfree,1000);
}
};
});

1682
mode/doudizhu.js
View File

File diff suppressed because it is too large Load Diff

11
mode/identity.js
View File

@ -554,12 +554,19 @@ game.import('mode',function(lib,game,ui,get,ai,_status){
_status.winner=winner;
_status.loser=loser;
},winner,loser);
if(loser.length==game.players.length) game.over('游戏平局');
if(loser.length==game.players.length){
game.showIdentity();
game.over('游戏平局');
}
else if(winner2.contains(game.me)){
game.showIdentity();
if(loser2.contains(game.me)) game.over(false);
else game.over(true);
}
else game.over(false);
else{
game.showIdentity();
game.over(false);
}
}
return;
}

24
mode/realtime.js
View File

@ -1,12 +1,12 @@
'use strict';
game.import('mode',function(lib,game,ui,get,ai,_status){
return {
name:'realtime',
start:function(){
},
game:{
}
};
});
'use strict';
game.import('mode',function(lib,game,ui,get,ai,_status){
return {
name:'realtime',
start:function(){
},
game:{
}
};
});

2486
mode/single.js
View File

File diff suppressed because it is too large Load Diff

20382
mode/stone.js
View File

File diff suppressed because it is too large Load Diff

2370
mode/tafang.js
View File

File diff suppressed because it is too large Load Diff

12652
mode/versus.js
View File

File diff suppressed because it is too large Load Diff