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":{ "mianju":{
audio:true, audio:true,
fullskin:true,
type:"equip", type:"equip",
subtype:"equip2", subtype:"equip2",
skills:["mianju"], 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'; 'use strict';
game.import('card',function(lib,game,ui,get,ai,_status){ game.import('card',function(lib,game,ui,get,ai,_status){
return { return {
name:'zhenfa', name:'zhenfa',
card:{ card:{
pozhenjue:{ pozhenjue:{
type:'zhenfa', type:'zhenfa',
chongzhu:true, chongzhu:true,
enable:true, enable:true,
notarget:true, notarget:true,
content:function(){ content:function(){
var targets=game.filterPlayer(); var targets=game.filterPlayer();
var n=targets.length; var n=targets.length;
while(n--){ while(n--){
game.swapSeat(targets.randomGet(),targets.randomGet()); game.swapSeat(targets.randomGet(),targets.randomGet());
} }
}, },
mode:['guozhan'], mode:['guozhan'],
ai:{ ai:{
order:8, order:8,
result:{ result:{
player:1, player:1,
}, },
} }
}, },
changshezhen:{ changshezhen:{
type:'zhenfa', type:'zhenfa',
chongzhu:true, chongzhu:true,
enable:function(card,player){ enable:function(card,player){
if(player.inline()) return true; if(player.inline()) return true;
if(player.identity=='unknown'||player.identity=='ye') return false; if(player.identity=='unknown'||player.identity=='ye') return false;
return game.hasPlayer(function(current){ return game.hasPlayer(function(current){
return current!=player&&current.isFriendOf(player); return current!=player&&current.isFriendOf(player);
}); });
}, },
notarget:true, notarget:true,
content:function(){ content:function(){
if(player.inline()){ if(player.inline()){
var targets=game.filterPlayer(function(current){ var targets=game.filterPlayer(function(current){
return player.inline(current); return player.inline(current);
}); });
player.line(targets); player.line(targets);
game.asyncDraw(targets); game.asyncDraw(targets);
} }
else if(player.getNext()){ else if(player.getNext()){
var list=game.filterPlayer(function(current){ var list=game.filterPlayer(function(current){
return current!=player&&current.isFriendOf(player); return current!=player&&current.isFriendOf(player);
}); });
if(list.length){ if(list.length){
list.sort(function(a,b){ list.sort(function(a,b){
return get.distance(player,a,'absolute')-get.distance(player,b,'absolute'); return get.distance(player,a,'absolute')-get.distance(player,b,'absolute');
}); });
player.line(list[0]); player.line(list[0]);
game.swapSeat(list[0],player.getNext(),true,true); game.swapSeat(list[0],player.getNext(),true,true);
} }
} }
}, },
mode:['guozhan'], mode:['guozhan'],
ai:{ ai:{
order:6.5, order:6.5,
result:{ result:{
player:1, player:1,
}, },
tag:{ tag:{
draw:1 draw:1
} }
} }
}, },
tianfuzhen:{ tianfuzhen:{
type:'zhenfa', type:'zhenfa',
chongzhu:true, chongzhu:true,
enable:function(){ enable:function(){
return game.hasPlayer(function(current){ return game.hasPlayer(function(current){
return current.isMajor(); return current.isMajor();
}); });
}, },
filterTarget:function(card,player,target){ filterTarget:function(card,player,target){
return target.isMajor()&&target.countCards('he')>0; return target.isMajor()&&target.countCards('he')>0;
}, },
selectTarget:-1, selectTarget:-1,
content:function(){ content:function(){
target.chooseToDiscard('he',true).delay=false; target.chooseToDiscard('he',true).delay=false;
}, },
mode:['guozhan'], mode:['guozhan'],
ai:{ ai:{
order:7, order:7,
result:{ result:{
target:-1, target:-1,
}, },
tag:{ tag:{
discard:1 discard:1
} }
} }
}, },
dizaizhen:{ dizaizhen:{
type:'zhenfa', type:'zhenfa',
chongzhu:true, chongzhu:true,
enable:function(){ enable:function(){
return game.hasPlayer(function(current){ return game.hasPlayer(function(current){
return current.isNotMajor(); return current.isNotMajor();
}); });
}, },
filterTarget:function(card,player,target){ filterTarget:function(card,player,target){
return target.isNotMajor(); return target.isNotMajor();
}, },
selectTarget:-1, selectTarget:-1,
content:function(){ content:function(){
target.draw(false); target.draw(false);
target.$draw(); target.$draw();
}, },
mode:['guozhan'], mode:['guozhan'],
ai:{ ai:{
order:7, order:7,
result:{ result:{
target:1, target:1,
}, },
tag:{ tag:{
draw:1 draw:1
} }
} }
}, },
fengyangzhen:{ fengyangzhen:{
type:'zhenfa', type:'zhenfa',
chongzhu:true, chongzhu:true,
enable:true, enable:true,
filterTarget:function(card,player,target){ filterTarget:function(card,player,target){
return target.sieged(); return target.sieged();
}, },
selectTarget:-1, selectTarget:-1,
content:function(){ content:function(){
target.addTempSkill('feiying',{player:'damageAfter'}); target.addTempSkill('feiying',{player:'damageAfter'});
target.popup('feiying'); target.popup('feiying');
game.log(target,'获得了技能','【飞影】'); game.log(target,'获得了技能','【飞影】');
}, },
mode:['guozhan'], mode:['guozhan'],
ai:{ ai:{
order:7, order:7,
result:{ result:{
target:2, target:2,
}, },
} }
}, },
yunchuizhen:{ yunchuizhen:{
type:'zhenfa', type:'zhenfa',
chongzhu:true, chongzhu:true,
enable:true, enable:true,
filterTarget:function(card,player,target){ filterTarget:function(card,player,target){
return target.siege(); return target.siege();
}, },
selectTarget:-1, selectTarget:-1,
content:function(){ content:function(){
target.addTempSkill('wushuang',{source:'damageAfter'}); target.addTempSkill('wushuang',{source:'damageAfter'});
target.popup('wushuang'); target.popup('wushuang');
game.log(target,'获得了技能','【无双】'); game.log(target,'获得了技能','【无双】');
}, },
mode:['guozhan'], mode:['guozhan'],
ai:{ ai:{
order:7, order:7,
result:{ result:{
target:2, target:2,
}, },
} }
}, },
qixingzhen:{ qixingzhen:{
type:'zhenfa', type:'zhenfa',
chongzhu:true, chongzhu:true,
enable:function(card,player){ enable:function(card,player){
return player.siege()||player.sieged(); return player.siege()||player.sieged();
}, },
filterTarget:function(card,player,target){ filterTarget:function(card,player,target){
return target==player; return target==player;
}, },
selectTarget:-1, selectTarget:-1,
content:function(){ content:function(){
'step 0' 'step 0'
event.targets=game.filterPlayer(function(current){ event.targets=game.filterPlayer(function(current){
return current.siege(player); return current.siege(player);
}); });
'step 1' 'step 1'
if(event.targets.length){ if(event.targets.length){
var current=event.targets.shift(); var current=event.targets.shift();
player.line(current,'green'); player.line(current,'green');
player.discardPlayerCard(current,true); player.discardPlayerCard(current,true);
event.redo(); event.redo();
} }
'step 2' 'step 2'
var list=game.filterPlayer(function(current){ var list=game.filterPlayer(function(current){
return current.sieged(player); return current.sieged(player);
}); });
if(list.length){ if(list.length){
player.useCard({name:'sha'},list,false); player.useCard({name:'sha'},list,false);
} }
}, },
mode:['guozhan'], mode:['guozhan'],
ai:{ ai:{
order:7, order:7,
result:{ result:{
target:1, target:1,
}, },
} }
}, },
shepanzhen:{ shepanzhen:{
type:'zhenfa', type:'zhenfa',
chongzhu:true, chongzhu:true,
enable:function(card,player){ enable:function(card,player){
if(player.identity=='unknown'||player.identity=='ye') return false; if(player.identity=='unknown'||player.identity=='ye') return false;
if(get.population(player.identity)<=1) return false; if(get.population(player.identity)<=1) return false;
return game.hasPlayer(function(current){ return game.hasPlayer(function(current){
return current!=player&&current.identity==player.identity&&!player.inline(current); return current!=player&&current.identity==player.identity&&!player.inline(current);
}); });
}, },
notarget:true, notarget:true,
content:function(){ content:function(){
var targets=game.filterPlayer(function(current){ var targets=game.filterPlayer(function(current){
return current.identity==player.identity; return current.identity==player.identity;
}); });
targets.sortBySeat(); targets.sortBySeat();
for(var i=1;i<targets.length;i++){ for(var i=1;i<targets.length;i++){
game.swapSeat(targets[i],targets[i-1].next,false); game.swapSeat(targets[i],targets[i-1].next,false);
} }
game.log(get.translation(player.identity)+'势力角色摆成了蛇蟠阵') game.log(get.translation(player.identity)+'势力角色摆成了蛇蟠阵')
}, },
mode:['guozhan'], mode:['guozhan'],
ai:{ ai:{
order:7, order:7,
result:{ result:{
player:1, player:1,
}, },
} }
}, },
longfeizhen:{ longfeizhen:{
type:'zhenfa', type:'zhenfa',
chongzhu:true, chongzhu:true,
enable:function(card,player){ enable:function(card,player){
return player.next.siege(player); return player.next.siege(player);
}, },
filterTarget:function(card,player,target){ filterTarget:function(card,player,target){
if(target.getCards('he').length==0) return false; if(target.getCards('he').length==0) return false;
return target==player.next||target==player.previous; return target==player.next||target==player.previous;
}, },
selectTarget:-1, selectTarget:-1,
content:function(){ content:function(){
"step 0" "step 0"
player.choosePlayerCard(target,'he',true); player.choosePlayerCard(target,'he',true);
"step 1" "step 1"
target.discard(result.buttons[0].link); target.discard(result.buttons[0].link);
"step 2" "step 2"
if(target==targets[targets.length-1]){ if(target==targets[targets.length-1]){
player.draw(); player.draw();
} }
}, },
mode:['guozhan'], mode:['guozhan'],
ai:{ ai:{
order:10, order:10,
result:{ result:{
target:-1, target:-1,
player:1 player:1
}, },
} }
}, },
huyizhen:{ huyizhen:{
type:'zhenfa', type:'zhenfa',
chongzhu:true, chongzhu:true,
enable:function(card,player){ enable:function(card,player){
return player.siege(player.next)||player.siege(player.previous); return player.siege(player.next)||player.siege(player.previous);
}, },
filterTarget:function(card,player,target){ filterTarget:function(card,player,target){
return player.siege(target); return player.siege(target);
}, },
selectTarget:-1, selectTarget:-1,
content:function(){ content:function(){
"step 0" "step 0"
player.chooseCard('将一张非基本牌当作杀对'+get.translation(target)+'使用','he',function(card){ player.chooseCard('将一张非基本牌当作杀对'+get.translation(target)+'使用','he',function(card){
return get.type(card)!='basic'; return get.type(card)!='basic';
}).ai=function(card){ }).ai=function(card){
if(get.effect(target,{name:'sha'},player,player)>0){ if(get.effect(target,{name:'sha'},player,player)>0){
return 6-get.value(card); return 6-get.value(card);
} }
return 0; return 0;
}; };
"step 1" "step 1"
if(result.bool){ if(result.bool){
player.useCard({name:'sha'},result.cards,target,false); player.useCard({name:'sha'},result.cards,target,false);
} }
"step 2" "step 2"
if(target==player.next) event.player2=player.next.next; if(target==player.next) event.player2=player.next.next;
else event.player2=player.previous.previous; else event.player2=player.previous.previous;
event.player2.chooseCard('将一张非基本牌当作杀对'+get.translation(target)+'使用','he',function(card){ event.player2.chooseCard('将一张非基本牌当作杀对'+get.translation(target)+'使用','he',function(card){
return get.type(card)!='basic'; return get.type(card)!='basic';
}).ai=function(card){ }).ai=function(card){
if(get.effect(target,{name:'sha'},event.player2,event.player2)>0){ if(get.effect(target,{name:'sha'},event.player2,event.player2)>0){
return 6-get.value(card); return 6-get.value(card);
} }
return 0; return 0;
}; };
"step 3" "step 3"
if(result.bool){ if(result.bool){
event.player2.useCard({name:'sha'},result.cards,target,false); event.player2.useCard({name:'sha'},result.cards,target,false);
} }
}, },
mode:['guozhan'], mode:['guozhan'],
ai:{ ai:{
order:7, order:7,
result:{ result:{
target:-2, target:-2,
}, },
} }
}, },
niaoxiangzhen:{ niaoxiangzhen:{
type:'zhenfa', type:'zhenfa',
chongzhu:true, chongzhu:true,
enable:true, enable:true,
filterTarget:function(card,player,target){ filterTarget:function(card,player,target){
if(player.identity==target.identity) return false; if(player.identity==target.identity) return false;
if(target.identity=='unknown'||target.identity=='ye') return false; if(target.identity=='unknown'||target.identity=='ye') return false;
return target.identity==target.next.identity||target.identity==target.previous.identity return target.identity==target.next.identity||target.identity==target.previous.identity
}, },
selectTarget:-1, selectTarget:-1,
content:function(){ content:function(){
"step 0" "step 0"
var next=target.chooseToRespond({name:'shan'}); var next=target.chooseToRespond({name:'shan'});
next.ai=function(card){ next.ai=function(card){
if(get.damageEffect(target,player,target)>=0) return 0; if(get.damageEffect(target,player,target)>=0) return 0;
return 1; return 1;
}; };
next.autochoose=lib.filter.autoRespondShan; next.autochoose=lib.filter.autoRespondShan;
"step 1" "step 1"
if(result.bool==false){ if(result.bool==false){
target.damage(); target.damage();
} }
}, },
ai:{ ai:{
basic:{ basic:{
order:9, order:9,
useful:1 useful:1
}, },
result:{ result:{
target:-1.5, target:-1.5,
}, },
tag:{ tag:{
respond:1, respond:1,
respondShan:1, respondShan:1,
damage:1, damage:1,
} }
}, },
mode:['guozhan'], mode:['guozhan'],
}, },
}, },
skill:{ skill:{
}, },
translate:{ translate:{
zhenfa:'阵法', zhenfa:'阵法',
changshezhen:'长蛇阵', changshezhen:'长蛇阵',
pozhenjue:'破阵决', pozhenjue:'破阵决',
tianfuzhen:'天覆阵', tianfuzhen:'天覆阵',
dizaizhen:'地载阵', dizaizhen:'地载阵',
fengyangzhen:'风扬阵', fengyangzhen:'风扬阵',
yunchuizhen:'云垂阵', yunchuizhen:'云垂阵',
qixingzhen:'七星阵', qixingzhen:'七星阵',
shepanzhen:'蛇蟠阵', shepanzhen:'蛇蟠阵',
shepanzhen_bg:'列', shepanzhen_bg:'列',
yunchuizhen_bg:'垂', yunchuizhen_bg:'垂',
longfeizhen:'龙飞阵', longfeizhen:'龙飞阵',
huyizhen:'虎翼阵', huyizhen:'虎翼阵',
niaoxiangzhen:'鸟翔阵', niaoxiangzhen:'鸟翔阵',
niaoxiangzhen_info:'令所有非你阵营的队列的角色今次打出一张闪，或者受到一点伤害', niaoxiangzhen_info:'令所有非你阵营的队列的角色今次打出一张闪，或者受到一点伤害',
qixingzhen_info:'弃置所有围攻你的角色各一张牌，然后视为对所有你围攻的角色使用一张不计入出杀次数的杀', qixingzhen_info:'弃置所有围攻你的角色各一张牌，然后视为对所有你围攻的角色使用一张不计入出杀次数的杀',
// longfeizhen_info:'弃置围攻你的角色各一张牌，然后摸一张牌', // longfeizhen_info:'弃置围攻你的角色各一张牌，然后摸一张牌',
// qixingzhen_info:'令我方所有角色进入围攻状态', // qixingzhen_info:'令我方所有角色进入围攻状态',
// shepanzhen_info:'令我方所有角色进入队列状态', // shepanzhen_info:'令我方所有角色进入队列状态',
// yunchuizhen_info:'令所有围攻角色获得技能【无双】，直到其首次造成伤害', // yunchuizhen_info:'令所有围攻角色获得技能【无双】，直到其首次造成伤害',
// fengyangzhen_info:'令所有被围攻角色获得技能【飞影】，直到其首次受到伤害', // fengyangzhen_info:'令所有被围攻角色获得技能【飞影】，直到其首次受到伤害',
dizaizhen_info:'所有小势力角色摸一张牌', dizaizhen_info:'所有小势力角色摸一张牌',
changshezhen_info:'若你处于队列中，与你同一队列的所有角色摸一张牌，否则将与你逆时针距离最近的同势力角色移至你下家', changshezhen_info:'若你处于队列中，与你同一队列的所有角色摸一张牌，否则将与你逆时针距离最近的同势力角色移至你下家',
// pozhenjue_info:'将所有角色的顺序随机重排', // pozhenjue_info:'将所有角色的顺序随机重排',
tianfuzhen_info:'所有大势力角色弃置一张牌' tianfuzhen_info:'所有大势力角色弃置一张牌'
}, },
list:[ list:[
["diamond",1,'changshezhen'], ["diamond",1,'changshezhen'],
["club",1,'changshezhen'], ["club",1,'changshezhen'],
// ["spade",1,'changshezhen'], // ["spade",1,'changshezhen'],
// ["heart",1,'changshezhen'], // ["heart",1,'changshezhen'],
["diamond",2,'tianfuzhen'], ["diamond",2,'tianfuzhen'],
// ["club",2,'tianfuzhen'], // ["club",2,'tianfuzhen'],
["spade",2,'tianfuzhen'], ["spade",2,'tianfuzhen'],
["heart",2,'tianfuzhen'], ["heart",2,'tianfuzhen'],
["diamond",3,'dizaizhen'], ["diamond",3,'dizaizhen'],
// ["club",3,'dizaizhen'], // ["club",3,'dizaizhen'],
["spade",3,'dizaizhen'], ["spade",3,'dizaizhen'],
["heart",3,'dizaizhen'], ["heart",3,'dizaizhen'],
// ["diamond",4,'fengyangzhen'], // ["diamond",4,'fengyangzhen'],
// ["club",4,'fengyangzhen'], // ["club",4,'fengyangzhen'],
// ["spade",4,'fengyangzhen'], // ["spade",4,'fengyangzhen'],
// ["heart",4,'fengyangzhen'], // ["heart",4,'fengyangzhen'],
// ["diamond",5,'zhonghuangzhen'], // ["diamond",5,'zhonghuangzhen'],
// ["club",5,'zhonghuangzhen'], // ["club",5,'zhonghuangzhen'],
// ["spade",5,'zhonghuangzhen'], // ["spade",5,'zhonghuangzhen'],
// ["heart",5,'zhonghuangzhen'], // ["heart",5,'zhonghuangzhen'],
// ["diamond",6,'huyizhen'], // ["diamond",6,'huyizhen'],
// ["club",6,'huyizhen'], // ["club",6,'huyizhen'],
// ["spade",6,'huyizhen'], // ["spade",6,'huyizhen'],
// ["heart",6,'huyizhen'], // ["heart",6,'huyizhen'],
["diamond",7,'qixingzhen'], ["diamond",7,'qixingzhen'],
["club",7,'qixingzhen'], ["club",7,'qixingzhen'],
["spade",7,'qixingzhen'], ["spade",7,'qixingzhen'],
// ["heart",7,'qixingzhen'], // ["heart",7,'qixingzhen'],
// ["diamond",8,'shepanzhen'], // ["diamond",8,'shepanzhen'],
// ["club",8,'shepanzhen'], // ["club",8,'shepanzhen'],
// ["spade",8,'shepanzhen'], // ["spade",8,'shepanzhen'],
// ["heart",8,'shepanzhen'], // ["heart",8,'shepanzhen'],
// ["diamond",9,'longfeizhen'], // ["diamond",9,'longfeizhen'],
// ["club",9,'longfeizhen'], // ["club",9,'longfeizhen'],
// ["spade",9,'longfeizhen'], // ["spade",9,'longfeizhen'],
// ["heart",9,'longfeizhen'], // ["heart",9,'longfeizhen'],
["diamond",11,'niaoxiangzhen'], ["diamond",11,'niaoxiangzhen'],
// ["club",11,'niaoxiangzhen'], // ["club",11,'niaoxiangzhen'],
["spade",11,'niaoxiangzhen'], ["spade",11,'niaoxiangzhen'],
["heart",11,'niaoxiangzhen'], ["heart",11,'niaoxiangzhen'],
// ["diamond",12,'yunchuizhen'], // ["diamond",12,'yunchuizhen'],
// ["club",12,'yunchuizhen'], // ["club",12,'yunchuizhen'],
// ["spade",12,'yunchuizhen'], // ["spade",12,'yunchuizhen'],
// ["heart",12,'yunchuizhen'], // ["heart",12,'yunchuizhen'],
// ["diamond",13,'pozhenjue'], // ["diamond",13,'pozhenjue'],
// ["club",13,'pozhenjue'], // ["club",13,'pozhenjue'],
// ["spade",13,'pozhenjue'], // ["spade",13,'pozhenjue'],
//["heart",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, equipValue:5,
}, },
result:{ result:{
keepAI:true,
target:function(player,target){ target:function(player,target){
var card=target.getCards('e'); var card=target.getCards('e');
var val=get.value(card); var val=get.value(card);
@ -367,6 +368,7 @@ game.import('card',function(lib,game,ui,get,ai,_status){
equipValue:5, equipValue:5,
}, },
result:{ result:{
keepAI:true,
target:function(player,target){ target:function(player,target){
var val=2.5; var val=2.5;
var card=target.getEquip(2); var card=target.getEquip(2);
@ -394,6 +396,7 @@ game.import('card',function(lib,game,ui,get,ai,_status){
equipValue:5, equipValue:5,
}, },
result:{ result:{
keepAI:true,
target:function(player,target){ target:function(player,target){
var val=2.5; var val=2.5;
var card=target.getEquip(2); var card=target.getEquip(2);
@ -421,6 +424,7 @@ game.import('card',function(lib,game,ui,get,ai,_status){
equipValue:5, equipValue:5,
}, },
result:{ result:{
keepAI:true,
target:function(player,target){ target:function(player,target){
var val=2; var val=2;
var card=target.getEquip(2); var card=target.getEquip(2);
@ -469,6 +473,7 @@ game.import('card',function(lib,game,ui,get,ai,_status){
equipValue:5, equipValue:5,
}, },
result:{ result:{
keepAI:true,
target:function(player,target){ target:function(player,target){
if(target.sex=='male'){ if(target.sex=='male'){
var val=0; var val=0;
@ -560,6 +565,7 @@ game.import('card',function(lib,game,ui,get,ai,_status){
equipValue:5, equipValue:5,
}, },
result:{ result:{
keepAI:true,
target:function(player,target){ target:function(player,target){
return -1-target.countCards('h'); 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:{ lucia_duqu:{
mod:{ mod:{
cardSavable:function(card,player){ 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:{ trigger:{
@ -850,7 +850,13 @@ game.import('character',function(lib,game,ui,get,ai,_status){
another.gain(game.createCard('du'),'gain2'); 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}} subSkill:{terra:{sub:true}}
}, },
lucia_zhenren:{ 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, priority:5.5,
round:1, round:1,
filter:function(event,player){ 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(event.player==player) return false;
if(!player.countCards('he',{suit:get.suit(event.card)})) return false; if(!player.countCards('he',{suit:get.suit(event.card)})) return false;
return true; 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'; 'use strict';
game.import('character',function(lib,game,ui,get,ai,_status){ game.import('character',function(lib,game,ui,get,ai,_status){
return { return {
name:'xiake', name:'xiake',
character:{ character:{
// xk_dongfangweiming:['male','shu',4,[]], // xk_dongfangweiming:['male','shu',4,[]],
xk_guyuexuan:['male','qun',4,['rouquan','gzhenji']], xk_guyuexuan:['male','qun',4,['rouquan','gzhenji']],
xk_jinji:['male','shu',4,['zhongzhan','lianpo']], xk_jinji:['male','shu',4,['zhongzhan','lianpo']],
// xk_shenxiangyun:['female','wei',3,['zhenjiu']], // xk_shenxiangyun:['female','wei',3,['zhenjiu']],
xk_fujianhan:['male','qun',4,['zuijian','zitong']], xk_fujianhan:['male','qun',4,['zuijian','zitong']],
}, },
skill:{ skill:{
zhongzhan:{ zhongzhan:{
trigger:{source:'damageBegin'}, trigger:{source:'damageBegin'},
logTarget:'player', logTarget:'player',
check:function(event,player){ check:function(event,player){
if(get.damageEffect(event.player,player,player)>0&& if(get.damageEffect(event.player,player,player)>0&&
get.attitude(player,event.player)<0){ get.attitude(player,event.player)<0){
return player.hp>event.player.hp&&player.hp>=2; return player.hp>event.player.hp&&player.hp>=2;
} }
return false; return false;
}, },
content:function(){ content:function(){
player.loseHp(); player.loseHp();
trigger.num++; trigger.num++;
} }
}, },
rouquan:{ rouquan:{
mod:{ mod:{
selectTarget:function(card,player,range){ selectTarget:function(card,player,range){
if(card.name=='sha'&&!player.getEquip(1)&&range[1]!=-1) range[1]=Infinity; if(card.name=='sha'&&!player.getEquip(1)&&range[1]!=-1) range[1]=Infinity;
} }
}, },
enable:'phaseUse', enable:'phaseUse',
position:'e', position:'e',
filter:function(event,player){ filter:function(event,player){
return player.countCards('e')>0; return player.countCards('e')>0;
}, },
filterCard:true, filterCard:true,
prompt:'将要重铸的牌置入弃牌堆并摸一张牌', prompt:'将要重铸的牌置入弃牌堆并摸一张牌',
discard:false, discard:false,
delay:0.5, delay:0.5,
check:function(card,player){ check:function(card,player){
var val=get.equipValue(card); var val=get.equipValue(card);
var player=_status.event.player; var player=_status.event.player;
var cards=player.getCards('h',{subtype:get.subtype(card)}); var cards=player.getCards('h',{subtype:get.subtype(card)});
for(var i=0;i<cards.length;i++){ for(var i=0;i<cards.length;i++){
if(get.equipValue(cards[i])>=val){ if(get.equipValue(cards[i])>=val){
return 1; return 1;
} }
} }
return 0; return 0;
}, },
prepare:function(cards,player){ prepare:function(cards,player){
player.$throw(cards,1000); player.$throw(cards,1000);
}, },
content:function(){ content:function(){
"step 0" "step 0"
player.draw(); player.draw();
"step 1" "step 1"
for(var i=0;i<cards.length;i++){ for(var i=0;i<cards.length;i++){
cards[i].discard(); cards[i].discard();
} }
}, },
ai:{ ai:{
order:9.5, order:9.5,
result:{ result:{
player:1 player:1
} }
} }
}, },
gzhenji:{ gzhenji:{
trigger:{source:'damageEnd'}, trigger:{source:'damageEnd'},
frequent:true, frequent:true,
filter:function(event,player){ filter:function(event,player){
if(event._notrigger.contains(event.player)) return false; if(event._notrigger.contains(event.player)) return false;
return _status.currentPhase==player&&event.card&&event.card.name=='sha'; return _status.currentPhase==player&&event.card&&event.card.name=='sha';
}, },
content:function(){ content:function(){
player.draw(); player.draw();
player.addTempSkill('gzhenji3'); player.addTempSkill('gzhenji3');
} }
}, },
gzhenji3:{ gzhenji3:{
mod:{ mod:{
cardUsable:function(card,player,num){ cardUsable:function(card,player,num){
if(card.name=='sha') return num+1; if(card.name=='sha') return num+1;
} }
}, },
}, },
zitong:{ zitong:{
trigger:{player:'useCard'}, trigger:{player:'useCard'},
frequent:true, frequent:true,
filter:function(event,player){ filter:function(event,player){
return _status.currentPhase==player&&player.countUsed()==3; return _status.currentPhase==player&&player.countUsed()==3;
}, },
content:function(){ content:function(){
var card=get.cardPile('chuansongmen'); var card=get.cardPile('chuansongmen');
if(!card){ if(!card){
card=game.createCard('chuansongmen'); card=game.createCard('chuansongmen');
} }
player.gain(card,'gain2'); player.gain(card,'gain2');
}, },
ai:{ ai:{
threaten:1.2 threaten:1.2
} }
} }
}, },
translate:{ translate:{
xk_dongfangweiming:'东方未明', xk_dongfangweiming:'东方未明',
xk_guyuexuan:'谷月轩', xk_guyuexuan:'谷月轩',
xk_jinji:'荆棘', xk_jinji:'荆棘',
xk_shenxiangyun:'沈湘芸', xk_shenxiangyun:'沈湘芸',
xk_fujianhan:'傅剑寒', xk_fujianhan:'傅剑寒',
zhongzhan:'重斩', zhongzhan:'重斩',
zhongzhan_info:'每当你即将造成伤害，你可流失一点体力令伤害+1', zhongzhan_info:'每当你即将造成伤害，你可流失一点体力令伤害+1',
gzhenji:'震击', gzhenji:'震击',
gzhenji_info:'你使用杀造成伤害后，可以摸一张牌，并且本回合内可以额外使用一张杀', gzhenji_info:'你使用杀造成伤害后，可以摸一张牌，并且本回合内可以额外使用一张杀',
rouquan:'柔拳', rouquan:'柔拳',
rouquan_info:'你可以重铸装备区内的牌；当你没有武器牌时，你的杀可以指定任意个目标', rouquan_info:'你可以重铸装备区内的牌；当你没有武器牌时，你的杀可以指定任意个目标',
zitong:'通悟', zitong:'通悟',
zitong_info:'当你于自己的回合内使用第三张牌时，你可以将一张传送门置于你的手牌', 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'; 'use strict';
game.import('character',function(lib,game,ui,get,ai,_status){ game.import('character',function(lib,game,ui,get,ai,_status){
return { return {
name:'zhuogui', name:'zhuogui',
character:{ character:{
nianshou:['male','shu',4,['nianrui','qixiang']], nianshou:['male','shu',4,['nianrui','qixiang']],
mamian:['male','qun',4,['lianyu','guiji']], mamian:['male','qun',4,['lianyu','guiji']],
niutou:['male','shu',4,['manjia','xiaoshou']], niutou:['male','shu',4,['manjia','xiaoshou']],
baiwuchang:['male','qun',3,['qiangzheng','moukui']], baiwuchang:['male','qun',3,['qiangzheng','moukui']],
heiwuchang:['male','qun',3,['suoling','xixing']], heiwuchang:['male','qun',3,['suoling','xixing']],
}, },
skill:{ skill:{
qixiang:{ qixiang:{
group:['qixiang1','qixiang2'], group:['qixiang1','qixiang2'],
ai:{ ai:{
effect:{ effect:{
target:function(card,player,target,current){ target:function(card,player,target,current){
if(card.name=='lebu'&&card.name=='bingliang') return 0.8; if(card.name=='lebu'&&card.name=='bingliang') return 0.8;
} }
} }
} }
}, },
qixiang1:{ qixiang1:{
trigger:{player:'judge'}, trigger:{player:'judge'},
forced:true, forced:true,
filter:function(event,player){ filter:function(event,player){
if(event.card){ if(event.card){
if(event.card.viewAs){ if(event.card.viewAs){
return event.card.viewAs=='lebu'; return event.card.viewAs=='lebu';
} }
else{ else{
return event.card.name=='lebu'; return event.card.name=='lebu';
} }
} }
}, },
content:function(){ content:function(){
player.addTempSkill('qixiang3','phaseJudgeAfter'); player.addTempSkill('qixiang3','phaseJudgeAfter');
} }
}, },
qixiang2:{ qixiang2:{
trigger:{player:'judge'}, trigger:{player:'judge'},
forced:true, forced:true,
filter:function(event,player){ filter:function(event,player){
if(event.card){ if(event.card){
if(event.card.viewAs){ if(event.card.viewAs){
return event.card.viewAs=='bingliang'; return event.card.viewAs=='bingliang';
} }
else{ else{
return event.card.name=='bingliang'; return event.card.name=='bingliang';
} }
} }
}, },
content:function(){ content:function(){
player.addTempSkill('qixiang4','phaseJudgeAfter'); player.addTempSkill('qixiang4','phaseJudgeAfter');
} }
}, },
qixiang3:{ qixiang3:{
mod:{ mod:{
suit:function(card,suit){ suit:function(card,suit){
if(suit=='diamond') return 'heart'; if(suit=='diamond') return 'heart';
} }
} }
}, },
qixiang4:{ qixiang4:{
mod:{ mod:{
suit:function(card,suit){ suit:function(card,suit){
if(suit=='spade') return 'club'; if(suit=='spade') return 'club';
} }
} }
}, },
nianrui:{ nianrui:{
trigger:{player:['phaseBegin','phaseEnd']}, trigger:{player:['phaseBegin','phaseEnd']},
content:function(){ content:function(){
"step 0" "step 0"
player.judge(function(card){ player.judge(function(card){
return get.color(card)=='red'?1:0; return get.color(card)=='red'?1:0;
}); });
"step 1" "step 1"
if(result.bool){ if(result.bool){
player.draw(); player.draw();
} }
} }
}, },
lianyu:{ lianyu:{
enable:'phaseUse', enable:'phaseUse',
usable:1, usable:1,
filterCard:{color:'red'}, filterCard:{color:'red'},
check:function(card){return 6-get.value(card)}, check:function(card){return 6-get.value(card)},
filterTarget:true, filterTarget:true,
selectTarget:-1, selectTarget:-1,
line:'fire', line:'fire',
content:function(){ content:function(){
target.damage('fire'); target.damage('fire');
}, },
ai:{ ai:{
result:{ result:{
player:function(card,player,target){ player:function(card,player,target){
var eff=0; var eff=0;
for(var i=0;i<game.players.length;i++){ for(var i=0;i<game.players.length;i++){
if(!game.players[i].isOut()){ if(!game.players[i].isOut()){
eff+=get.damageEffect(game.players[i],player,player,'fire'); eff+=get.damageEffect(game.players[i],player,player,'fire');
} }
} }
return eff; return eff;
} }
}, },
expose:0.1 expose:0.1
} }
}, },
manjia:{ manjia:{
group:['manjia1','manjia2'] group:['manjia1','manjia2']
}, },
manjia1:{ manjia1:{
trigger:{target:'useCardToBefore'}, trigger:{target:'useCardToBefore'},
forced:true, forced:true,
priority:6, priority:6,
filter:function(event,player){ filter:function(event,player){
if(player.getEquip(2)) return false; if(player.getEquip(2)) return false;
return lib.skill.tengjia1.filter(event,player); return lib.skill.tengjia1.filter(event,player);
}, },
content:function(){ content:function(){
trigger.cancel(); trigger.cancel();
}, },
ai:{ ai:{
effect:{ effect:{
target:function(card,player,target,current){ target:function(card,player,target,current){
if(target.getEquip(2)) return; if(target.getEquip(2)) return;
return lib.skill.tengjia1.ai.effect.target.apply(this,arguments); return lib.skill.tengjia1.ai.effect.target.apply(this,arguments);
} }
} }
} }
}, },
manjia2:{ manjia2:{
trigger:{player:'damageBegin'}, trigger:{player:'damageBegin'},
filter:function(event,player){ filter:function(event,player){
if(player.getEquip(2)) return false; if(player.getEquip(2)) return false;
if(event.nature=='fire') return true; if(event.nature=='fire') return true;
}, },
forced:true, forced:true,
check:function(){ check:function(){
return false; return false;
}, },
content:function(){ content:function(){
trigger.num++; trigger.num++;
}, },
ai:{ ai:{
effect:{ effect:{
target:function(card,player,target,current){ target:function(card,player,target,current){
if(target.getEquip(2)) return; if(target.getEquip(2)) return;
return lib.skill.tengjia2.ai.effect.target.apply(this,arguments); return lib.skill.tengjia2.ai.effect.target.apply(this,arguments);
} }
} }
} }
}, },
xiaoshou:{ xiaoshou:{
trigger:{player:'phaseEnd'}, trigger:{player:'phaseEnd'},
filter:function(event,player){ filter:function(event,player){
var players=game.players.slice(0); var players=game.players.slice(0);
players.sort(function(a,b){ players.sort(function(a,b){
return b.hp-a.hp; return b.hp-a.hp;
}); });
return players[0].hp>players[1].hp&&players[0]!=player; return players[0].hp>players[1].hp&&players[0]!=player;
}, },
check:function(event,player){ check:function(event,player){
var players=game.players.slice(0); var players=game.players.slice(0);
players.sort(function(a,b){ players.sort(function(a,b){
return b.hp-a.hp; return b.hp-a.hp;
}); });
return get.damageEffect(players[0],player,player,'fire')>0; return get.damageEffect(players[0],player,player,'fire')>0;
}, },
prompt:function(){ prompt:function(){
var players=game.players.slice(0); var players=game.players.slice(0);
players.sort(function(a,b){ players.sort(function(a,b){
return b.hp-a.hp; return b.hp-a.hp;
}); });
return '枭首：是否对'+get.translation(players[0])+'造成一点火焰伤害？'; return '枭首：是否对'+get.translation(players[0])+'造成一点火焰伤害？';
}, },
content:function(){ content:function(){
var players=game.players.slice(0); var players=game.players.slice(0);
players.sort(function(a,b){ players.sort(function(a,b){
return b.hp-a.hp; return b.hp-a.hp;
}); });
if(players[0].hp>players[1].hp&&players[0]!=player){ if(players[0].hp>players[1].hp&&players[0]!=player){
players[0].damage('fire'); players[0].damage('fire');
player.line(players[0],'fire'); player.line(players[0],'fire');
} }
}, },
ai:{ ai:{
expose:0.2 expose:0.2
} }
}, },
guiji:{ guiji:{
trigger:{player:'phaseJudgeBegin'}, trigger:{player:'phaseJudgeBegin'},
forced:true, forced:true,
content:function(){ content:function(){
player.discard(player.getCards('j').randomGet()); player.discard(player.getCards('j').randomGet());
}, },
filter:function(event ,player){ filter:function(event ,player){
return player.countCards('j')>0; return player.countCards('j')>0;
}, },
ai:{ ai:{
effect:{ effect:{
target:function(card,player,target,current){ target:function(card,player,target,current){
if(get.type(card)=='delay'&&target.countCards('j')==0) return 0.1; if(get.type(card)=='delay'&&target.countCards('j')==0) return 0.1;
} }
} }
} }
}, },
qiangzheng:{ qiangzheng:{
audio:2, audio:2,
trigger:{player:'phaseEnd'}, trigger:{player:'phaseEnd'},
direct:true, direct:true,
forced:true, forced:true,
filter:function(event,player){ filter:function(event,player){
for(var i=0;i<game.players.length;i++){ for(var i=0;i<game.players.length;i++){
if(game.players[i]!=player&&game.players[i].countCards('h')) return true; if(game.players[i]!=player&&game.players[i].countCards('h')) return true;
} }
return false; return false;
}, },
content:function(){ content:function(){
"step 0" "step 0"
player.chooseTarget('获得一名角色的一张手牌',true,function(card,player,target){ player.chooseTarget('获得一名角色的一张手牌',true,function(card,player,target){
return player!=target&&target.countCards('h')>0; return player!=target&&target.countCards('h')>0;
}).ai=function(target){ }).ai=function(target){
return -get.attitude(player,target); return -get.attitude(player,target);
}; };
"step 1" "step 1"
if(result.targets&&result.targets.length){ if(result.targets&&result.targets.length){
player.logSkill('qiangzheng',result.targets); player.logSkill('qiangzheng',result.targets);
player.gain(result.targets[0].getCards('h').randomGet(),result.targets[0]); player.gain(result.targets[0].getCards('h').randomGet(),result.targets[0]);
result.targets[0].$give(1,player); result.targets[0].$give(1,player);
game.delay(); game.delay();
} }
}, },
ai:{ ai:{
threaten:1.7 threaten:1.7
} }
}, },
suoling:{ suoling:{
trigger:{player:'phaseEnd'}, trigger:{player:'phaseEnd'},
forced:true, forced:true,
filter:function(event,player){ filter:function(event,player){
if(player.isLinked()) return true; if(player.isLinked()) return true;
for(var i=0;i<game.players.length;i++){ for(var i=0;i<game.players.length;i++){
if(game.players[i]!=player&&!game.players[i].isLinked()){ if(game.players[i]!=player&&!game.players[i].isLinked()){
return true; return true;
} }
} }
return false; return false;
}, },
content:function(){ content:function(){
"step 0" "step 0"
event.targets=game.players.slice(0); event.targets=game.players.slice(0);
event.targets.remove(player); event.targets.remove(player);
event.targets.sort(lib.sort.seat); event.targets.sort(lib.sort.seat);
if(player.isLinked()) player.link(); if(player.isLinked()) player.link();
"step 1" "step 1"
if(event.targets.length){ if(event.targets.length){
var target=event.targets.shift(); var target=event.targets.shift();
if(!target.isLinked()){ if(!target.isLinked()){
target.link(); target.link();
} }
event.redo(); event.redo();
} }
} }
}, },
xixing:{ xixing:{
enable:'phaseUse', enable:'phaseUse',
usable:1, usable:1,
filterCard:function(card){ filterCard:function(card){
var type=get.type(card); var type=get.type(card);
for(var i=0;i<ui.selected.cards.length;i++){ for(var i=0;i<ui.selected.cards.length;i++){
if(get.type(ui.selected.cards[i])==type) return false; if(get.type(ui.selected.cards[i])==type) return false;
} }
return true; return true;
}, },
complexCard:true, complexCard:true,
selectCard:3, selectCard:3,
position:'he', position:'he',
filterTarget:function(card,player,target){ filterTarget:function(card,player,target){
return player!=target; return player!=target;
}, },
check:function(card){ check:function(card){
if(_status.event.player.hp==_status.event.player.maxHp){ if(_status.event.player.hp==_status.event.player.maxHp){
return 5-get.value(card); return 5-get.value(card);
} }
return 10-get.value(card); return 10-get.value(card);
}, },
content:function(){ content:function(){
"step 0" "step 0"
target.damage(); target.damage();
"step 1" "step 1"
player.recover(); player.recover();
}, },
ai:{ ai:{
order:9.5, order:9.5,
result:{ result:{
target:function(player,target){ target:function(player,target){
return get.damageEffect(target,player); return get.damageEffect(target,player);
} }
}, },
expose:0.2 expose:0.2
} }
} }
}, },
translate:{ translate:{
nianshou:'年兽', nianshou:'年兽',
nianrui:'年瑞', nianrui:'年瑞',
qixiang:'祺祥', qixiang:'祺祥',
qixiang1:'祺祥', qixiang1:'祺祥',
qixiang2:'祺祥', qixiang2:'祺祥',
nianrui_info:'准备阶段和结束阶段，你可以进行一次判定，若结果为红色则摸一张牌', nianrui_info:'准备阶段和结束阶段，你可以进行一次判定，若结果为红色则摸一张牌',
qixiang_info:'乐不思蜀判定时，你的方块判定牌视为红桃；兵粮寸断判定时，你的黑桃判定牌视为草花', qixiang_info:'乐不思蜀判定时，你的方块判定牌视为红桃；兵粮寸断判定时，你的黑桃判定牌视为草花',
mamian:'马面', mamian:'马面',
lianyu:'炼狱', lianyu:'炼狱',
lianyu_info:'出牌阶段限一次，你可以弃置一张红色手牌令场上所有角色受到一点火焰伤害', lianyu_info:'出牌阶段限一次，你可以弃置一张红色手牌令场上所有角色受到一点火焰伤害',
niutou:'牛头', niutou:'牛头',
manjia:'蛮甲', manjia:'蛮甲',
manjia1:'蛮甲', manjia1:'蛮甲',
manjia2:'蛮甲', manjia2:'蛮甲',
manjia_info:'锁定技，若你的装备区内没有防具牌，则你视为装备了[藤甲]', manjia_info:'锁定技，若你的装备区内没有防具牌，则你视为装备了[藤甲]',
xiaoshou:'枭首', xiaoshou:'枭首',
xiaoshou_info:'结束阶段，若场上体力值最多的角色只有一个，你可以对其造成一点火焰伤害', xiaoshou_info:'结束阶段，若场上体力值最多的角色只有一个，你可以对其造成一点火焰伤害',
guiji:'诡计', guiji:'诡计',
guiji_info:'锁定技，准备阶段结束时，若你的判定区内有牌，你随机弃置其中一张牌', guiji_info:'锁定技，准备阶段结束时，若你的判定区内有牌，你随机弃置其中一张牌',
baiwuchang:'白无常', baiwuchang:'白无常',
qiangzheng:'强征', qiangzheng:'强征',
qiangzheng_info:'锁定技，结束阶段，你获得一名其他角色的一张手牌', qiangzheng_info:'锁定技，结束阶段，你获得一名其他角色的一张手牌',
zuijiu:'醉酒', zuijiu:'醉酒',
zuijiu_info:'锁定技，你的黑杀造成的伤害+1，造成伤害后须弃置一张手牌', zuijiu_info:'锁定技，你的黑杀造成的伤害+1，造成伤害后须弃置一张手牌',
heiwuchang:'黑无常', heiwuchang:'黑无常',
suoling:'索令', suoling:'索令',
suoling_info:'锁定技，结束阶段，你解除横置状态，除你之外的所有角色进入横置状态', suoling_info:'锁定技，结束阶段，你解除横置状态，除你之外的所有角色进入横置状态',
xixing:'吸星', xixing:'吸星',
xixing_info:'出牌阶段限一次，你可以弃置三张不同类别的牌，对一名其他角色造成一点伤害，然后回复一点体力', 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={ window.config={
forbidai:['ns_liuzhang','xin_yuji','re_yuji'], forbidai:['ns_liuzhang','xin_yuji','re_yuji'],
forbidai_user:[], forbidai_user:[],
forbidall:[], forbidall:[],
forbidstone:['zhugedan','pal_xuanxiao','hs_malfurion','lusu','chenlin','hs_siwangzhiyi', forbidstone:['zhugedan','pal_xuanxiao','hs_malfurion','lusu','chenlin','hs_siwangzhiyi',
'gjqt_bailitusu','yuanshao','swd_anka','swd_nicole','daqiao','re_daqiao','hs_xuanzhuanjijia', 'gjqt_bailitusu','yuanshao','swd_anka','swd_nicole','daqiao','re_daqiao','hs_xuanzhuanjijia',
'zhuran','huatuo','swd_tuwei','hs_guldan','wangyi','caoang','swd_guyue','swd_rongshuang', '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', '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', 'gjqt_aruan','swd_hanluo','hs_anduin','swd_huanglei','yxs_yujix','yxs_luzhishen','swd_muyun','ow_tianshi',
'pal_yuejinzhao','hs_antonidas','xushi','hs_lreno' 'pal_yuejinzhao','hs_antonidas','xushi','hs_lreno'
], ],
forbidchess:['hetaihou','swd_kangnalishi'], forbidchess:['hetaihou','swd_kangnalishi'],
forbidboss:['caiwenji','gjqt_aruan','pal_xuanxiao','swd_hupo'], forbidboss:['caiwenji','gjqt_aruan','pal_xuanxiao','swd_hupo'],
forbiddouble:['zhugedan','swd_kangnalishi','dongzhuo','wutugu','hs_siwangzhiyi','hs_ronghejuren','hs_shanlingjuren'], forbiddouble:['zhugedan','swd_kangnalishi','dongzhuo','wutugu','hs_siwangzhiyi','hs_ronghejuren','hs_shanlingjuren'],
forbidthreecard:['qiankunbiao','shenhuofeiya','gw_ciguhanshuang','gw_birinongwu','gw_qinpendayu','gw_poxiao'], forbidthreecard:['qiankunbiao','shenhuofeiya','gw_ciguhanshuang','gw_birinongwu','gw_qinpendayu','gw_poxiao'],
all:{ all:{
sgscharacters:['standard','shenhua','xinghuoliaoyuan','refresh','yijiang','sp','extra','old','mobile','tw'], sgscharacters:['standard','shenhua','xinghuoliaoyuan','refresh','yijiang','sp','extra','old','mobile','tw'],
sgscards:['standard','extra','sp','guozhan'], sgscards:['standard','extra','sp','guozhan','zhulu'],
sgsmodes:['identity','guozhan','versus','doudizhu','single','brawl','connect'], sgsmodes:['identity','guozhan','versus','doudizhu','single','brawl','connect'],
stockmode:['identity','guozhan','versus','boss','doudizhu','single','chess','stone','connect','brawl','tafang'], stockmode:['identity','guozhan','versus','boss','doudizhu','single','chess','stone','connect','brawl','tafang'],
stockextension:['boss','cardpile','coin','wuxing'], stockextension:['boss','cardpile','coin','wuxing'],
layout:['default','newlayout'], layout:['default','newlayout'],
theme:['woodden','music','simple'], theme:['woodden','music','simple'],
card_font:['xiaozhuan','huangcao','caoshu','xingshu'], card_font:['xiaozhuan','huangcao','caoshu','xingshu'],
double_hp:['hejiansan','pingjun','zuidazhi','zuixiaozhi','zonghe'], double_hp:['hejiansan','pingjun','zuidazhi','zuixiaozhi','zonghe'],
image_background_filter:['default','blur','gray','sepia','invert','saturate','contrast','hue','brightness'], image_background_filter:['default','blur','gray','sepia','invert','saturate','contrast','hue','brightness'],
}, },
game:'sgs', game:'sgs',
duration:500, duration:500,
hoveration:1000, hoveration:1000,
doubleclick_intro:true, doubleclick_intro:true,
cheat:false, cheat:false,
volumn_background:8, volumn_background:8,
volumn_audio:8, volumn_audio:8,
connect_avatar:'caocao', connect_avatar:'caocao',
connect_nickname:'无名玩家', connect_nickname:'无名玩家',
config_menu:true, config_menu:true,
auto_popped_config:true, auto_popped_config:true,
auto_popped_history:false, auto_popped_history:false,
auto_skill:true, auto_skill:true,
auto_confirm:true, auto_confirm:true,
enable_drag:true, enable_drag:true,
enable_pressure:false, enable_pressure:false,
pressure_taptic:true, pressure_taptic:true,
hover_handcard:true, hover_handcard:true,
hover_all:true, hover_all:true,
right_info:true, right_info:true,
longpress_info:true, longpress_info:true,
long_info:true, long_info:true,
background_music:'music_default', background_music:'music_default',
background_audio:true, background_audio:true,
background_speak:true, background_speak:true,
glow_phase:'yellow', glow_phase:'yellow',
die_move:'flip', die_move:'flip',
skin:{}, skin:{},
gameRecord:{}, gameRecord:{},
extensionInfo:{}, extensionInfo:{},
autoskilllist:[], autoskilllist:[],
hiddenModePack:[], hiddenModePack:[],
hiddenCharacterPack:[], hiddenCharacterPack:[],
hiddenCardPack:[], hiddenCardPack:[],
hiddenPlayPack:[], hiddenPlayPack:[],
hiddenBackgroundPack:[], hiddenBackgroundPack:[],
customBackgroundPack:[], customBackgroundPack:[],
favouriteCharacter:[], favouriteCharacter:[],
favouriteMode:[], favouriteMode:[],
recentIP:[], recentIP:[],
vintageSkills:[], vintageSkills:[],
alteredSkills:[], alteredSkills:[],
brokenFile:[], brokenFile:[],
theme:'woodden', theme:'woodden',
layout:'mobile', layout:'mobile',
card_style:'default', card_style:'default',
cardback_style:'default', cardback_style:'default',
hp_style:'default', hp_style:'default',
image_character:'default', image_character:'default',
image_background:'default', image_background:'default',
asset_image:true, asset_image:true,
asset_font:true, asset_font:true,
card_font:'xiaozhuan', card_font:'xiaozhuan',
show_statusbar_ios:'off', show_statusbar_ios:'off',
show_statusbar_android:false, show_statusbar_android:false,
show_name:true, show_name:true,
show_replay:false, show_replay:false,
show_round_menu:true, show_round_menu:true,
show_pause:true, show_pause:true,
show_auto:true, show_auto:true,
show_volumn:true, show_volumn:true,
show_cardpile:true, show_cardpile:true,
only_fullskin:true, only_fullskin:true,
show_connect:true, show_connect:true,
show_wuxie:false, show_wuxie:false,
show_wuxie_self:true, show_wuxie_self:true,
show_stat:true, show_stat:true,
show_playerids:true, show_playerids:true,
show_scrollbar:false, show_scrollbar:false,
mousewheel:true, mousewheel:true,
fold_card:true, fold_card:true,
threed_card:false, threed_card:false,
vertical_scroll:false, vertical_scroll:false,
handcard_scroll:0, handcard_scroll:0,
animation:true, animation:true,
skill_animation_type:'default', skill_animation_type:'default',
paused:false, paused:false,
title:false, title:false,
button_press:true, button_press:true,
damage_shake:true, damage_shake:true,
log_highlight:true, log_highlight:true,
player_border:'normal', player_border:'normal',
radius_size:'default', radius_size:'default',
modeconfig:false, modeconfig:false,
gameconfig:false, gameconfig:false,
appearence:false, appearence:false,
video:'20', video:'20',
coin:0, coin:0,
intro:'i', intro:'i',
right_click:'pause', right_click:'pause',
sort:'type_sort', sort:'type_sort',
cards:['standard','ex','extra','sp','classic','basic'], cards:['standard','ex','extra','sp','classic','basic'],
characters:['standard','shenhua','sp','yijiang','refresh','xinghuoliaoyuan','mobile','extra'], characters:['standard','shenhua','sp','yijiang','refresh','xinghuoliaoyuan','mobile','extra'],
connect_characters:[], connect_characters:[],
connect_cards:[], connect_cards:[],
plays:[], plays:[],
extensions:[], extensions:[],
banned:[], banned:[],
bannedcards:[], bannedcards:[],
forbidlist:[], forbidlist:[],
bannedpile:{}, bannedpile:{},
customcardpile:{}, customcardpile:{},
addedpile:{}, addedpile:{},
mode:'identity', mode:'identity',
mode_config:{ mode_config:{
global:{ global:{
player_number:8, player_number:8,
auto_identity:'off', auto_identity:'off',
double_character:false, double_character:false,
save_progress:true, save_progress:true,
free_choose:true, free_choose:true,
swap:true, swap:true,
change_identity:true, change_identity:true,
battle_number:3, battle_number:3,
double_hp:'pingjun', double_hp:'pingjun',
}, },
identity:{ identity:{
identity:[ identity:[
['zhu','fan'], ['zhu','fan'],
['zhu','nei','fan'], ['zhu','nei','fan'],
['zhu','zhong','nei','fan'], ['zhu','zhong','nei','fan'],
['zhu','zhong','nei','fan','fan'], ['zhu','zhong','nei','fan','fan'],
['zhu','zhong','nei','fan','fan','fan'], ['zhu','zhong','nei','fan','fan','fan'],
['zhu','zhong','zhong','nei','fan','fan','fan'], ['zhu','zhong','zhong','nei','fan','fan','fan'],
['zhu','zhong','zhong','nei','fan','fan','fan','fan'], ['zhu','zhong','zhong','nei','fan','fan','fan','fan'],
], ],
choice:{ choice:{
zhu:3, zhu:3,
zhong:4, zhong:4,
nei:5, nei:5,
fan:3, fan:3,
}, },
show_identity:true, show_identity:true,
difficulty:'normal', difficulty:'normal',
dierestart:true dierestart:true
}, },
guozhan:{ guozhan:{
difficulty:'normal', difficulty:'normal',
initshow_draw:'mark', initshow_draw:'mark',
dierestart:true dierestart:true
}, },
}, },
current_mode:{}, current_mode:{},
customforbid:[], customforbid:[],
forbid:[ forbid:[
['huashen'], ['huashen'],
['rehuashen'], ['rehuashen'],
['xinmanjuan'], ['xinmanjuan'],
//['xinleiji','fuji'], //['xinleiji','fuji'],
['xinleiji','xinfu_jijun'], ['xinleiji','xinfu_jijun'],
['reluanji','jueqing'], ['reluanji','jueqing'],
['lianying','rende'], ['lianying','rende'],
['lianying','anxian'], ['lianying','anxian'],
['lianying','yinguo'], ['lianying','yinguo'],
['lianying','qingjian'], ['lianying','qingjian'],
['boss_juejing','rende'], ['boss_juejing','rende'],
['boss_juejing','anxian'], ['boss_juejing','anxian'],
['boss_juejing','yinguo'], ['boss_juejing','yinguo'],
['boss_juejing','qingjian'], ['boss_juejing','qingjian'],
['shangshi','rende'], ['shangshi','rende'],
['shangshi','anxian'], ['shangshi','anxian'],
['shangshi','yinguo'], ['shangshi','yinguo'],
['shangshi','qingjian'], ['shangshi','qingjian'],
['rende','relianying'], ['rende','relianying'],
['anxian','relianying'], ['anxian','relianying'],
['yinguo','relianying'], ['yinguo','relianying'],
['shenxing','relianying'], ['shenxing','relianying'],
['qingjian','relianying'], ['qingjian','relianying'],
['rende','yuling'], ['rende','yuling'],
['anxian','yuling'], ['anxian','yuling'],
['yinguo','yuling'], ['yinguo','yuling'],
['qingjian','yuling'], ['qingjian','yuling'],
//['qingnang','yiji'], //['qingnang','yiji'],
//['qingnang','reyiji'], //['qingnang','reyiji'],
//['qingjian','tuntian'], //['qingjian','tuntian'],
// ['yiji','tuntian'], // ['yiji','tuntian'],
// ['reyiji','tuntian'], // ['reyiji','tuntian'],
['tuntian','guidao'], ['tuntian','guidao'],
['tuntian','tiandao'], ['tuntian','tiandao'],
['tuntian','huanshi'], ['tuntian','huanshi'],
// ['tuntian','guicai'], // ['tuntian','guicai'],
// ['jiang','chongzhen'], // ['jiang','chongzhen'],
// ['fenji','yuling'], // ['fenji','yuling'],
['jiushi','guixin'], ['jiushi','guixin'],
['xiuhua','qiaoxie'], ['xiuhua','qiaoxie'],
['xiuhua','xuanfeng'], ['xiuhua','xuanfeng'],
['xiuhua','duanxing'], ['xiuhua','duanxing'],
['xiuhua','xiaoji'], ['xiuhua','xiaoji'],
['xiuhua','xiaoji'], ['xiuhua','xiaoji'],
// ['jiushi','jushou'], // ['jiushi','jushou'],
// ['jiushi','kuiwei'], // ['jiushi','kuiwei'],
['zishu','xinfu_songsang'], ['zishu','xinfu_songsang'],
['zishu','shenxing'], ['zishu','shenxing'],
] ]
}; };

352
game/directory.js
View File

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

174
game/http.js
View File

@ -1,87 +1,87 @@
var http = require('http'); var http = require('http');
var fs = require('fs'); var fs = require('fs');
var server = new http.Server(); var server = new http.Server();
server.listen(80); server.listen(80);
server.on('request', function(request, response) { server.on('request', function(request, response) {
var url = require('url').parse(request.url); var url = require('url').parse(request.url);
switch(url.pathname) { switch(url.pathname) {
case ''||'/' : case ''||'/' :
fs.readFile('./index.html', function(err, content){ fs.readFile('./index.html', function(err, content){
if(err) { if(err) {
response.writeHead(404, { 'Content-Type':'text/plain; charset="UTF-8"' }); response.writeHead(404, { 'Content-Type':'text/plain; charset="UTF-8"' });
response.write(err.message); response.write(err.message);
response.end(); response.end();
} else { } else {
response.writeHead(200, { 'Content-Type' : 'text/html; charset=UTF-8' }); response.writeHead(200, { 'Content-Type' : 'text/html; charset=UTF-8' });
response.write(content); response.write(content);
response.end(); response.end();
} }
}); });
break; break;
case '/test/delay': case '/test/delay':
var delay = parseInt(url.query) || 2000; var delay = parseInt(url.query) || 2000;
response.writeHead(200, {'Content-type':'text/plain; charset=UTF-8'}); response.writeHead(200, {'Content-type':'text/plain; charset=UTF-8'});
response.write('Sleeping for' + delay + ' milliseconds...'); response.write('Sleeping for' + delay + ' milliseconds...');
setTimeout(function(){ setTimeout(function(){
response.write('done.'); response.write('done.');
response.end(); response.end();
}, delay); }, delay);
break; break;
case '/test/mirror': case '/test/mirror':
response.writeHead(200, {'Content-type':'text/plain; charset=UTF-8'}); response.writeHead(200, {'Content-type':'text/plain; charset=UTF-8'});
response.write(request.mothod + ' ' + request.url + ' HTTP/' + request.httpVersion + '\r\n'); response.write(request.mothod + ' ' + request.url + ' HTTP/' + request.httpVersion + '\r\n');
for (var h in request.headers) { for (var h in request.headers) {
response.write(h + ':' + request.headers[h] + '\r\n'); response.write(h + ':' + request.headers[h] + '\r\n');
} }
response.write('\r\n'); response.write('\r\n');
request.on('data', function(chunk) { response.write(chunk); }); request.on('data', function(chunk) { response.write(chunk); });
request.on('end', function(chunk){ response.end(); }); request.on('end', function(chunk){ response.end(); });
break; break;
case '/json' : case '/json' :
response.writeHead(200, {'Content-type':'application/json; charset=UTF-8'}); response.writeHead(200, {'Content-type':'application/json; charset=UTF-8'});
response.write(JSON.stringify({test:'success'})); response.write(JSON.stringify({test:'success'}));
response.end(); response.end();
break; break;
default: default:
var filename = url.pathname.substring(1); var filename = url.pathname.substring(1);
var type = getType(filename.substring(filename.lastIndexOf('.')+1)); var type = getType(filename.substring(filename.lastIndexOf('.')+1));
fs.readFile(filename, function(err, content){ fs.readFile(filename, function(err, content){
if(err) { if(err) {
response.writeHead(404, { 'Content-Type':'text/plain; charset="UTF-8"' }); response.writeHead(404, { 'Content-Type':'text/plain; charset="UTF-8"' });
response.write(err.message); response.write(err.message);
response.end(); response.end();
} else { } else {
response.writeHead(200, { 'Content-Type' : type }); response.writeHead(200, { 'Content-Type' : type });
response.write(content); response.write(content);
response.end(); response.end();
} }
}); });
break; break;
} }
}); });
function getType(endTag){ function getType(endTag){
var type=null; var type=null;
switch(endTag){ switch(endTag){
case 'html' : case 'html' :
case 'htm' : case 'htm' :
type = 'text/html; charset=UTF-8'; type = 'text/html; charset=UTF-8';
break; break;
case 'js' : case 'js' :
type = 'application/javascript; charset="UTF-8"'; type = 'application/javascript; charset="UTF-8"';
break; break;
case 'css' : case 'css' :
type = 'text/css; charset="UTF-8"'; type = 'text/css; charset="UTF-8"';
break; break;
case 'txt' : case 'txt' :
type = 'text/plain; charset="UTF-8"'; type = 'text/plain; charset="UTF-8"';
break; break;
case 'manifest' : case 'manifest' :
type = 'text/cache-manifest; charset="UTF-8"'; type = 'text/cache-manifest; charset="UTF-8"';
break; break;
default : default :
type = 'application/octet-stream'; type = 'application/octet-stream';
break; break;
} }
return type; 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 fs = require('fs');
var webpage = require('webpage') var webpage = require('webpage')
var load = function(id){ var load = function(id){
var page = webpage.create(); var page = webpage.create();
page.settings.userAgent = 'NonameServer'; page.settings.userAgent = 'NonameServer';
page.open('file://'+fs.workingDirectory+'/index.html?server='+id, function(status) { page.open('file://'+fs.workingDirectory+'/index.html?server='+id, function(status) {
if(status !== 'success') { if(status !== 'success') {
console.log(fs.workingDirectory); console.log(fs.workingDirectory);
console.log('Unable to access network'); console.log('Unable to access network');
} }
setInterval(function(){ setInterval(function(){
if(page.evaluate(function(){ if(page.evaluate(function(){
if(!lib.node||!lib.node.clients||!lib.node.clients.length){ if(!lib.node||!lib.node.clients||!lib.node.clients.length){
return true; return true;
} }
else{ else{
return false; return false;
} }
})){ })){
page.close(); page.close();
load(id); load(id);
} }
},600000); },600000);
}); });
} }
load(1); load(1);
load(2); load(2);
load(3); 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(){ (function(){
var WebSocketServer=require('ws').Server; var WebSocketServer=require('ws').Server;
var wss=new WebSocketServer({port:8080}); var wss=new WebSocketServer({port:8080});
var bannedKeys=[]; var bannedKeys=[];
var bannedIps=[]; var bannedIps=[];
var rooms=[{},{},{},{},{},{}]; var rooms=[{},{},{},{},{},{}];
var events=[]; var events=[];
var clients={}; var clients={};
var messages={ var messages={
enter:function(index,nickname,avatar,config,mode){ enter:function(index,nickname,avatar,config,mode){
this.nickname=nickname; this.nickname=nickname;
this.avatar=avatar; this.avatar=avatar;
var room=rooms[index]; var room=rooms[index];
if(!room){ if(!room){
index=0; index=0;
room=rooms[0]; room=rooms[0];
} }
this.room=room; this.room=room;
delete this.status; delete this.status;
if(room.owner){ if(room.owner){
if(room.servermode&&!room.owner._onconfig&&config&&mode){ if(room.servermode&&!room.owner._onconfig&&config&&mode){
room.owner.sendl('createroom',index,config,mode); room.owner.sendl('createroom',index,config,mode);
room.owner._onconfig=this; room.owner._onconfig=this;
room.owner.nickname=nickname; room.owner.nickname=nickname;
room.owner.avatar=avatar; room.owner.avatar=avatar;
} }
else if(!room.config){ else if(!room.config){
this.sendl('enterroomfailed'); this.sendl('enterroomfailed');
} }
else{ else{
this.owner=room.owner; this.owner=room.owner;
this.owner.sendl('onconnection',this.wsid); this.owner.sendl('onconnection',this.wsid);
} }
util.updaterooms(); util.updaterooms();
} }
else{ else{
room.owner=this; room.owner=this;
this.sendl('createroom',index); this.sendl('createroom',index);
} }
}, },
changeAvatar:function(nickname,avatar){ changeAvatar:function(nickname,avatar){
this.nickname=nickname; this.nickname=nickname;
this.avatar=avatar; this.avatar=avatar;
util.updateclients(); util.updateclients();
}, },
server:function(cfg){ server:function(cfg){
if(cfg){ if(cfg){
this.servermode=true; this.servermode=true;
var room=rooms[cfg[0]]; var room=rooms[cfg[0]];
if(!room||room.owner){ if(!room||room.owner){
this.sendl('reloadroom',true); this.sendl('reloadroom',true);
} }
else{ else{
room.owner=this; room.owner=this;
this.room=room; this.room=room;
this.nickname=cfg[1]; this.nickname=cfg[1];
this.avatar=cfg[2]; this.avatar=cfg[2];
this.sendl('createroom',cfg[0],{},'auto') this.sendl('createroom',cfg[0],{},'auto')
} }
} }
else{ else{
for(var i=0;i<rooms.length;i++){ for(var i=0;i<rooms.length;i++){
if(!rooms[i].owner){ if(!rooms[i].owner){
rooms[i].owner=this; rooms[i].owner=this;
rooms[i].servermode=true; rooms[i].servermode=true;
this.room=rooms[i]; this.room=rooms[i];
this.servermode=true; this.servermode=true;
break; break;
} }
} }
util.updaterooms(); util.updaterooms();
} }
}, },
key:function(id){ key:function(id){
clearTimeout(this.keyCheck); clearTimeout(this.keyCheck);
delete this.keyCheck; delete this.keyCheck;
if(bannedKeys.indexOf(id)!=-1){ if(bannedKeys.indexOf(id)!=-1){
bannedIps.push(this._socket.remoteAddress); bannedIps.push(this._socket.remoteAddress);
console.log(id, this._socket.remoteAddress); console.log(id, this._socket.remoteAddress);
this.close(); this.close();
return; return;
} }
}, },
events:function(cfg,id,type){ events:function(cfg,id,type){
if(bannedKeys.indexOf(id)!=-1){ if(bannedKeys.indexOf(id)!=-1){
bannedIps.push(this._socket.remoteAddress); bannedIps.push(this._socket.remoteAddress);
console.log(id, this._socket.remoteAddress); console.log(id, this._socket.remoteAddress);
this.close(); this.close();
return; return;
} }
var changed=false; var changed=false;
var time=(new Date()).getTime(); var time=(new Date()).getTime();
if(cfg&&id){ if(cfg&&id){
if(typeof cfg=='string'){ if(typeof cfg=='string'){
for(var i=0;i<events.length;i++){ for(var i=0;i<events.length;i++){
if(events[i].id==cfg){ if(events[i].id==cfg){
if(type=='join'){ if(type=='join'){
if(events[i].members.indexOf(id)==-1){ if(events[i].members.indexOf(id)==-1){
events[i].members.push(id); events[i].members.push(id);
} }
changed=true; changed=true;
} }
else if(type=='leave'){ else if(type=='leave'){
var index=events[i].members.indexOf(id); var index=events[i].members.indexOf(id);
if(index!=-1){ if(index!=-1){
events[i].members.splice(index,1); events[i].members.splice(index,1);
if(events[i].members.length==0){ if(events[i].members.length==0){
events.splice(i--,1); events.splice(i--,1);
} }
} }
changed=true; changed=true;
} }
} }
} }
} }
else if(cfg.hasOwnProperty('utc')&& else if(cfg.hasOwnProperty('utc')&&
cfg.hasOwnProperty('day')&& cfg.hasOwnProperty('day')&&
cfg.hasOwnProperty('hour')&& cfg.hasOwnProperty('hour')&&
cfg.hasOwnProperty('content')){ cfg.hasOwnProperty('content')){
if(events.length>=20){ if(events.length>=20){
this.sendl('eventsdenied','total'); this.sendl('eventsdenied','total');
} }
else if(cfg.utc<=time){ else if(cfg.utc<=time){
this.sendl('eventsdenied','time'); this.sendl('eventsdenied','time');
} }
else{ else{
cfg.nickname=cfg.nickname||'无名玩家'; cfg.nickname=cfg.nickname||'无名玩家';
cfg.avatar=cfg.nickname||'caocao'; cfg.avatar=cfg.nickname||'caocao';
cfg.creator=id; cfg.creator=id;
cfg.id=util.getid(); cfg.id=util.getid();
cfg.members=[id]; cfg.members=[id];
events.unshift(cfg); events.unshift(cfg);
changed=true; changed=true;
} }
} }
} }
if(changed){ if(changed){
util.updateevents(); util.updateevents();
} }
}, },
config:function(config){ config:function(config){
var room=this.room; var room=this.room;
if(room&&room.owner==this){ if(room&&room.owner==this){
if(room.servermode){ if(room.servermode){
room.servermode=false; room.servermode=false;
if(this._onconfig){ if(this._onconfig){
if(clients[this._onconfig.wsid]){ if(clients[this._onconfig.wsid]){
this._onconfig.owner=this; this._onconfig.owner=this;
this.sendl('onconnection',this._onconfig.wsid); this.sendl('onconnection',this._onconfig.wsid);
} }
delete this._onconfig; delete this._onconfig;
} }
} }
room.config=config; room.config=config;
} }
util.updaterooms(); util.updaterooms();
}, },
status:function(str){ status:function(str){
if(typeof str=='string'){ if(typeof str=='string'){
this.status=str; this.status=str;
} }
else{ else{
delete this.status; delete this.status;
} }
util.updateclients(); util.updateclients();
}, },
send:function(id,message){ send:function(id,message){
if(clients[id]&&clients[id].owner==this){ if(clients[id]&&clients[id].owner==this){
try{ try{
clients[id].send(message); clients[id].send(message);
} }
catch(e){ catch(e){
clients[id].close(); clients[id].close();
} }
} }
}, },
close:function(id){ close:function(id){
if(clients[id]&&clients[id].owner==this){ if(clients[id]&&clients[id].owner==this){
clients[id].close(); clients[id].close();
} }
}, },
}; };
var util={ var util={
sendl:function(){ sendl:function(){
var args=[]; var args=[];
for(var i=0;i<arguments.length;i++){ for(var i=0;i<arguments.length;i++){
args.push(arguments[i]); args.push(arguments[i]);
} }
try{ try{
this.send(JSON.stringify(args)); this.send(JSON.stringify(args));
} }
catch(e){ catch(e){
this.close(); this.close();
} }
}, },
getid:function(){ getid:function(){
return (Math.floor(1000000000+9000000000*Math.random())).toString(); return (Math.floor(1000000000+9000000000*Math.random())).toString();
}, },
getroomlist:function(){ getroomlist:function(){
var roomlist=[]; var roomlist=[];
for(var i=0;i<rooms.length;i++){ for(var i=0;i<rooms.length;i++){
rooms[i]._num=0; rooms[i]._num=0;
} }
for(var i in clients){ for(var i in clients){
if(clients[i].room&&!clients[i].servermode){ if(clients[i].room&&!clients[i].servermode){
clients[i].room._num++; clients[i].room._num++;
} }
} }
for(var i=0;i<rooms.length;i++){ for(var i=0;i<rooms.length;i++){
if(rooms[i].servermode){ if(rooms[i].servermode){
roomlist[i]='server'; roomlist[i]='server';
} }
else if(rooms[i].owner&&rooms[i].config){ else if(rooms[i].owner&&rooms[i].config){
if(rooms[i]._num==0){ if(rooms[i]._num==0){
rooms[i].owner.sendl('reloadroom'); rooms[i].owner.sendl('reloadroom');
} }
roomlist[i]=[rooms[i].owner.nickname,rooms[i].owner.avatar, roomlist[i]=[rooms[i].owner.nickname,rooms[i].owner.avatar,
rooms[i].config,rooms[i]._num]; rooms[i].config,rooms[i]._num];
} }
else{ else{
roomlist[i]=null; roomlist[i]=null;
} }
delete rooms[i]._num; delete rooms[i]._num;
} }
return roomlist; return roomlist;
}, },
getclientlist:function(){ getclientlist:function(){
var clientlist=[]; var clientlist=[];
for(var i in clients){ for(var i in clients){
clientlist.push([clients[i].nickname,clients[i].avatar,!clients[i].room,clients[i].status,clients[i].wsid]); clientlist.push([clients[i].nickname,clients[i].avatar,!clients[i].room,clients[i].status,clients[i].wsid]);
} }
return clientlist; return clientlist;
}, },
updaterooms:function(){ updaterooms:function(){
var roomlist=util.getroomlist(); var roomlist=util.getroomlist();
var clientlist=util.getclientlist(); var clientlist=util.getclientlist();
for(var i in clients){ for(var i in clients){
if(!clients[i].room){ if(!clients[i].room){
clients[i].sendl('updaterooms',roomlist,clientlist); clients[i].sendl('updaterooms',roomlist,clientlist);
} }
} }
}, },
updateclients:function(){ updateclients:function(){
var clientlist=util.getclientlist(); var clientlist=util.getclientlist();
for(var i in clients){ for(var i in clients){
if(!clients[i].room){ if(!clients[i].room){
clients[i].sendl('updateclients',clientlist); clients[i].sendl('updateclients',clientlist);
} }
} }
}, },
checkevents:function(){ checkevents:function(){
if(events.length){ if(events.length){
var time=(new Date()).getTime(); var time=(new Date()).getTime();
for(var i=0;i<events.length;i++){ for(var i=0;i<events.length;i++){
if(events[i].utc<=time){ if(events[i].utc<=time){
events.splice(i--,1); events.splice(i--,1);
} }
} }
} }
return events; return events;
}, },
updateevents:function(){ updateevents:function(){
util.checkevents(); util.checkevents();
for(var i in clients){ for(var i in clients){
if(!clients[i].room){ if(!clients[i].room){
clients[i].sendl('updateevents',events); clients[i].sendl('updateevents',events);
} }
} }
} }
}; };
wss.on('connection',function(ws){ wss.on('connection',function(ws){
ws.sendl=util.sendl; ws.sendl=util.sendl;
if(bannedIps.indexOf(ws._socket.remoteAddress)!=-1){ if(bannedIps.indexOf(ws._socket.remoteAddress)!=-1){
ws.sendl('denied','banned'); ws.sendl('denied','banned');
setTimeout(function(){ setTimeout(function(){
ws.close(); ws.close();
},500); },500);
return; return;
} }
ws.keyCheck=setTimeout(function(){ ws.keyCheck=setTimeout(function(){
ws.sendl('denied','key'); ws.sendl('denied','key');
setTimeout(function(){ setTimeout(function(){
ws.close(); ws.close();
},500); },500);
},2000); },2000);
ws.wsid=util.getid(); ws.wsid=util.getid();
clients[ws.wsid]=ws; clients[ws.wsid]=ws;
ws.sendl('roomlist',util.getroomlist(),util.checkevents(),util.getclientlist(ws),ws.wsid); ws.sendl('roomlist',util.getroomlist(),util.checkevents(),util.getclientlist(ws),ws.wsid);
ws.heartbeat=setInterval(function(){ ws.heartbeat=setInterval(function(){
if(ws.beat){ if(ws.beat){
ws.close(); ws.close();
clearInterval(ws.heartbeat); clearInterval(ws.heartbeat);
} }
else{ else{
ws.beat=true; ws.beat=true;
try{ try{
ws.send('heartbeat'); ws.send('heartbeat');
} }
catch(e){ catch(e){
ws.close(); ws.close();
} }
} }
},60000); },60000);
ws.on('message',function(message){ ws.on('message',function(message){
if(!clients[this.wsid]) return; if(!clients[this.wsid]) return;
if(message=='heartbeat'){ if(message=='heartbeat'){
this.beat=false; this.beat=false;
} }
else if(this.owner){ else if(this.owner){
this.owner.sendl('onmessage',this.wsid,message); this.owner.sendl('onmessage',this.wsid,message);
} }
else{ else{
var arr; var arr;
try{ try{
arr=JSON.parse(message); arr=JSON.parse(message);
if(!Array.isArray(arr)){ if(!Array.isArray(arr)){
throw('err'); throw('err');
} }
} }
catch(e){ catch(e){
this.sendl('denied','banned'); this.sendl('denied','banned');
return; return;
} }
if(arr.shift()=='server'){ if(arr.shift()=='server'){
var type=arr.shift(); var type=arr.shift();
if(messages[type]){ if(messages[type]){
messages[type].apply(this,arr); messages[type].apply(this,arr);
} }
} }
} }
}); });
ws.on('close',function(){ ws.on('close',function(){
for(var i=0;i<rooms.length;i++){ for(var i=0;i<rooms.length;i++){
if(rooms[i].owner==this){ if(rooms[i].owner==this){
rooms[i].owner=null; rooms[i].owner=null;
rooms[i].config=null; rooms[i].config=null;
rooms[i].servermode=false; rooms[i].servermode=false;
for(var j in clients){ for(var j in clients){
if(clients[j].room==rooms[i]&&clients[j]!=this){ if(clients[j].room==rooms[i]&&clients[j]!=this){
clients[j].sendl('selfclose'); clients[j].sendl('selfclose');
// clients[j].close(); // clients[j].close();
// delete clients[j]; // delete clients[j];
} }
} }
} }
} }
if(clients[this.wsid]){ if(clients[this.wsid]){
if(this.owner){ if(this.owner){
this.owner.sendl('onclose',this.wsid); this.owner.sendl('onclose',this.wsid);
} }
delete clients[this.wsid]; delete clients[this.wsid];
} }
if(this.room) util.updaterooms(); if(this.room) util.updaterooms();
else util.updateclients(); else util.updateclients();
}); });
}); });
}()); }());

814
layout/default/codemirror.css
View File

@ -1,407 +1,407 @@
/* BASICS */ /* BASICS */
.CodeMirror { .CodeMirror {
/* Set height, width, borders, and global font properties here */ /* Set height, width, borders, and global font properties here */
width: 100%; width: 100%;
height: 100%; height: 100%;
color: black; color: black;
} }
.CodeMirror div{ .CodeMirror div{
display: block; display: block;
text-shadow: none; text-shadow: none;
transition: all 0s; transition: all 0s;
position: static; position: static;
} }
/* PADDING */ /* PADDING */
.CodeMirror-lines { .CodeMirror-lines {
padding: 4px 0; /* Vertical padding around content */ padding: 4px 0; /* Vertical padding around content */
} }
.CodeMirror pre { .CodeMirror pre {
padding: 0 4px; /* Horizontal padding of content */ padding: 0 4px; /* Horizontal padding of content */
} }
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
background-color: white; /* The little square between H and V scrollbars */ background-color: white; /* The little square between H and V scrollbars */
} }
/* GUTTER */ /* GUTTER */
.CodeMirror-gutters { .CodeMirror-gutters {
border-right: 1px solid #ddd; border-right: 1px solid #ddd;
background-color: #f7f7f7; background-color: #f7f7f7;
white-space: nowrap; white-space: nowrap;
} }
.CodeMirror-linenumbers {} .CodeMirror-linenumbers {}
.CodeMirror-linenumber { .CodeMirror-linenumber {
padding: 0 3px 0 5px; padding: 0 3px 0 5px;
min-width: 20px; min-width: 20px;
text-align: right; text-align: right;
color: #999; color: #999;
white-space: nowrap; white-space: nowrap;
} }
.CodeMirror-guttermarker { color: black; } .CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; } .CodeMirror-guttermarker-subtle { color: #999; }
/* CURSOR */ /* CURSOR */
.CodeMirror-cursor { .CodeMirror-cursor {
border-left: 1px solid black; border-left: 1px solid black;
border-right: none; border-right: none;
width: 0; width: 0;
} }
/* Shown when moving in bi-directional text */ /* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor { .CodeMirror div.CodeMirror-secondarycursor {
border-left: 1px solid silver; border-left: 1px solid silver;
} }
.cm-fat-cursor .CodeMirror-cursor { .cm-fat-cursor .CodeMirror-cursor {
width: auto; width: auto;
border: 0 !important; border: 0 !important;
background: #7e7; background: #7e7;
} }
.cm-fat-cursor div.CodeMirror-cursors { .cm-fat-cursor div.CodeMirror-cursors {
z-index: 1; z-index: 1;
} }
.cm-animate-fat-cursor { .cm-animate-fat-cursor {
width: auto; width: auto;
border: 0; border: 0;
-webkit-animation: blink 1.06s steps(1) infinite; -webkit-animation: blink 1.06s steps(1) infinite;
-moz-animation: blink 1.06s steps(1) infinite; -moz-animation: blink 1.06s steps(1) infinite;
animation: blink 1.06s steps(1) infinite; animation: blink 1.06s steps(1) infinite;
background-color: #7e7; background-color: #7e7;
} }
@-moz-keyframes blink { @-moz-keyframes blink {
0% {} 0% {}
50% { background-color: transparent; } 50% { background-color: transparent; }
100% {} 100% {}
} }
@-webkit-keyframes blink { @-webkit-keyframes blink {
0% {} 0% {}
50% { background-color: transparent; } 50% { background-color: transparent; }
100% {} 100% {}
} }
@keyframes blink { @keyframes blink {
0% {} 0% {}
50% { background-color: transparent; } 50% { background-color: transparent; }
100% {} 100% {}
} }
/* Can style cursor different in overwrite (non-insert) mode */ /* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {} .CodeMirror-overwrite .CodeMirror-cursor {}
.cm-tab { display: inline-block; text-decoration: inherit; } .cm-tab { display: inline-block; text-decoration: inherit; }
.CodeMirror .CodeMirror-rulers { .CodeMirror .CodeMirror-rulers {
position: absolute; position: absolute;
left: 0; right: 0; top: -50px; bottom: -20px; left: 0; right: 0; top: -50px; bottom: -20px;
overflow: hidden; overflow: hidden;
} }
.CodeMirror .CodeMirror-ruler { .CodeMirror .CodeMirror-ruler {
border-left: 1px solid #ccc; border-left: 1px solid #ccc;
top: 0; bottom: 0; top: 0; bottom: 0;
position: absolute; position: absolute;
} }
/* DEFAULT THEME */ /* DEFAULT THEME */
.cm-s-default .cm-header {color: blue;} .cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;} .cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;} .cm-negative {color: #d44;}
.cm-positive {color: #292;} .cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;} .cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;} .cm-em {font-style: italic;}
.cm-link {text-decoration: underline;} .cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;} .cm-strikethrough {text-decoration: line-through;}
.cm-s-default .cm-keyword {color: #708;} .cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;} .cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;} .cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;} .cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable, .cm-s-default .cm-variable,
.cm-s-default .cm-punctuation, .cm-s-default .cm-punctuation,
.cm-s-default .cm-property, .cm-s-default .cm-property,
.cm-s-default .cm-operator {} .cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;} .cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3 {color: #085;} .cm-s-default .cm-variable-3 {color: #085;}
.cm-s-default .cm-comment {color: #a50;} .cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;} .cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;} .cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;} .cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;} .cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;} .cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;} .cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;} .cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;} .cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;} .cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;} .cm-s-default .cm-link {color: #00c;}
.cm-s-default .cm-error {color: #f00;} .cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;} .cm-invalidchar {color: #f00;}
.CodeMirror-composing { border-bottom: 2px solid; } .CodeMirror-composing { border-bottom: 2px solid; }
/* Default styles for common addons */ /* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;} div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;} div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); } .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;} .CodeMirror-activeline-background {background: #e8f2ff;}
/* STOP */ /* STOP */
/* The rest of this file contains styles related to the mechanics of /* The rest of this file contains styles related to the mechanics of
the editor. You probably shouldn't touch them. */ the editor. You probably shouldn't touch them. */
.CodeMirror { .CodeMirror {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
background: white; background: white;
} }
.CodeMirror .CodeMirror-scroll { .CodeMirror .CodeMirror-scroll {
overflow: scroll !important; /* Things will break if this is overridden */ overflow: scroll !important; /* Things will break if this is overridden */
/* 30px is the magic margin used to hide the element's real scrollbars */ /* 30px is the magic margin used to hide the element's real scrollbars */
/* See overflow: hidden in .CodeMirror */ /* See overflow: hidden in .CodeMirror */
margin-bottom: -30px; margin-right: -30px; margin-bottom: -30px; margin-right: -30px;
padding-bottom: 30px; padding-bottom: 30px;
height: 100%; height: 100%;
outline: none; /* Prevent dragging from highlighting the element */ outline: none; /* Prevent dragging from highlighting the element */
position: relative; position: relative;
} }
.CodeMirror .CodeMirror-sizer { .CodeMirror .CodeMirror-sizer {
position: relative; position: relative;
border-right: 30px solid transparent; border-right: 30px solid transparent;
} }
/* The fake, visible scrollbars. Used to force redraw during scrolling /* The fake, visible scrollbars. Used to force redraw during scrolling
before actual scrolling happens, thus preventing shaking and before actual scrolling happens, thus preventing shaking and
flickering artifacts. */ flickering artifacts. */
.CodeMirror .CodeMirror-vscrollbar, .CodeMirror .CodeMirror-hscrollbar, .CodeMirror .CodeMirror-scrollbar-filler, .CodeMirror .CodeMirror-gutter-filler { .CodeMirror .CodeMirror-vscrollbar, .CodeMirror .CodeMirror-hscrollbar, .CodeMirror .CodeMirror-scrollbar-filler, .CodeMirror .CodeMirror-gutter-filler {
position: absolute; position: absolute;
z-index: 6; z-index: 6;
display: none; display: none;
} }
.CodeMirror-vscrollbar { .CodeMirror-vscrollbar {
right: 0; top: 0; right: 0; top: 0;
overflow-x: hidden; overflow-x: hidden;
overflow-y: scroll; overflow-y: scroll;
} }
.CodeMirror-hscrollbar { .CodeMirror-hscrollbar {
bottom: 0; left: 0; bottom: 0; left: 0;
overflow-y: hidden; overflow-y: hidden;
overflow-x: scroll; overflow-x: scroll;
} }
.CodeMirror-scrollbar-filler { .CodeMirror-scrollbar-filler {
right: 0; bottom: 0; right: 0; bottom: 0;
} }
.CodeMirror-gutter-filler { .CodeMirror-gutter-filler {
left: 0; bottom: 0; left: 0; bottom: 0;
} }
.CodeMirror .CodeMirror-gutters { .CodeMirror .CodeMirror-gutters {
position: absolute; left: 0; top: 0; position: absolute; left: 0; top: 0;
min-height: 100%; min-height: 100%;
z-index: 3; z-index: 3;
} }
.CodeMirror-gutter { .CodeMirror-gutter {
white-space: normal; white-space: normal;
height: 100%; height: 100%;
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
margin-bottom: -30px; margin-bottom: -30px;
/* Hack to make IE7 behave */ /* Hack to make IE7 behave */
*zoom:1; *zoom:1;
*display:inline; *display:inline;
} }
.CodeMirror .CodeMirror-gutter-wrapper { .CodeMirror .CodeMirror-gutter-wrapper {
position: absolute; position: absolute;
z-index: 4; z-index: 4;
background: none !important; background: none !important;
border: none !important; border: none !important;
} }
.CodeMirror .CodeMirror-gutter-background { .CodeMirror .CodeMirror-gutter-background {
position: absolute; position: absolute;
top: 0; bottom: 0; top: 0; bottom: 0;
z-index: 4; z-index: 4;
} }
.CodeMirror .CodeMirror-gutter-elt { .CodeMirror .CodeMirror-gutter-elt {
position: absolute; position: absolute;
cursor: default; cursor: default;
z-index: 4; z-index: 4;
} }
.CodeMirror-gutter-wrapper { .CodeMirror-gutter-wrapper {
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
user-select: none; user-select: none;
} }
.CodeMirror-lines { .CodeMirror-lines {
cursor: text; cursor: text;
min-height: 1px; /* prevents collapsing before first draw */ min-height: 1px; /* prevents collapsing before first draw */
} }
.CodeMirror pre { .CodeMirror pre {
/* Reset some styles that the rest of the page might have set */ /* Reset some styles that the rest of the page might have set */
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
border-width: 0; border-width: 0;
background: transparent; background: transparent;
/*font-family: inherit;*/ /*font-family: inherit;*/
/*font-family:'STHeiti','SimHei','Microsoft JhengHei','Microsoft YaHei','WenQuanYi Micro Hei',Helvetica,Arial,sans-serif;*/ /*font-family:'STHeiti','SimHei','Microsoft JhengHei','Microsoft YaHei','WenQuanYi Micro Hei',Helvetica,Arial,sans-serif;*/
font-size: inherit; font-size: inherit;
margin: 0; margin: 0;
white-space: pre; white-space: pre;
word-wrap: normal; word-wrap: normal;
line-height: inherit; line-height: inherit;
color: inherit; color: inherit;
z-index: 2; z-index: 2;
position: relative; position: relative;
overflow: visible; overflow: visible;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
-webkit-font-variant-ligatures: none; -webkit-font-variant-ligatures: none;
font-variant-ligatures: none; font-variant-ligatures: none;
} }
.CodeMirror-wrap pre { .CodeMirror-wrap pre {
word-wrap: break-word; word-wrap: break-word;
white-space: pre-wrap; white-space: pre-wrap;
word-break: normal; word-break: normal;
} }
.CodeMirror .CodeMirror-linebackground { .CodeMirror .CodeMirror-linebackground {
position: absolute; position: absolute;
left: 0; right: 0; top: 0; bottom: 0; left: 0; right: 0; top: 0; bottom: 0;
z-index: 0; z-index: 0;
} }
.CodeMirror .CodeMirror-linewidget { .CodeMirror .CodeMirror-linewidget {
position: relative; position: relative;
z-index: 2; z-index: 2;
overflow: auto; overflow: auto;
} }
.CodeMirror-widget {} .CodeMirror-widget {}
.CodeMirror-code { .CodeMirror-code {
outline: none; outline: none;
} }
/* Force content-box sizing for the elements where we expect it */ /* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll, .CodeMirror-scroll,
.CodeMirror-sizer, .CodeMirror-sizer,
.CodeMirror-gutter, .CodeMirror-gutter,
.CodeMirror-gutters, .CodeMirror-gutters,
.CodeMirror-linenumber { .CodeMirror-linenumber {
-moz-box-sizing: content-box; -moz-box-sizing: content-box;
box-sizing: content-box; box-sizing: content-box;
} }
.CodeMirror .CodeMirror-measure { .CodeMirror .CodeMirror-measure {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 0; height: 0;
overflow: hidden; overflow: hidden;
visibility: hidden; visibility: hidden;
} }
.CodeMirror .CodeMirror-cursor { .CodeMirror .CodeMirror-cursor {
position: absolute; position: absolute;
pointer-events: none; pointer-events: none;
} }
.CodeMirror-measure pre { position: static; } .CodeMirror-measure pre { position: static; }
.CodeMirror div.CodeMirror-cursors { .CodeMirror div.CodeMirror-cursors {
visibility: hidden; visibility: hidden;
position: relative; position: relative;
z-index: 3; z-index: 3;
} }
div.CodeMirror-dragcursors { div.CodeMirror-dragcursors {
visibility: visible; visibility: visible;
} }
.CodeMirror-focused div.CodeMirror-cursors { .CodeMirror-focused div.CodeMirror-cursors {
visibility: visible; visibility: visible;
} }
.CodeMirror-selected { background: #d9d9d9; } .CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; } .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; } .CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; } .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; } .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
.cm-searching { .cm-searching {
background: #ffa; background: #ffa;
background: rgba(255, 255, 0, .4); background: rgba(255, 255, 0, .4);
} }
/* IE7 hack to prevent it from returning funny offsetTops on the spans */ /* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span { *vertical-align: text-bottom; } .CodeMirror span { *vertical-align: text-bottom; }
/* Used to force a border model for a node */ /* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; } .cm-force-border { padding-right: .1px; }
@media print { @media print {
/* Hide the cursor when printing */ /* Hide the cursor when printing */
.CodeMirror div.CodeMirror-cursors { .CodeMirror div.CodeMirror-cursors {
visibility: hidden; visibility: hidden;
} }
} }
/* See issue #2901 */ /* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; } .cm-tab-wrap-hack:after { content: ''; }
/* Help users use markselection to safely style text background */ /* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; } span.CodeMirror-selectedtext { background: none; }
/* /*
MDN-LIKE Theme - Mozilla MDN-LIKE Theme - Mozilla
Ported to CodeMirror by Peter Kroon <plakroon@gmail.com> Ported to CodeMirror by Peter Kroon <plakroon@gmail.com>
Report bugs/issues here: https://github.com/codemirror/CodeMirror/issues Report bugs/issues here: https://github.com/codemirror/CodeMirror/issues
GitHub: @peterkroon GitHub: @peterkroon
The mdn-like theme is inspired on the displayed code examples at: https://developer.mozilla.org/en-US/docs/Web/CSS/animation 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.CodeMirror { color: #999; background-color: #fff; }
.cm-s-mdn-like div.CodeMirror-selected { background: #cfc; } .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::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-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-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-linenumber { color: #aaa; padding-left: 8px; }
.cm-s-mdn-like .CodeMirror-cursor { border-left: 2px solid #222; } .cm-s-mdn-like .CodeMirror-cursor { border-left: 2px solid #222; }
.cm-s-mdn-like .cm-keyword { color: #6262FF; } .cm-s-mdn-like .cm-keyword { color: #6262FF; }
.cm-s-mdn-like .cm-atom { color: #F90; } .cm-s-mdn-like .cm-atom { color: #F90; }
.cm-s-mdn-like .cm-number { color: #ca7841; } .cm-s-mdn-like .cm-number { color: #ca7841; }
.cm-s-mdn-like .cm-def { color: #8DA6CE; } .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-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 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-variable { color: #07a; }
.cm-s-mdn-like .cm-property { color: #905; } .cm-s-mdn-like .cm-property { color: #905; }
.cm-s-mdn-like .cm-qualifier { color: #690; } .cm-s-mdn-like .cm-qualifier { color: #690; }
.cm-s-mdn-like .cm-operator { color: #cda869; } .cm-s-mdn-like .cm-operator { color: #cda869; }
.cm-s-mdn-like .cm-comment { color:#777; font-weight:normal; } .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 { color:#07a; font-style:italic; }
.cm-s-mdn-like .cm-string-2 { color:#bd6b18; } /*?*/ .cm-s-mdn-like .cm-string-2 { color:#bd6b18; } /*?*/
.cm-s-mdn-like .cm-meta { color: #000; } /*?*/ .cm-s-mdn-like .cm-meta { color: #000; } /*?*/
.cm-s-mdn-like .cm-builtin { color: #9B7536; } /*?*/ .cm-s-mdn-like .cm-builtin { color: #9B7536; } /*?*/
.cm-s-mdn-like .cm-tag { color: #997643; } .cm-s-mdn-like .cm-tag { color: #997643; }
.cm-s-mdn-like .cm-attribute { color: #d6bb6d; } /*?*/ .cm-s-mdn-like .cm-attribute { color: #d6bb6d; } /*?*/
.cm-s-mdn-like .cm-header { color: #FF6400; } .cm-s-mdn-like .cm-header { color: #FF6400; }
.cm-s-mdn-like .cm-hr { color: #AEAEAE; } .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-link { color:#ad9361; font-style:italic; text-decoration:none; }
.cm-s-mdn-like .cm-error { border-bottom: 1px solid red; } .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 .CodeMirror-activeline-background { background: #efefff; }
div.cm-s-mdn-like span.CodeMirror-matchingbracket { outline:1px solid grey; color: inherit; } 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=); }*/ /*.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{ #arena{
height: calc(97% + 30px); height: calc(97% + 30px);
top:3% top:3%
} }
#arena.mobile>#control{ #arena.mobile>#control{
top:calc(100% - 205px); top:calc(100% - 205px);
} }
#arena.chess.mobile>#control{ #arena.chess.mobile>#control{
top:calc(100% - 175px); top:calc(100% - 175px);
} }
#control>div,#system>div>div{ #control>div,#system>div>div{
height: 40px; height: 40px;
font-family: 'xinwei'; font-family: 'xinwei';
font-size: 30px; font-size: 30px;
line-height: 34px; line-height: 34px;
} }
#historybar{ #historybar{
top:14px; top:14px;
height: calc(100% - 150px); height: calc(100% - 150px);
} }
#window.oblongcard #historybar{ #window.oblongcard #historybar{
height: calc(100% - 170px); height: calc(100% - 170px);
} }
#time{ #time{
visibility: hidden; visibility: hidden;
} }
#system{ #system{
z-index: 31 !important; z-index: 31 !important;
} }
#window>.dialog.popped{ #window>.dialog.popped{
z-index: 21 !important; z-index: 21 !important;
} }
#system>div{ #system>div{
position: absolute; position: absolute;
height: 60px; height: 60px;
} }
#system>div:first-child{ #system>div:first-child{
left:5px; left:5px;
} }
#system>div:last-child{ #system>div:last-child{
right:5px; right:5px;
} }
#system>div>div{ #system>div>div{
line-height: 40px; line-height: 40px;
} }
#system{ #system{
z-index: 5; z-index: 5;
} }
#system>div{ #system>div{
transition-duration: 0.3s; transition-duration: 0.3s;
} }
#system>div:not(.shown){ #system>div:not(.shown){
transform: translateY(-80px); transform: translateY(-80px);
} }
.statusbar #system>div:not(.shown){ .statusbar #system>div:not(.shown){
transform: translateY(-120px); transform: translateY(-120px);
} }
#system>#system1{ #system>#system1{
width: 140px; width: 140px;
} }
#system>#system2{ #system>#system2{
width: calc(100% - 140px); width: calc(100% - 140px);
} }
#system>div:not(.shown)>div{ #system>div:not(.shown)>div{
pointer-events: none; pointer-events: none;
} }
#pausebutton,#autobutton,#restartbutton{ #pausebutton,#autobutton,#restartbutton{
display: none !important; display: none !important;
} }
.menu-container>.menu.main, .menu-container>.menu.main,
.popup-container>.menu{ .popup-container>.menu{
zoom:1.3; zoom:1.3;
} }
.popup-container>.menu{ .popup-container>.menu{
max-height: 307px; max-height: 307px;
} }
.popup-container>.menu.visual.withbar{ .popup-container>.menu.visual.withbar{
max-height: 360px; max-height: 360px;
} }
.menu-container>.menu.main:not(.center){ .menu-container>.menu.main:not(.center){
top: 12px !important; top: 12px !important;
left: 10px !important; left: 10px !important;
} }
#system{ #system{
width: calc(100% - 12px) !important; width: calc(100% - 12px) !important;
left: 0 !important; left: 0 !important;
} }
#arena.phonetop{ #arena.phonetop{
top:80px !important; top:80px !important;
} }
.player>.identity{ .player>.identity{
transform: scale(1.3); transform: scale(1.3);
} }
#window>.dialog.popped.hoverdialog{ #window>.dialog.popped.hoverdialog{
transform: scale(1.3); transform: scale(1.3);
transform-origin: left top; transform-origin: left top;
} }
.player:not([data-position='0']).linked .identity, .player:not([data-position='0']).linked .identity,
#arena.chess .player.linked .identity{ #arena.chess .player.linked .identity{
transform:scale(1.3) rotate(90deg); transform:scale(1.3) rotate(90deg);
} }
/*br.finish_game{ /*br.finish_game{
display: inline !important; display: inline !important;
}*/ }*/
div:not(.shown)>div.finish_game{ div:not(.shown)>div.finish_game{
opacity: 0 !important; opacity: 0 !important;
} }
div.finish_game{ div.finish_game{
transition: all 0.2s !important; transition: all 0.2s !important;
} }
@media screen and (orientation:portrait) { @media screen and (orientation:portrait) {
} }

514
layout/long/layout.css
View File

@ -1,257 +1,257 @@
@import "../mobile/layout.css"; @import "../mobile/layout.css";
#window.rightbar #system, #window.rightbar #system,
#window.leftbar #system{ #window.leftbar #system{
width: calc(100% - 62px); width: calc(100% - 62px);
} }
#window.leftbar #system{ #window.leftbar #system{
left: 50px; left: 50px;
} }
#window.rightbar #historybar{ #window.rightbar #historybar{
left: calc(100% - 50px); left: calc(100% - 50px);
} }
#window.leftbar #historybar{ #window.leftbar #historybar{
left: 0; left: 0;
} }
#historybar{ #historybar{
left: calc(100% - 50px); left: calc(100% - 50px);
border-radius: 0; border-radius: 0;
top: 0; top: 0;
height: calc(100% - 121px); height: calc(100% - 121px);
z-index: 1; z-index: 1;
} }
#window.oblongcard #historybar{ #window.oblongcard #historybar{
height: calc(100% - 141px); height: calc(100% - 141px);
} }
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.name.name2{ #arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.name.name2{
left: auto; left: auto;
right: 13px; right: 13px;
} }
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0']){ #arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0']){
width: 120px !important; width: 120px !important;
height: 220px !important; height: 220px !important;
} }
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.marks{ #arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.marks{
left: -15px; left: -15px;
} }
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.judges{ #arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.judges{
right: -27px; right: -27px;
} }
#arena:not(.fewplayer)[data-player_height='default']>.player:not(.minskin):not(*[data-position='0']){ #arena:not(.fewplayer)[data-player_height='default']>.player:not(.minskin):not(*[data-position='0']){
height: 200px !important; height: 200px !important;
} }
#arena:not(.fewplayer)[data-player_height='short']>.player:not(.minskin):not(*[data-position='0']){ #arena:not(.fewplayer)[data-player_height='short']>.player:not(.minskin):not(*[data-position='0']){
height: 180px !important; height: 180px !important;
} }
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.equips{ #arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.equips{
transform: scale(0.8); transform: scale(0.8);
transform-origin: bottom left; transform-origin: bottom left;
} }
#arena:not(.fewplayer).lslim_player .player .equips{ #arena:not(.fewplayer).lslim_player .player .equips{
left: 5px; left: 5px;
} }
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar, #arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar,
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar2{ #arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar2{
width: calc(100% - 14px) !important; width: calc(100% - 14px) !important;
height: calc(100% - 14px) !important; height: calc(100% - 14px) !important;
background-position: 50% !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'])>.avatar,
#arena.uslim_player:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar2{ #arena.uslim_player:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar2{
width: calc(100% - 6px) !important; width: calc(100% - 6px) !important;
height: calc(100% - 6px) !important; height: calc(100% - 6px) !important;
background-position: 50% !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'])>.avatar,
#arena.lslim_player:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar2{ #arena.lslim_player:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.avatar2{
width: calc(100% - 10px) !important; width: calc(100% - 10px) !important;
height: calc(100% - 10px) !important; height: calc(100% - 10px) !important;
background-position: 50% !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'])>.avatar,
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{ #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
height: 50% !important; height: 50% !important;
background-position: 0 0 !important; background-position: 0 0 !important;
border-radius: 8px !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'])>.avatar,
#arena.uslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{ #arena.uslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
height: calc(50% + 4px) !important; 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'])>.avatar,
#arena.lslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{ #arena.lslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
height: calc(50% + 2px) !important; 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'])>.avatar,
#window[data-radius_size='reduce'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{ #window[data-radius_size='reduce'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
border-radius: 4px !important; 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'])>.avatar,
#window[data-radius_size='off'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{ #window[data-radius_size='off'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
border-radius: 0px !important; 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'])>.avatar,
#window[data-radius_size='increase'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{ #window[data-radius_size='increase'] #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
border-radius: 16px !important; border-radius: 16px !important;
} }
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{ #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
border-radius: 8px 8px 0 0 !important; border-radius: 8px 8px 0 0 !important;
height: calc(50% + 14px) !important; height: calc(50% + 14px) !important;
clip-path: polygon(-10px -10px, 116px -10px, 116px 92px, 106px 92px, 0px 114px, -10px 114px); 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); -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{ #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); 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); -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{ #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); 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); -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{ #arena.uslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
height: calc(50% + 18px) !important; height: calc(50% + 18px) !important;
clip-path: polygon(-10px -10px, 124px -10px, 124px 96px, 114px 96px, 0px 118px, -10px 118px); 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); -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{ #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); 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); -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{ #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); 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); -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{ #arena.lslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen2):not(*[data-position='0'])>.avatar{
height: calc(50% + 18px) !important; height: calc(50% + 18px) !important;
clip-path: polygon(-10px -10px, 120px -10px, 120px 94px, 110px 94px, 0px 116px, -10px 116px); 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); -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{ #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); 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); -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{ #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); 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); -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{ #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; 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{ #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; 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{ #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; border-radius: 16px 16px 0 0 !important;
} }
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{ #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
border-radius: 0 0 8px 8px !important; border-radius: 0 0 8px 8px !important;
top: calc(50% - 21px) !important; top: calc(50% - 21px) !important;
height: calc(50% + 14px) !important; height: calc(50% + 14px) !important;
background-position: 0 10px !important; background-position: 0 10px !important;
clip-path: polygon(-10px 32px, 0 32px, 106px 10px, 116px 10px, 116px 134px, -10px 134px); 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); -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{ #arena.uslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
top: calc(50% - 21px) !important; top: calc(50% - 21px) !important;
height: calc(50% + 18px) !important; height: calc(50% + 18px) !important;
clip-path: polygon(-10px 32px, 0 32px, 114px 10px, 124px 10px, 124px 138px, -10px 138px); 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); -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{ #arena.lslim_player:not(.fewplayer)>.player.fullskin2:not(.minskin):not(.unseen):not(*[data-position='0'])>.avatar2{
top: calc(50% - 21px) !important; top: calc(50% - 21px) !important;
height: calc(50% + 16px) !important; height: calc(50% + 16px) !important;
clip-path: polygon(-10px 32px, 0 32px, 110px 10px, 120px 10px, 120px 136px, -10px 136px); 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); -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{ #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; 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{ #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; 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{ #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; border-radius: 0 0 16px 16px !important;
} }
#arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{ #arena:not(.fewplayer)>.player.fullskin2:not(.minskin):not(*[data-position='0'])>.avatar2{
top: calc(50% - 7px) !important; top: calc(50% - 7px) !important;
} }
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.identity{ #arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.identity{
left: 102px; left: 102px;
} }
#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.hp:not(.actcount){ #arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.hp:not(.actcount){
left: 93px; left: 93px;
} }
/*#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.hp:not(.actcount).text{ /*#arena:not(.fewplayer)>.player:not(.minskin):not(*[data-position='0'])>.hp:not(.actcount).text{
left: 89px; left: 89px;
}*/ }*/
#arena:not(.fewplayer)>.player.fullskin2 .avatar2{ #arena:not(.fewplayer)>.player.fullskin2 .avatar2{
z-index: 2; z-index: 2;
} }
#arena:not(.fewplayer)>.player.unseen:not(.unseen2) .count{ #arena:not(.fewplayer)>.player.unseen:not(.unseen2) .count{
text-align: left; text-align: left;
border-radius:3px 0 0 3px; border-radius:3px 0 0 3px;
} }
#arena:not(.fewplayer)>.player.unseen2 .count{ #arena:not(.fewplayer)>.player.unseen2 .count{
border-radius: 3px; border-radius: 3px;
text-align: center; text-align: center;
} }
#arena:not(.fewplayer) .timerbar>div{ #arena:not(.fewplayer) .timerbar>div{
top: 205px; top: 205px;
width: 96px; width: 96px;
left: 12px; left: 12px;
} }
#arena:not(.fewplayer)[data-player_height='default'] .timerbar>div{ #arena:not(.fewplayer)[data-player_height='default'] .timerbar>div{
top: 185px; top: 185px;
} }
#arena:not(.fewplayer)[data-player_height='short'] .timerbar>div{ #arena:not(.fewplayer)[data-player_height='short'] .timerbar>div{
top: 165px; top: 165px;
} }
/*--------位置(8人)------*/ /*--------位置(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='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='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='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='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='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='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);} #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){ @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='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='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='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='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='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='6']{left:calc(100% / 6 - 20px);}
#arena:not(.fewplayer)[data-number='8']>.player[data-position='7']{left:0;} #arena:not(.fewplayer)[data-number='8']>.player[data-position='7']{left:0;}
} }
/*--------位置(7人)------*/ /*--------位置(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='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='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='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='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='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;} #arena:not(.fewplayer)[data-number='7']>.player[data-position='6']{top:calc(30% - 120px);left:0;}
/*--------位置(6人)------*/ /*--------位置(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='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='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='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='4']{top:0px;left:calc(25% - 30px);}
#arena:not(.fewplayer)[data-number='6']>.player[data-position='5']{top:calc(30% - 120px);left:0;} #arena:not(.fewplayer)[data-number='6']>.player[data-position='5']{top:calc(30% - 120px);left:0;}
/*--------位置(5人)------*/ /*--------位置(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='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='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='3']{top:0;left:calc(100% / 3 - 40px);}
#arena:not(.fewplayer)[data-number='5']>.player[data-position='4']{top:calc(30% - 120px);left:0;} #arena:not(.fewplayer)[data-number='5']>.player[data-position='4']{top:calc(30% - 120px);left:0;}
/*--------位置(4人)------*/ /*--------位置(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='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='2']{top:0;left:calc(50% - 60px);}
#arena:not(.fewplayer)[data-number='4']>.player[data-position='3']{top:calc(30% - 120px);left:0;} #arena:not(.fewplayer)[data-number='4']>.player[data-position='3']{top:calc(30% - 120px);left:0;}
/*--------位置(3人)------*/ /*--------位置(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='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);} #arena:not(.fewplayer)[data-number='3']>.player[data-position='2']{top:calc(60% / 3 - 88px);left:calc(25% - 200px);}
/*--------位置(2人)------*/ /*--------位置(2人)------*/
#arena:not(.fewplayer)[data-number='2']>.player[data-position='1']{top:0;left:calc(50% - 60px);} #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"; @import "../newlayout/layout.css";
#arena{ #arena{
height: calc(95% + 20px); height: calc(95% + 20px);
} }
#control{ #control{
width: calc(5000% / 47 - 240px); width: calc(5000% / 47 - 240px);
left:calc(-150% / 47 + 120px); left:calc(-150% / 47 + 120px);
bottom:150px; bottom:150px;
height: 40px; height: 40px;
} }
#arena.phone #control{ #arena.phone #control{
bottom:160px; bottom:160px;
} }
#arena.ipad #control{ #arena.ipad #control{
bottom:155px; bottom:155px;
} }
#arena:not(.chess)>#me, #arena:not(.chess)>#me,
#arena:not(.chess)>#mebg, #arena:not(.chess)>#mebg,
#arena:not(.chess)>#autonode{ #arena:not(.chess)>#autonode{
bottom:30px; bottom:30px;
width: calc(5000% / 47); width: calc(5000% / 47);
left:calc(-150% / 47); left:calc(-150% / 47);
top:auto; top:auto;
border-radius:0 !important; border-radius:0 !important;
height:120px; height:120px;
} }
#arena.oblongcard:not(.chess)>#me, #arena.oblongcard:not(.chess)>#me,
#arena.oblongcard:not(.chess)>#mebg, #arena.oblongcard:not(.chess)>#mebg,
#arena.oblongcard:not(.chess)>#autonode{ #arena.oblongcard:not(.chess)>#autonode{
height: 140px; height: 140px;
} }
#arena.oblongcard:not(.chess)>.card, #arena.oblongcard:not(.chess)>.card,
#arena.oblongcard:not(.chess) .handcards>.card{ #arena.oblongcard:not(.chess) .handcards>.card{
height: 120px; height: 120px;
} }
#arena.oblongcard:not(.chess)>.card>.image, #arena.oblongcard:not(.chess)>.card>.image,
#arena.oblongcard:not(.chess) .handcards>.card>.image{ #arena.oblongcard:not(.chess) .handcards>.card>.image{
height: 110px; height: 110px;
top: 8px; top: 8px;
background-position-x: -3px; background-position-x: -3px;
} }
#arena.oblongcard:not(.chess) #handcards1{ #arena.oblongcard:not(.chess) #handcards1{
height: 100%; height: 100%;
top: 2px; top: 2px;
} }
#arena.oblongcard:not(.chess):not(.choose-character) #control{ #arena.oblongcard:not(.chess):not(.choose-character) #control{
bottom:165px; bottom:165px;
} }
#arena.phone.oblongcard:not(.chess):not(.choose-character) #control{ #arena.phone.oblongcard:not(.chess):not(.choose-character) #control{
bottom:180px; bottom:180px;
} }
#arena:not(.chess)>#autonode{ #arena:not(.chess)>#autonode{
width: calc(5000% / 47 - 240px); width: calc(5000% / 47 - 240px);
left:calc(-150% / 47 + 120px); left:calc(-150% / 47 + 120px);
} }
#arena:not(.mobile).single-handcard #handcards1{ #arena:not(.mobile).single-handcard #handcards1{
width: calc(100% - 120px); width: calc(100% - 120px);
} }
#window.rightbar #system, #window.rightbar #system,
#window.leftbar #system{ #window.leftbar #system{
width: calc(100% - 62px); width: calc(100% - 62px);
} }
#window.leftbar #system{ #window.leftbar #system{
left: 50px; left: 50px;
} }
#window.rightbar #historybar{ #window.rightbar #historybar{
left: calc(100% - 50px); left: calc(100% - 50px);
border-radius: 0; border-radius: 0;
top: 0; top: 0;
height: 100%; height: 100%;
} }
#window.leftbar #historybar{ #window.leftbar #historybar{
left: 0; left: 0;
border-radius: 0; border-radius: 0;
top: 0; top: 0;
height: 100%; height: 100%;
} }
#window.single-handcard #historybar{ #window.single-handcard #historybar{
height: calc(100% - 121px); height: calc(100% - 121px);
} }
#window.oblongcard.single-handcard #historybar{ #window.oblongcard.single-handcard #historybar{
height: calc(100% - 141px); height: calc(100% - 141px);
} }
#window.leftbar #arena:not(.chess)>#me, #window.leftbar #arena:not(.chess)>#me,
#window.leftbar #arena:not(.chess)>#mebg, #window.leftbar #arena:not(.chess)>#mebg,
#window.leftbar #arena:not(.chess)>#autonode{ #window.leftbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47); width: calc(5000% / 47 + 2500px / 47);
left:calc(-150% / 47 - 50px - 75px / 47); left:calc(-150% / 47 - 50px - 75px / 47);
} }
#window.leftbar #arena:not(.chess)>#autonode{ #window.leftbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47 - 240px); width: calc(5000% / 47 + 2500px / 47 - 240px);
left:calc(-150% / 47 - 50px - 75px / 47 + 120px); left:calc(-150% / 47 - 50px - 75px / 47 + 120px);
} }
#window.rightbar #arena:not(.chess)>#me, #window.rightbar #arena:not(.chess)>#me,
#window.rightbar #arena:not(.chess)>#mebg, #window.rightbar #arena:not(.chess)>#mebg,
#window.rightbar #arena:not(.chess)>#autonode{ #window.rightbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47); width: calc(5000% / 47 + 2500px / 47);
left:calc(-150% / 47 - 75px / 47); left:calc(-150% / 47 - 75px / 47);
} }
#window.rightbar #arena:not(.chess)>#autonode{ #window.rightbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47 - 240px); width: calc(5000% / 47 + 2500px / 47 - 240px);
left:calc(-150% / 47 - 75px / 47 + 120px); left:calc(-150% / 47 - 75px / 47 + 120px);
} }
#arena:not(.chess) #handcards1{ #arena:not(.chess) #handcards1{
height:120px; height:120px;
padding:0; padding:0;
top:calc(100% - 120px); top:calc(100% - 120px);
} }
#arena:not(.chess) #handcards1.scrollh{ #arena:not(.chess) #handcards1.scrollh{
top: calc(100% - 180px); top: calc(100% - 180px);
height: 180px; height: 180px;
} }
#arena:not(.chess).oblongcard #handcards1.scrollh{ #arena:not(.chess).oblongcard #handcards1.scrollh{
top: calc(100% - 200px); top: calc(100% - 200px);
height: 200px; height: 200px;
} }
#arena:not(.chess) #handcards1.scrollh>div{ #arena:not(.chess) #handcards1.scrollh>div{
height: 120px; height: 120px;
top: 60px; top: 60px;
} }
#arena:not(.chess).oblongcard #handcards1.scrollh>div{ #arena:not(.chess).oblongcard #handcards1.scrollh>div{
top: 62px; top: 62px;
} }
#arena:not(.chess):not(.single-handcard) #handcards1{ #arena:not(.chess):not(.single-handcard) #handcards1{
width:calc(100% - 240px); width:calc(100% - 240px);
left:calc(150% / 47 - 300% / 94 + 625% / 47 - 105px + 120px); left:calc(150% / 47 - 300% / 94 + 625% / 47 - 105px + 120px);
} }
#arena:not(.single-handcard):not(.chess)>#me, #arena:not(.single-handcard):not(.chess)>#me,
#arena:not(.single-handcard):not(.chess)>#mebg, #arena:not(.single-handcard):not(.chess)>#mebg,
#arena:not(.single-handcard):not(.chess)>#autonode{ #arena:not(.single-handcard):not(.chess)>#autonode{
left: 0 !important; left: 0 !important;
bottom: 38px !important; bottom: 38px !important;
width: calc(9700% / 94) !important; width: calc(9700% / 94) !important;
} }
#arena:not(.single-handcard):not(.chess)>#mebg{ #arena:not(.single-handcard):not(.chess)>#mebg{
visibility: hidden; visibility: hidden;
} }
#arena:not(.single-handcard):not(.chess)>#me #handcards1{ #arena:not(.single-handcard):not(.chess)>#me #handcards1{
left: 120px !important; left: 120px !important;
width: calc(100% - 120px) !important; width: calc(100% - 120px) !important;
} }
#arena:not(.single-handcard):not(.chess)>#me #handcards1>.handcards{ #arena:not(.single-handcard):not(.chess)>#me #handcards1>.handcards{
left: 0 !important; left: 0 !important;
} }
#autonode{ #autonode{
display: table !important; display: table !important;
} }
@media screen and (max-width: 1105px){ @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)>#me,
#arena[data-number='8']:not(.single-handcard):not(.chess)>#mebg, #arena[data-number='8']:not(.single-handcard):not(.chess)>#mebg,
#arena[data-number='8']:not(.single-handcard):not(.chess)>#autonode{ #arena[data-number='8']:not(.single-handcard):not(.chess)>#autonode{
left: calc(-300% / 94 + 625% / 47 - 105px) !important; left: calc(-300% / 94 + 625% / 47 - 105px) !important;
width: calc(9700% / 94 + 300% / 94 - 625% / 47 + 105px) !important; width: calc(9700% / 94 + 300% / 94 - 625% / 47 + 105px) !important;
} }
} }
#handcards2{ #handcards2{
display:none; display:none;
} }
.dialog{ .dialog{
height:calc(100% - 370px); height:calc(100% - 370px);
bottom:170px; bottom:170px;
} }
#arena.choose-character>.dialog .placeholder+.placeholder{ #arena.choose-character>.dialog .placeholder+.placeholder{
display: none; display: none;
} }
#arena.choose-character>.dialog .placeholder{ #arena.choose-character>.dialog .placeholder{
margin-bottom: 4px; margin-bottom: 4px;
height: 0px; height: 0px;
} }
#arena.choose-character>.dialog.noupdate .placeholder{ #arena.choose-character>.dialog.noupdate .placeholder{
margin-bottom: 0; margin-bottom: 0;
height: 0; height: 0;
} }
#arena.choose-character>.dialog{ #arena.choose-character>.dialog{
height:calc(100% - 280px); height:calc(100% - 280px);
bottom:80px; bottom:80px;
} }
#arena.choose-character>.dialog.scroll3{ #arena.choose-character>.dialog.scroll3{
height:calc(100% - 240px); height:calc(100% - 240px);
} }
#arena.phone.choose-character>.dialog{ #arena.phone.choose-character>.dialog{
bottom:93px; bottom:93px;
} }
#arena.ipad.choose-character>.dialog{ #arena.ipad.choose-character>.dialog{
bottom:96px; bottom:96px;
} }
#arena.choose-character>#control{ #arena.choose-character>#control{
bottom: 30px; bottom: 30px;
transition: all 0s; transition: all 0s;
} }
#arena.phone.choose-character>#control{ #arena.phone.choose-character>#control{
bottom: 43px; bottom: 43px;
} }
#arena.ipad.choose-character>#control{ #arena.ipad.choose-character>#control{
bottom: 45px; bottom: 45px;
} }
.dialog.fullheight { .dialog.fullheight {
height: calc(100% - 123px) !important; height: calc(100% - 123px) !important;
top: 40px !important; top: 40px !important;
} }
#me>.fakeme.avatar{ #me>.fakeme.avatar{
width:120px; width:120px;
height:100%; height:100%;
border-radius:0px; border-radius:0px;
top:0; top:0;
left:0; left:0;
background-size:cover; background-size:cover;
clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px); clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
-webkit-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='increase'] #me>.fakeme.avatar,
#window[data-radius_size='reduce'] #me>.fakeme.avatar{ #window[data-radius_size='reduce'] #me>.fakeme.avatar{
border-radius:0px; border-radius:0px;
} }
#arena>.player[data-position='0']:not(.minskin){ #arena>.player[data-position='0']:not(.minskin){
top: calc(100% - 258px); top: calc(100% - 258px);
} }
#arena[data-player_height='default']>.player[data-position='0']:not(.minskin){ #arena[data-player_height='default']>.player[data-position='0']:not(.minskin){
top: calc(100% - 238px); top: calc(100% - 238px);
} }
#arena[data-player_height='short']>.player[data-position='0']:not(.minskin){ #arena[data-player_height='short']>.player[data-position='0']:not(.minskin){
top: calc(100% - 218px); top: calc(100% - 218px);
} }
#arena>.player:not(.minskin)>.marks{ #arena>.player:not(.minskin)>.marks{
left: -15px; left: -15px;
} }
#arena>.player:not(.minskin)>.judges{ #arena>.player:not(.minskin)>.judges{
right: -27px; right: -27px;
} }
#arena.lslim_player .player .equips{ #arena.lslim_player .player .equips{
left: 5px; left: 5px;
} }
#arena>.player:not(.minskin)>.name.name2{ #arena>.player:not(.minskin)>.name.name2{
left: auto !important; left: auto !important;
right: 13px; right: 13px;
} }
#arena>.player:not(.minskin){ #arena>.player:not(.minskin){
width: 120px !important; width: 120px !important;
height: 220px !important; height: 220px !important;
} }
#arena>.player:not(.minskin)>.damage.dieidentity{ #arena>.player:not(.minskin)>.damage.dieidentity{
font-size: 60px; font-size: 60px;
transform: scale(1); transform: scale(1);
} }
#arena[data-player_height='default']>.player:not(.minskin){ #arena[data-player_height='default']>.player:not(.minskin){
height: 200px !important; height: 200px !important;
} }
#arena[data-player_height='short']>.player:not(.minskin){ #arena[data-player_height='short']>.player:not(.minskin){
height: 180px !important; height: 180px !important;
} }
#arena>.player:not(.minskin)>.equips{ #arena>.player:not(.minskin)>.equips{
transform: scale(0.8); transform: scale(0.8);
transform-origin: bottom left; transform-origin: bottom left;
} }
#arena>.player:not(.minskin)>.avatar, #arena>.player:not(.minskin)>.avatar,
#arena>.player:not(.minskin)>.avatar2{ #arena>.player:not(.minskin)>.avatar2{
width: calc(100% - 14px) !important; width: calc(100% - 14px) !important;
height: calc(100% - 14px) !important; height: calc(100% - 14px) !important;
background-position: 50% !important; background-position: 50% !important;
} }
#arena.uslim_player>.player:not(.minskin)>.avatar, #arena.uslim_player>.player:not(.minskin)>.avatar,
#arena.uslim_player>.player:not(.minskin)>.avatar2{ #arena.uslim_player>.player:not(.minskin)>.avatar2{
width: calc(100% - 6px) !important; width: calc(100% - 6px) !important;
height: calc(100% - 6px) !important; height: calc(100% - 6px) !important;
background-position: 50% !important; background-position: 50% !important;
} }
#arena.lslim_player>.player:not(.minskin)>.avatar, #arena.lslim_player>.player:not(.minskin)>.avatar,
#arena.lslim_player>.player:not(.minskin)>.avatar2{ #arena.lslim_player>.player:not(.minskin)>.avatar2{
width: calc(100% - 10px) !important; width: calc(100% - 10px) !important;
height: calc(100% - 10px) !important; height: calc(100% - 10px) !important;
background-position: 50% !important; background-position: 50% !important;
} }
#arena>.player.fullskin2:not(.minskin)>.avatar, #arena>.player.fullskin2:not(.minskin)>.avatar,
#arena>.player.fullskin2:not(.minskin)>.avatar2{ #arena>.player.fullskin2:not(.minskin)>.avatar2{
height: 50% !important; height: 50% !important;
background-position: 0 0 !important; background-position: 0 0 !important;
border-radius: 8px !important; border-radius: 8px !important;
} }
#arena.uslim_player>.player.fullskin2:not(.minskin)>.avatar, #arena.uslim_player>.player.fullskin2:not(.minskin)>.avatar,
#arena.uslim_player>.player.fullskin2:not(.minskin)>.avatar2{ #arena.uslim_player>.player.fullskin2:not(.minskin)>.avatar2{
height: calc(50% + 4px) !important; height: calc(50% + 4px) !important;
} }
#arena.lslim_player>.player.fullskin2:not(.minskin)>.avatar, #arena.lslim_player>.player.fullskin2:not(.minskin)>.avatar,
#arena.lslim_player>.player.fullskin2:not(.minskin)>.avatar2{ #arena.lslim_player>.player.fullskin2:not(.minskin)>.avatar2{
height: calc(50% + 2px) !important; 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)>.avatar,
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin)>.avatar2{ #window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin)>.avatar2{
border-radius: 4px !important; 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)>.avatar,
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin)>.avatar2{ #window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin)>.avatar2{
border-radius: 0px !important; 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)>.avatar,
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin)>.avatar2{ #window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin)>.avatar2{
border-radius: 16px !important; border-radius: 16px !important;
} }
#arena>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar, #arena>.player.fullskin2:not(.minskin):not(.unseen2)>.avatar,
#arena>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{ #arena>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
border-radius: 8px 8px 0 0 !important; border-radius: 8px 8px 0 0 !important;
height: calc(50% + 14px) !important; height: calc(50% + 14px) !important;
clip-path: polygon(-10px -10px, 116px -10px, 116px 92px, 106px 92px, 0px 114px, -10px 114px); 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); -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):not(.unseen2)>.avatar,
#arena[data-player_height='default']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.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); 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); -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):not(.unseen2)>.avatar,
#arena[data-player_height='short']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.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); 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); -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):not(.unseen2)>.avatar,
#arena.uslim_player>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{ #arena.uslim_player>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
height: calc(50% + 18px) !important; height: calc(50% + 18px) !important;
clip-path: polygon(-10px -10px, 124px -10px, 124px 96px, 114px 96px, 0px 118px, -10px 118px); 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); -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):not(.unseen2)>.avatar,
#arena.uslim_player[data-player_height='default']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.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); 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); -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):not(.unseen2)>.avatar,
#arena.uslim_player[data-player_height='short']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.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); 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); -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):not(.unseen2)>.avatar,
#arena.lslim_player>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{ #arena.lslim_player>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
height: calc(50% + 16px) !important; height: calc(50% + 16px) !important;
clip-path: polygon(-10px -10px, 120px -10px, 120px 94px, 110px 94px, 0px 116px, -10px 116px); 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); -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):not(.unseen2)>.avatar,
#arena.lslim_player[data-player_height='default']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.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); 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); -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):not(.unseen2)>.avatar,
#arena.lslim_player[data-player_height='short']>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.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); 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); -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):not(.unseen2)>.avatar,
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{ #window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
border-radius: 4px 4px 0 0 !important; 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):not(.unseen2)>.avatar,
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{ #window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
border-radius: 0 0 0 0 !important; 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):not(.unseen2)>.avatar,
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{ #window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin).unseen2[data-position='0']>.avatar{
border-radius: 16px 16px 0 0 !important; border-radius: 16px 16px 0 0 !important;
} }
#arena>.player.fullskin2:not(.minskin):not(.unseen)>.avatar2, #arena>.player.fullskin2:not(.minskin):not(.unseen)>.avatar2,
#arena>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{ #arena>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
border-radius: 0 0 8px 8px !important; border-radius: 0 0 8px 8px !important;
top: calc(50% - 21px) !important; top: calc(50% - 21px) !important;
height: calc(50% + 14px) !important; height: calc(50% + 14px) !important;
background-position: 0 10px !important; background-position: 0 10px !important;
clip-path: polygon(-10px 32px, 0 32px, 106px 10px, 116px 10px, 116px 134px, -10px 134px); 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); -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):not(.unseen)>.avatar2,
#arena.uslim_player>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{ #arena.uslim_player>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
top: calc(50% - 21px) !important; top: calc(50% - 21px) !important;
height: calc(50% + 18px) !important; height: calc(50% + 18px) !important;
clip-path: polygon(-10px 32px, 0 32px, 114px 10px, 124px 10px, 124px 138px, -10px 138px); 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); -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):not(.unseen)>.avatar2,
#arena.lslim_player>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{ #arena.lslim_player>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
top: calc(50% - 21px) !important; top: calc(50% - 21px) !important;
height: calc(50% + 16px) !important; height: calc(50% + 16px) !important;
clip-path: polygon(-10px 32px, 0 32px, 110px 10px, 120px 10px, 120px 136px, -10px 136px); 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); -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):not(.unseen)>.avatar2,
#window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{ #window[data-radius_size='reduce'] #arena>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
border-radius: 0 0 4px 4px !important; 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):not(.unseen)>.avatar2,
#window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{ #window[data-radius_size='off'] #arena>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
border-radius: 0 0 0 0 !important; 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):not(.unseen)>.avatar2,
#window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{ #window[data-radius_size='increase'] #arena>.player.fullskin2:not(.minskin).unseen[data-position='0']>.avatar2{
border-radius: 0 0 16px 16px !important; border-radius: 0 0 16px 16px !important;
} }
#arena>.player.fullskin2:not(.minskin)>.avatar2{ #arena>.player.fullskin2:not(.minskin)>.avatar2{
top: calc(50% - 7px) !important; top: calc(50% - 7px) !important;
} }
#arena>.player:not(.minskin)>.identity{ #arena>.player:not(.minskin)>.identity{
left: 102px; left: 102px;
} }
#arena>.player:not(.minskin)>.hp:not(.actcount){ #arena>.player:not(.minskin)>.hp:not(.actcount){
left: 93px; left: 93px;
} }
/*#arena>.player:not(.minskin)>.hp:not(.actcount).text{ /*#arena>.player:not(.minskin)>.hp:not(.actcount).text{
left: 89px; left: 89px;
}*/ }*/
#arena>.player.fullskin2 .avatar2{ #arena>.player.fullskin2 .avatar2{
z-index: 2; z-index: 2;
} }
#arena>.player.unseen:not(.unseen2) .count{ #arena>.player.unseen:not(.unseen2) .count{
text-align: left; text-align: left;
border-radius:3px 0 0 3px; border-radius:3px 0 0 3px;
} }
#arena>.player.unseen2 .count{ #arena>.player.unseen2 .count{
border-radius: 3px; border-radius: 3px;
text-align: center; text-align: center;
} }
#arena .timerbar>div{ #arena .timerbar>div{
top: 205px; top: 205px;
width: 96px; width: 96px;
left: 12px; left: 12px;
} }
#arena[data-player_height='default'] .timerbar>div{ #arena[data-player_height='default'] .timerbar>div{
top: 185px; top: 185px;
} }
#arena[data-player_height='short'] .timerbar>div{ #arena[data-player_height='short'] .timerbar>div{
top: 165px; top: 165px;
} }
#arena .player[data-position='0']>.damage.dieidentity{ #arena .player[data-position='0']>.damage.dieidentity{
opacity: 1 !important; opacity: 1 !important;
} }
/*--------位置(8人)------*/ /*--------位置(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='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='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='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='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='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='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='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[data-number='8']>.player[data-position='0']{left:calc(-300% / 94 + 625% / 47 - 105px);}
#arena>.player[data-position='0']{left:0;} #arena>.player[data-position='0']{left:0;}
@media screen and (min-width: 1105px){ @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='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='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='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='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='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='6']{left:calc(100% / 6 - 20px);}
#arena[data-number='8']>.player[data-position='7']{left:0;} #arena[data-number='8']>.player[data-position='7']{left:0;}
#arena[data-number='8']>.player[data-position='0']{left:0;} #arena[data-number='8']>.player[data-position='0']{left:0;}
} }
/*--------位置(7人)------*/ /*--------位置(7人)------*/
#arena[data-number='7']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);} #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='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='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='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='5']{top:calc(8% - 34px);left:calc(20% - 24px);}
#arena[data-number='7']>.player[data-position='6']{top:calc(30% - 128px);left:0;} #arena[data-number='7']>.player[data-position='6']{top:calc(30% - 128px);left:0;}
/*--------位置(6人)------*/ /*--------位置(6人)------*/
#arena[data-number='6']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);} #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='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='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='4']{top:0px;left:calc(25% - 30px);}
#arena[data-number='6']>.player[data-position='5']{top:calc(30% - 128px);left:0;} #arena[data-number='6']>.player[data-position='5']{top:calc(30% - 128px);left:0;}
/*--------位置(5人)------*/ /*--------位置(5人)------*/
#arena[data-number='5']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);} #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='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='3']{top:0;left:calc(100% / 3 - 40px);}
#arena[data-number='5']>.player[data-position='4']{top:calc(30% - 128px);left:0;} #arena[data-number='5']>.player[data-position='4']{top:calc(30% - 128px);left:0;}
/*--------位置(4人)------*/ /*--------位置(4人)------*/
#arena[data-number='4']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);} #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='2']{top:0;left:calc(50% - 60px);}
#arena[data-number='4']>.player[data-position='3']{top:calc(30% - 128px);left:0;} #arena[data-number='4']>.player[data-position='3']{top:calc(30% - 128px);left:0;}
/*--------位置(3人)------*/ /*--------位置(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='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);} #arena[data-number='3']>.player[data-position='2']{top:calc(60% / 3 - 88px);left:calc(25% - 200px);}
/*--------位置(2人)------*/ /*--------位置(2人)------*/
#arena[data-number='2']>.player[data-position='1']{top:0;left:calc(50% - 60px);} #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, #arena:not(.chess).textequip .player[data-position='0'] .equips,
.player:not([data-position='0']) .equips, .player:not([data-position='0']) .equips,
#arena.chess .player .equips{ #arena.chess .player .equips{
width:120px; width:120px;
height:auto; height:auto;
top:auto; top:auto;
right:auto; right:auto;
bottom:18px; bottom:18px;
left:10px; left:10px;
text-align:left; text-align:left;
} }
#arena.slim_player .player:not([data-position='0']) .equips, #arena.slim_player .player:not([data-position='0']) .equips,
#arena.chess.slim_player .player .equips{ #arena.chess.slim_player .player .equips{
left:7px; left:7px;
} }
#arena.chess.lslim_player.slim_player .player .equips{ #arena.chess.lslim_player.slim_player .player .equips{
left:5px; left:5px;
bottom: 17px; bottom: 17px;
} }
#arena.chess.lslim_player.slim_player .player.minskin.linked .equips{ #arena.chess.lslim_player.slim_player .player.minskin.linked .equips{
transform: rotate(90deg) translate(-98px,-5px) scale(0.73) transform: rotate(90deg) translate(-98px,-5px) scale(0.73)
} }
#arena.uslim_player .player:not([data-position='0']) .equips, #arena.uslim_player .player:not([data-position='0']) .equips,
#arena.chess.uslim_player .player .equips{ #arena.chess.uslim_player .player .equips{
left:3px; left:3px;
} }
#arena.mslim_player .player:not([data-position='0']) .equips, #arena.mslim_player .player:not([data-position='0']) .equips,
#arena.chess.mslim_player .player .equips{ #arena.chess.mslim_player .player .equips{
left:5px; left:5px;
} }
.player:not([data-position='0']).minskin .equips, .player:not([data-position='0']).minskin .equips,
#arena.chess .player.minskin .equips{ #arena.chess .player.minskin .equips{
transform:scale(0.73); transform:scale(0.73);
transform-origin:bottom left; 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::after,
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card::before, #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::after,
.player:not([data-position='0']) .equips>.card::before, .player:not([data-position='0']) .equips>.card::before,
#arena.chess .player .equips>.card::after, #arena.chess .player .equips>.card::after,
#arena.chess .player .equips>.card::before{ #arena.chess .player .equips>.card::before{
visibility: hidden; visibility: hidden;
} }
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card, #arena:not(.chess).textequip .player[data-position='0'] .equips>.card,
.player:not([data-position='0']) .equips>.card, .player:not([data-position='0']) .equips>.card,
#arena.chess .player .equips>.card{ #arena.chess .player .equips>.card{
position:relative; position:relative;
width:100%; width:100%;
height:22px; height:22px;
line-height:22px; line-height:22px;
margin-top:0; margin-top:0;
margin-bottom:0; margin-bottom:0;
animation: card_start2x 0.5s; animation: card_start2x 0.5s;
-webkit-animation: card_start2x 0.5s; -webkit-animation: card_start2x 0.5s;
display:block; display:block;
left:0; left:0;
top:0; top:0;
transition:all 0.5s; transition:all 0.5s;
color:white; color:white;
border-radius:0; border-radius:0;
text-shadow:black 0 0 2px; text-shadow:black 0 0 2px;
} }
.player:not([data-position='0']) .equips>.card, .player:not([data-position='0']) .equips>.card,
#arena.chess .player .equips>.card{ #arena.chess .player .equips>.card{
border-width: 1px 0 0; border-width: 1px 0 0;
border-style:solid; border-style:solid;
border-image:linear-gradient(to right, rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0; 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), 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; linear-gradient(135deg,rgba(0,0,0,0.5) ,transparent 80%,transparent) !important;
box-shadow:none; box-shadow:none;
} }
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.image, #arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.image,
.player:not([data-position='0']) .equips>.card>.image, .player:not([data-position='0']) .equips>.card>.image,
#arena.chess .player .equips>.card>.image{ #arena.chess .player .equips>.card>.image{
display:none; display:none;
} }
#arena:not(.chess).textequip .player[data-position='0'].unseen .equips>.card, #arena:not(.chess).textequip .player[data-position='0'].unseen .equips>.card,
.player:not([data-position='0']).unseen .equips>.card, .player:not([data-position='0']).unseen .equips>.card,
#arena.chess .player.unseen .equips>.card{ #arena.chess .player.unseen .equips>.card{
background:none; 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;*/ /*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, #arena:not(.chess).textequip .player[data-position='0'].unseen .equips>.card,
.player:not([data-position='0']).unseen .equips>.card, .player:not([data-position='0']).unseen .equips>.card,
#arena.chess .player.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; 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, #arena:not(.chess).textequip .player[data-position='0'].unseen .equips>.card:first-child,
.player:not([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{ #arena.chess .player.unseen .equips>.card:first-child{
border-image:linear-gradient(transparent,transparent); border-image:linear-gradient(transparent,transparent);
} }
.player:not([data-position='0']) .equips>.card.selected, .player:not([data-position='0']) .equips>.card.selected,
#arena.chess .player .equips>.card.selected{ #arena.chess .player .equips>.card.selected{
background:linear-gradient(to right,rgba(0, 133, 255,0.3),transparent), 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; linear-gradient(135deg,rgba(0, 133, 255,0.5) ,transparent 80%,transparent) !important;
box-shadow:none !important; box-shadow:none !important;
border-width: 1px 0 0; border-width: 1px 0 0;
border-style:solid; border-style:solid;
border-image:linear-gradient(to right, rgba(0, 103, 205,0.4) 70%,transparent) 100% 0 0; 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{ #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; 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; box-shadow: rgba(0,0,0,0.4) 0 1px 0 0 !important;
} }
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.fire, #arena:not(.chess).textequip .player[data-position='0'] .equips>.card.fire,
.player:not([data-position='0']) .equips>.card.fire, .player:not([data-position='0']) .equips>.card.fire,
#arena.chess .player .equips>.card.fire{ #arena.chess .player .equips>.card.fire{
color: rgb(255,119,63); color: rgb(255,119,63);
} }
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.thunder, #arena:not(.chess).textequip .player[data-position='0'] .equips>.card.thunder,
.player:not([data-position='0']) .equips>.card.thunder, .player:not([data-position='0']) .equips>.card.thunder,
#arena.chess .player .equips>.card.thunder{ #arena.chess .player .equips>.card.thunder{
color: rgb(117,186,255); color: rgb(117,186,255);
} }
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.poison, #arena:not(.chess).textequip .player[data-position='0'] .equips>.card.poison,
.player:not([data-position='0']) .equips>.card.poison, .player:not([data-position='0']) .equips>.card.poison,
#arena.chess .player .equips>.card.poison{ #arena.chess .player .equips>.card.poison{
color: rgb(104,221,127); color: rgb(104,221,127);
} }
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.brown, #arena:not(.chess).textequip .player[data-position='0'] .equips>.card.brown,
.player:not([data-position='0']) .equips>.card.brown, .player:not([data-position='0']) .equips>.card.brown,
#arena.chess .player .equips>.card.brown{ #arena.chess .player .equips>.card.brown{
color: rgb(195,161,223); color: rgb(195,161,223);
} }
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.background, #arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.background,
.player:not([data-position='0']) .equips>.card>.background, .player:not([data-position='0']) .equips>.card>.background,
#arena.chess .player .equips>.card>.background{ #arena.chess .player .equips>.card>.background{
display:none !important; display:none !important;
} }
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.name2, #arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.name2,
.player:not([data-position='0']) .equips>.card>.name2, .player:not([data-position='0']) .equips>.card>.name2,
#arena.chess .player .equips>.card>.name2{ #arena.chess .player .equips>.card>.name2{
display:block; display:block;
margin-left:5px; margin-left:5px;
white-space: nowrap; white-space: nowrap;
} }
#arena.oblongcard:not(.chess).textequip .player[data-position='0'] .equips>.card>.name2{ #arena.oblongcard:not(.chess).textequip .player[data-position='0'] .equips>.card>.name2{
line-height: 29px; line-height: 29px;
} }
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>div, #arena:not(.chess).textequip .player[data-position='0'] .equips>.card>div,
.player:not([data-position='0']) .equips>.card>div, .player:not([data-position='0']) .equips>.card>div,
#arena.chess .player .equips>.card>div{ #arena.chess .player .equips>.card>div{
animation:none !important; animation:none !important;
-webkit-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>.name,
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.info, #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>.name,
.player:not([data-position='0']) .equips>.card>.info, .player:not([data-position='0']) .equips>.card>.info,
#arena.chess .player .equips>.card>.name, #arena.chess .player .equips>.card>.name,
#arena.chess .player .equips>.card>.info{ #arena.chess .player .equips>.card>.info{
display:none !important; display:none !important;
} }
#arena:not(.chess).textequip .player[data-position='0'] .equips>.removing, #arena:not(.chess).textequip .player[data-position='0'] .equips>.removing,
.player:not([data-position='0']) .equips>.removing, .player:not([data-position='0']) .equips>.removing,
#arena.chess .player .equips>.removing{ #arena.chess .player .equips>.removing{
margin-top:-12px !important; margin-top:-12px !important;
margin-bottom:-11px !important; margin-bottom:-11px !important;
transform:scale(1); transform:scale(1);
} }
#arena:not(.chess).textequip .player[data-position='0'] .equips>.removing+.removing, #arena:not(.chess).textequip .player[data-position='0'] .equips>.removing+.removing,
.player:not([data-position='0']) .equips>.removing+.removing, .player:not([data-position='0']) .equips>.removing+.removing,
#arena.chess .player .equips>.removing+.removing{ #arena.chess .player .equips>.removing+.removing{
margin-top:-23px !important; margin-top:-23px !important;
} }
#arena:not(.textequip):not(.chess).textequip .player[data-position='0'].linked .equips, #arena:not(.textequip):not(.chess).textequip .player[data-position='0'].linked .equips,
.player:not([data-position='0']).linked .equips, .player:not([data-position='0']).linked .equips,
#arena.chess .player.linked .equips{ #arena.chess .player.linked .equips{
transform:rotate(90deg) translate(-152px,-6px); transform:rotate(90deg) translate(-152px,-6px);
transform-origin:bottom left; transform-origin:bottom left;
} }
#arena.slim_player .player:not([data-position='0']).linked .equips, #arena.slim_player .player:not([data-position='0']).linked .equips,
#arena.chess.slim_player .player.linked .equips{ #arena.chess.slim_player .player.linked .equips{
transform:rotate(90deg) translate(-155px,-6px); transform:rotate(90deg) translate(-155px,-6px);
} }
#arena.uslim_player .player:not([data-position='0']).linked .equips, #arena.uslim_player .player:not([data-position='0']).linked .equips,
#arena.chess.uslim_player .player.linked .equips{ #arena.chess.uslim_player .player.linked .equips{
transform:rotate(90deg) translate(-159px,-6px); transform:rotate(90deg) translate(-159px,-6px);
} }
#arena.mslim_player .player:not([data-position='0']).linked .equips, #arena.mslim_player .player:not([data-position='0']).linked .equips,
#arena.chess.mslim_player .player.linked .equips{ #arena.chess.mslim_player .player.linked .equips{
transform:rotate(90deg) translate(-157px,-6px); transform:rotate(90deg) translate(-157px,-6px);
} }
.player:not([data-position='0']).minskin.linked .equips, .player:not([data-position='0']).minskin.linked .equips,
#arena.chess .player.minskin.linked .equips{ #arena.chess .player.minskin.linked .equips{
transform:rotate(90deg) translate(-92px,-6px) scale(0.73); transform:rotate(90deg) translate(-92px,-6px) scale(0.73);
} }
#arena.slim_player .player:not([data-position='0']).minskin.linked .equips, #arena.slim_player .player:not([data-position='0']).minskin.linked .equips,
#arena.chess.slim_player .player.minskin.linked .equips{ #arena.chess.slim_player .player.minskin.linked .equips{
transform:rotate(90deg) translate(-95px,-6px) scale(0.73); transform:rotate(90deg) translate(-95px,-6px) scale(0.73);
} }
#arena.uslim_player .player:not([data-position='0']).minskin.linked .equips, #arena.uslim_player .player:not([data-position='0']).minskin.linked .equips,
#arena.chess.uslim_player .player.minskin.linked .equips{ #arena.chess.uslim_player .player.minskin.linked .equips{
transform:rotate(90deg) translate(-99px,-6px) scale(0.73); transform:rotate(90deg) translate(-99px,-6px) scale(0.73);
} }
#arena.mslim_player .player:not([data-position='0']).minskin.linked .equips, #arena.mslim_player .player:not([data-position='0']).minskin.linked .equips,
#arena.chess.mslim_player .player.minskin.linked .equips{ #arena.chess.mslim_player .player.minskin.linked .equips{
transform:rotate(90deg) translate(-97px,-6px) scale(0.73); transform:rotate(90deg) translate(-97px,-6px) scale(0.73);
} }
.player:not([data-position='0']).linked .identity, .player:not([data-position='0']).linked .identity,
#arena.chess .player.linked .identity{ #arena.chess .player.linked .identity{
transform:rotate(90deg); transform:rotate(90deg);
} }
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card{ #arena:not(.chess).textequip .player[data-position='0'] .equips>.card{
border-radius: 0px !important; border-radius: 0px !important;
left:0 !important; left:0 !important;
right: auto !important; right: auto !important;
top:0 !important; top:0 !important;
bottom: auto !important; bottom: auto !important;
position: relative !important; position: relative !important;
height: 20% !important; height: 20% !important;
background:none !important; background:none !important;
box-shadow: rgba(0,0,0,0.4) 0 1px 0 0; 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 "../newlayout/global.css";
@import "equip.css"; @import "equip.css";
#arena{ #arena{
height: calc(95% + 20px); height: calc(95% + 20px);
} }
#arena.oblongcard:not(.chess):not(.nome){ #arena.oblongcard:not(.chess):not(.nome){
height: 95%; height: 95%;
} }
#arena.oblongcard:not(.chess):not(.nome) #me, #arena.oblongcard:not(.chess):not(.nome) #me,
#arena.oblongcard:not(.chess):not(.nome) #mebg{ #arena.oblongcard:not(.chess):not(.nome) #mebg{
height: 140px; height: 140px;
bottom: 10px; bottom: 10px;
} }
#historybar{ #historybar{
height: calc(95% - 160px); height: calc(95% - 160px);
} }
#window.oblongcard #historybar{ #window.oblongcard #historybar{
height: calc(95% - 180px); height: calc(95% - 180px);
} }
#control{ #control{
width: calc(5000% / 47 - 240px); width: calc(5000% / 47 - 240px);
left:calc(-150% / 47 + 120px); left:calc(-150% / 47 + 120px);
bottom:150px; bottom:150px;
height: 40px; height: 40px;
} }
#arena:not(.chess)>#me, #arena:not(.chess)>#me,
#arena:not(.chess)>#mebg, #arena:not(.chess)>#mebg,
#arena:not(.chess)>#autonode{ #arena:not(.chess)>#autonode{
bottom:30px; bottom:30px;
width: calc(5000% / 47); width: calc(5000% / 47);
left:calc(-150% / 47); left:calc(-150% / 47);
top:auto; top:auto;
border-radius:0 !important; border-radius:0 !important;
height:120px; height:120px;
} }
#arena:not(.chess)>#autonode{ #arena:not(.chess)>#autonode{
width: calc(5000% / 47 - 240px); width: calc(5000% / 47 - 240px);
left:calc(-150% / 47 + 120px); left:calc(-150% / 47 + 120px);
} }
#window.leftbar #arena:not(.chess)>#me, #window.leftbar #arena:not(.chess)>#me,
#window.leftbar #arena:not(.chess)>#mebg, #window.leftbar #arena:not(.chess)>#mebg,
#window.leftbar #arena:not(.chess)>#autonode, #window.leftbar #arena:not(.chess)>#autonode,
#window.leftbar #arena:not(.chess) .player[data-position='0']{ #window.leftbar #arena:not(.chess) .player[data-position='0']{
width: calc(5000% / 47 + 2500px / 47); width: calc(5000% / 47 + 2500px / 47);
left:calc(-150% / 47 - 50px - 75px / 47); left:calc(-150% / 47 - 50px - 75px / 47);
} }
#window.leftbar #arena:not(.chess)>#autonode{ #window.leftbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47 - 240px); width: calc(5000% / 47 + 2500px / 47 - 240px);
left:calc(-150% / 47 - 50px - 75px / 47 + 120px); left:calc(-150% / 47 - 50px - 75px / 47 + 120px);
} }
#window.rightbar #arena:not(.chess)>#me, #window.rightbar #arena:not(.chess)>#me,
#window.rightbar #arena:not(.chess)>#mebg, #window.rightbar #arena:not(.chess)>#mebg,
#window.rightbar #arena:not(.chess)>#autonode, #window.rightbar #arena:not(.chess)>#autonode,
#window.rightbar #arena:not(.chess) .player[data-position='0']{ #window.rightbar #arena:not(.chess) .player[data-position='0']{
width: calc(5000% / 47 + 2500px / 47); width: calc(5000% / 47 + 2500px / 47);
left:calc(-150% / 47 - 75px / 47); left:calc(-150% / 47 - 75px / 47);
} }
#window.rightbar #arena:not(.chess)>#autonode{ #window.rightbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47 - 240px); width: calc(5000% / 47 + 2500px / 47 - 240px);
left:calc(-150% / 47 - 75px / 47 + 120px); left:calc(-150% / 47 - 75px / 47 + 120px);
} }
#arena:not(.chess) #handcards1{ #arena:not(.chess) #handcards1{
height:120px; height:120px;
padding:0; padding:0;
top:calc(100% - 120px); top:calc(100% - 120px);
} }
#arena:not(.chess):not(.single-handcard) #handcards1{ #arena:not(.chess):not(.single-handcard) #handcards1{
width:calc(100% - 240px); width:calc(100% - 240px);
left:120px; left:120px;
} }
#handcards2{ #handcards2{
display:none; display:none;
} }
/*#arena:not(.chess) .player[data-position='0']>.playerjiu{ /*#arena:not(.chess) .player[data-position='0']>.playerjiu{
width: 120px; width: 120px;
border-radius: 0px; border-radius: 0px;
}*/ }*/
#arena:not(.chess) .player[data-position='0'].playerfocus{ #arena:not(.chess) .player[data-position='0'].playerfocus{
transform: scale(1); transform: scale(1);
} }
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5){ #arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5){
width: 45px; width: 45px;
height: 45px; height: 45px;
margin: 0; margin: 0;
border-radius: 4px; border-radius: 4px;
position: absolute; position: absolute;
} }
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.image{ #arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.image{
width: 100%; width: 100%;
height: 100%; height: 100%;
left: 0; left: 0;
top: 0; top: 0;
} }
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.name{ #arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.name{
display: block; display: block;
transform: scale(0.43) !important; transform: scale(0.43) !important;
transform-origin: left top; transform-origin: left top;
left: 2px; left: 2px;
top: 3px; top: 3px;
} }
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.name.long{ #arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.name.long{
top: 2px; top: 2px;
} }
#arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.info{ #arena:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.info{
display: block; display: block;
transform: scale(0.43) !important; transform: scale(0.43) !important;
transform-origin: right top; transform-origin: right top;
right: 3px; right: 3px;
top: 3px; top: 3px;
} }
/*#arena.oblongcard:not(.chess) .player[data-position='0']>.equips>div:not(.equip5){ /*#arena.oblongcard:not(.chess) .player[data-position='0']>.equips>div:not(.equip5){
height: 54px; height: 54px;
} }
#arena.oblongcard:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.image{ #arena.oblongcard:not(.chess) .player[data-position='0']>.equips>div:not(.equip5)>.image{
width: 120%; width: 120%;
height: 100%; height: 100%;
left: -20%; left: -20%;
top: 0%; top: 0%;
}*/ }*/
#arena:not(.chess):not(.textequip) .player[data-position='0']>.equips>div.legend{ #arena:not(.chess):not(.textequip) .player[data-position='0']>.equips>div.legend{
border: 1px solid rgb(192, 90, 255); border: 1px solid rgb(192, 90, 255);
} }
#arena:not(.chess):not(.textequip) .player[data-position='0']>.equips>div.epic{ #arena:not(.chess):not(.textequip) .player[data-position='0']>.equips>div.epic{
border: 1px solid rgb(90, 171, 255); border: 1px solid rgb(90, 171, 255);
} }
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5{ #arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5{
border-radius: 100%; border-radius: 100%;
} }
#arena:not(.chess) .player[data-position='0']{ #arena:not(.chess) .player[data-position='0']{
width: calc(5000% / 47); width: calc(5000% / 47);
left:calc(-150% / 47); left:calc(-150% / 47);
height: 120px; height: 120px;
top: calc(100% - 150px); top: calc(100% - 150px);
background: none !important; background: none !important;
border:none !important; border:none !important;
border-radius: 0 !important; border-radius: 0 !important;
pointer-events: none; pointer-events: none;
} }
#arena:not(.chess) .player[data-position='0']>.turned{ #arena:not(.chess) .player[data-position='0']>.turned{
width: 120px; width: 120px;
} }
#arena:not(.chess) .player[data-position='0']>.chain{ #arena:not(.chess) .player[data-position='0']>.chain{
width: 120px width: 120px
} }
#arena.oblongcard:not(.chess) .player[data-position='0']{ #arena.oblongcard:not(.chess) .player[data-position='0']{
height: 140px; height: 140px;
} }
#arena:not(.chess) .player[data-position='0'].linked>.damage{ #arena:not(.chess) .player[data-position='0'].linked>.damage{
transform:scale(0.7) rotate(0); transform:scale(0.7) rotate(0);
} }
#arena:not(.chess) .player[data-position='0'].linked>.damage.damageadded{ #arena:not(.chess) .player[data-position='0'].linked>.damage.damageadded{
transform:scale(1) rotate(0); transform:scale(1) rotate(0);
} }
#arena:not(.chess) .player[data-position='0']:not(.selected):not(.selectedx):not(.selectable):not(.glow){ #arena:not(.chess) .player[data-position='0']:not(.selected):not(.selectedx):not(.selectable):not(.glow){
box-shadow: none !important; box-shadow: none !important;
} }
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar, #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)>.avatar2,
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{ #arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{
width:120px; width:120px;
height:100%; height:100%;
border-radius:0px !important; border-radius:0px !important;
top:0; top:0;
left:0; left:0;
transition-property: opacity,transform; transition-property: opacity,transform;
transition-duration: 0.5s; transition-duration: 0.5s;
pointer-events: auto; pointer-events: auto;
/*-webkit-clip-path: polygon(-10px 0, 130px 0, 130px 180px, -10px 180px);*/ /*-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)>.avatar,
#window.compatiblemode #arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar2, #window.compatiblemode #arena:not(.chess) .player[data-position='0']:not(.minskin)>.avatar2,
#window.compatiblemode #arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{ #window.compatiblemode #arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{
-webkit-clip-path: none; -webkit-clip-path: none;
}*/ }*/
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.identity{ #arena:not(.chess) .player[data-position='0']:not(.minskin)>.identity{
pointer-events: auto; pointer-events: auto;
} }
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.judges, #arena:not(.chess) .player[data-position='0']:not(.minskin)>.judges,
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.marks{ #arena:not(.chess) .player[data-position='0']:not(.minskin)>.marks{
pointer-events: auto; pointer-events: auto;
} }
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{ #arena:not(.chess) .player[data-position='0']:not(.minskin)>.equips{
left:calc(100% - 120px); 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>.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>.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>.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>.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']>.equips>.equip6{bottom: 10px;right: 10px;}
#arena:not(.chess) .player[data-position='0']>.name, #arena:not(.chess) .player[data-position='0']>.name,
#arena:not(.chess) .player[data-position='0'].linked>.name{ #arena:not(.chess) .player[data-position='0'].linked>.name{
left:4px; left:4px;
top:10px; top:10px;
transform: none; transform: none;
} }
#arena:not(.chess) .player[data-position='0']>.nameol{ #arena:not(.chess) .player[data-position='0']>.nameol{
display: none; display: none;
} }
#arena:not(.chess) .player[data-position='0']>.name.name2, #arena:not(.chess) .player[data-position='0']>.name.name2,
#arena:not(.chess) .player[data-position='0'].linked>.name.name2{ #arena:not(.chess) .player[data-position='0'].linked>.name.name2{
left:69px; left:69px;
} }
#arena:not(.chess) .player[data-position='0']>.identity{ #arena:not(.chess) .player[data-position='0']>.identity{
left: 106px; left: 106px;
top: -8px; top: -8px;
} }
#arena:not(.chess) .player[data-position='0']>.damage{ #arena:not(.chess) .player[data-position='0']>.damage{
width: 120px; width: 120px;
} }
#arena:not(.chess) .player[data-position='0'].target{ #arena:not(.chess) .player[data-position='0'].target{
transform:none !important; transform:none !important;
} }
#arena:not(.chess) .player[data-position='0']>.hp:not(.actcount){ #arena:not(.chess) .player[data-position='0']>.hp:not(.actcount){
bottom: 5px; bottom: 5px;
left: 100px; left: 100px;
} }
#arena:not(.chess) .player[data-position='0']:not(.minskin)>.count{ #arena:not(.chess) .player[data-position='0']:not(.minskin)>.count{
bottom:10px; bottom:10px;
border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;
left:-1px; left:-1px;
z-index: 3; z-index: 3;
text-align: right; text-align: right;
} }
#arena:not(.chess).slim_player .player[data-position='0']:not(.minskin)>.count{ #arena:not(.chess).slim_player .player[data-position='0']:not(.minskin)>.count{
border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;
left:-1px; left:-1px;
z-index: 3; z-index: 3;
text-align: right; text-align: right;
} }
#arena:not(.chess) .player[data-position='0']>.hp.actcount{ #arena:not(.chess) .player[data-position='0']>.hp.actcount{
top:10px; top:10px;
left:2px; left:2px;
} }
#arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar, #arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar,
#arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar2{ #arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar2{
width:60px; width:60px;
background-position:50%; background-position:50%;
} }
#arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar2{ #arena:not(.chess) .player.fullskin2[data-position='0']:not(.minskin)>.avatar2{
left:60px; left:60px;
top:0; top:0;
z-index:1; z-index:1;
} }
.popup[data-position='0']{ .popup[data-position='0']{
top:calc(100% - 187px); top:calc(100% - 187px);
left:calc(-150% / 47 + 15px); left:calc(-150% / 47 + 15px);
} }
#arena:not(.chess) .player[data-position='0']>.judges{ #arena:not(.chess) .player[data-position='0']>.judges{
left: 6px; left: 6px;
top: -16px; top: -16px;
transform: none; transform: none;
} }
#arena:not(.chess) .player[data-position='0']>.marks { #arena:not(.chess) .player[data-position='0']>.marks {
right: -6px; right: -6px;
left:auto; left:auto;
top: -16px; top: -16px;
transform: none; transform: none;
} }
#arena:not(.chess) .player[data-position='0'].linked{ #arena:not(.chess) .player[data-position='0'].linked{
transform: none; transform: none;
} }
#arena:not(.chess) .player[data-position='0'].linked .avatar, #arena:not(.chess) .player[data-position='0'].linked .avatar,
#arena:not(.chess) .player[data-position='0'].linked .avatar2{ #arena:not(.chess) .player[data-position='0'].linked .avatar2{
transform: rotate(-90deg); transform: rotate(-90deg);
} }
#arena:not(.chess) .player[data-position='0'].fullskin2 .avatar{ #arena:not(.chess) .player[data-position='0'].fullskin2 .avatar{
transform-origin: right center; transform-origin: right center;
} }
#arena:not(.chess) .player[data-position='0'].fullskin2 .avatar2{ #arena:not(.chess) .player[data-position='0'].fullskin2 .avatar2{
transform-origin: left center; transform-origin: left center;
} }
.dialog{ .dialog{
height:calc(100% - 370px); height:calc(100% - 370px);
bottom:170px; bottom:170px;
} }
.dialog.fullheight { .dialog.fullheight {
height: calc(100% - 123px) !important; height: calc(100% - 123px) !important;
top: 40px !important; top: 40px !important;
} }
#me>.fakeme.avatar{ #me>.fakeme.avatar{
width:120px; width:120px;
height:100%; height:100%;
border-radius:0px; border-radius:0px;
top:0; top:0;
left:0; left:0;
background-size:cover; background-size:cover;
clip-path: polygon(-10px 0, 130px 0, 130px 150px, -10px 150px); clip-path: polygon(-10px 0, 130px 0, 130px 150px, -10px 150px);
-webkit-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='increase'] #me>.fakeme.avatar,
#window[data-radius_size='reduce'] #me>.fakeme.avatar{ #window[data-radius_size='reduce'] #me>.fakeme.avatar{
border-radius:0px; 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>.equip1,
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip2{ #arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip2{
top:20px; 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>.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>.equip4,
#arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip6{ #arena.mobile.oblongcard:not(.chess):not(.textequip) .player[data-position='0']>.equips>.equip6{
bottom:20px; bottom:20px;
} }
#arena.mobile.oblongcard.textequip:not(.chess) .player[data-position='0'] .equips>.removing{ #arena.mobile.oblongcard.textequip:not(.chess) .player[data-position='0'] .equips>.removing{
margin-top:-14px !important; margin-top:-14px !important;
margin-bottom:-14px !important; margin-bottom:-14px !important;
transform:scale(1); transform:scale(1);
} }
#arena.mobile.oblongcard:not(.chess) #handcards1{ #arena.mobile.oblongcard:not(.chess) #handcards1{
height: 100%; height: 100%;
top: 2px; top: 2px;
} }
#arena.mobile.oblongcard:not(.chess)>.card, #arena.mobile.oblongcard:not(.chess)>.card,
#arena.mobile.oblongcard:not(.chess) .handcards>.card{ #arena.mobile.oblongcard:not(.chess) .handcards>.card{
height: 120px; height: 120px;
} }
#arena.mobile.oblongcard:not(.chess)>.card>.image, #arena.mobile.oblongcard:not(.chess)>.card>.image,
#arena.mobile.oblongcard:not(.chess) .handcards>.card>.image{ #arena.mobile.oblongcard:not(.chess) .handcards>.card>.image{
height: 110px; height: 110px;
top: 8px; top: 8px;
background-position-x: -3px; background-position-x: -3px;
} }
#arena.phone.oblongcard:not(.chess):not(.nome){ #arena.phone.oblongcard:not(.chess):not(.nome){
height: calc(97% + 10px); height: calc(97% + 10px);
} }

296
layout/mode/boss.css
View File

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

688
layout/mode/chess.css
View File

@ -1,345 +1,345 @@
#arena.chess{ #arena.chess{
width:100% !important; width:100% !important;
height:100% !important; height:100% !important;
left:0 !important; left:0 !important;
top:0 !important; top:0 !important;
transition:all 0s !important; transition:all 0s !important;
} }
#arena.chess>#me, #arena.chess>#me,
#arena.chess>#mebg, #arena.chess>#mebg,
#arena.chess>#autonode{ #arena.chess>#autonode{
bottom:0; bottom:0;
top:auto; top:auto;
border-radius:0; border-radius:0;
} }
#arena.chess>#autonode{ #arena.chess>#autonode{
width: calc(100% - 240px); width: calc(100% - 240px);
left: 120px; left: 120px;
} }
#me>.fakeme.avatar { #me>.fakeme.avatar {
width: 120px; width: 120px;
height: 120px; height: 120px;
border-radius: 0px; border-radius: 0px;
top: 0; top: 0;
left: 0; left: 0;
background-size: cover; background-size: cover;
clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px); clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
-webkit-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){ #window:not(.nopointer) .dialog.fullheight .buttons .button.character:not(.squarebutton):not(.selectable){
cursor: default; cursor: default;
} }
#window:not(.nopointer) .obstacle.glow, #window:not(.nopointer) .obstacle.glow,
#window:not(.nopointer) .player.playerblank.glow{ #window:not(.nopointer) .player.playerblank.glow{
cursor: pointer; cursor: pointer;
} }
#chess-container{ #chess-container{
width:100%; width:100%;
height :calc(100% - 121px); height :calc(100% - 121px);
left:0; left:0;
top:0; top:0;
overflow:hidden; overflow:hidden;
text-align:center; text-align:center;
position: absolute; position: absolute;
} }
#chess{ #chess{
margin-top:36px; margin-top:36px;
margin-bottom:36px; margin-bottom:36px;
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
transition: all 0s; transition: all 0s;
} }
#arena .card.thrown{ #arena .card.thrown{
z-index:4; z-index:4;
} }
#canvas2{ #canvas2{
position: absolute; position: absolute;
z-index: 10; z-index: 10;
pointer-events: none; pointer-events: none;
} }
#handcards1{ #handcards1{
height:120px; height:120px;
padding:0; padding:0;
top:calc(100% - 120px); top:calc(100% - 120px);
width:calc(100% - 240px); width:calc(100% - 240px);
left:120px; left:120px;
} }
#handcards2{ #handcards2{
display:none; display:none;
} }
#mebg,#me,#autonode{ #mebg,#me,#autonode{
height:120px; height:120px;
} }
#window:not(.nopointer) .dialog.pointerbutton .buttons .button:not(.unselectable){ #window:not(.nopointer) .dialog.pointerbutton .buttons .button:not(.unselectable){
cursor: pointer !important; cursor: pointer !important;
} }
#system{ #system{
z-index:5; z-index:5;
} }
#arena>.dialog{ #arena>.dialog{
width:400px; width:400px;
height:240px; height:240px;
left:calc(50% - 200px); left:calc(50% - 200px);
top:calc(50% - 120px); top:calc(50% - 120px);
background: rgba(0,0,0,0.2); background: rgba(0,0,0,0.2);
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px; box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
border-radius:8px; border-radius:8px;
} }
#arena.chess>.dialog{ #arena.chess>.dialog{
height: calc(50% - 20px); height: calc(50% - 20px);
max-height: 240px; max-height: 240px;
} }
#window[data-radius_size='reduce']>.dialog{ #window[data-radius_size='reduce']>.dialog{
border-radius:4px; border-radius:4px;
} }
#window[data-radius_size='off']>.dialog{ #window[data-radius_size='off']>.dialog{
border-radius:0px; border-radius:0px;
} }
#window[data-radius_size='increase']>.dialog{ #window[data-radius_size='increase']>.dialog{
border-radius:16px; border-radius:16px;
} }
#arena>.dialog.slim:not(.center){ #arena>.dialog.slim:not(.center){
top:40px; top:40px;
pointer-events: none; pointer-events: none;
} }
#control{ #control{
top:calc(100% - 155px); top:calc(100% - 155px);
} }
#arena.ipad #control{ #arena.ipad #control{
top:calc(100% - 165px); top:calc(100% - 165px);
} }
.fakeme{ .fakeme{
width:120px; width:120px;
height:120px; height:120px;
border-radius:0px !important; border-radius:0px !important;
top:0; top:0;
} }
#window[data-radius_size='increase'] .fakeme, #window[data-radius_size='increase'] .fakeme,
#window[data-radius_size='reduce'] .fakeme{ #window[data-radius_size='reduce'] .fakeme{
border-radius:0px; border-radius:0px;
} }
.fakeme.avatar{ .fakeme.avatar{
left:0; left:0;
background-size:cover; background-size:cover;
} }
.fakeme.player{ .fakeme.player{
left:calc(100% - 120px); left:calc(100% - 120px);
text-align:center; text-align:center;
transition: all 0s; transition: all 0s;
clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px); clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
-webkit-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{ .fakeme.player.zoomed{
width: 240px; width: 240px;
height: 240px; height: 240px;
left:calc(100% - 240px); left:calc(100% - 240px);
top:calc(100% - 240px); top:calc(100% - 240px);
background-size:200%; background-size:200%;
} }
.fakeme.player>div{ .fakeme.player>div{
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow: scroll; overflow: scroll;
left: 0; left: 0;
top: 0; top: 0;
} }
.fakeme.player.zoomed>div>div{ .fakeme.player.zoomed>div>div{
width: 90px; width: 90px;
height: 90px; height: 90px;
left: 0; left: 0;
top: 16px; top: 16px;
margin-left: 8px; margin-left: 8px;
margin-right: 8px; margin-right: 8px;
margin-bottom: 16px; margin-bottom: 16px;
} }
.fakeme.player>div>div{ .fakeme.player>div>div{
width:45px; width:45px;
height:45px; height:45px;
background-size:cover; background-size:cover;
border-radius:4px; border-radius:4px;
position:relative; position:relative;
left:0; left:0;
top:8px; top:8px;
margin-left: 4px; margin-left: 4px;
margin-right: 4px; margin-right: 4px;
margin-bottom: 8px; margin-bottom: 8px;
transition:box-shadow 0.5s; transition:box-shadow 0.5s;
} }
#window:not(.nopointer) .fakeme.player>div>div{ #window:not(.nopointer) .fakeme.player>div>div{
cursor: pointer; cursor: pointer;
} }
.fakeme.player>div>.selectable{ .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; 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{ .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; 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{ .fakeme.player>div>.dead{
filter:grayscale(1); filter:grayscale(1);
-webkit-filter:grayscale(1); -webkit-filter:grayscale(1);
opacity:0.5; opacity:0.5;
} }
.card.drawing{ .card.drawing{
animation: drawing2 1s; animation: drawing2 1s;
animation-fill-mode: forwards; animation-fill-mode: forwards;
-webkit-animation: drawing2 1s; -webkit-animation: drawing2 1s;
-webkit-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;
} }
.player.playergrid,.player.obstacle{ .player.playergrid,.player.obstacle{
background: rgba(0,0,0,0.2); background: rgba(0,0,0,0.2);
box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px; box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
border-radius:8px; border-radius:8px;
} }
#window[data-radius_size='reduce'] .player.playergrid, #window[data-radius_size='reduce'] .player.playergrid,
#window[data-radius_size='reduce'] .player.obstacle{ #window[data-radius_size='reduce'] .player.obstacle{
border-radius:4px; border-radius:4px;
} }
#window[data-radius_size='off'] .player.playergrid, #window[data-radius_size='off'] .player.playergrid,
#window[data-radius_size='off'] .player.obstacle{ #window[data-radius_size='off'] .player.obstacle{
border-radius:0px; border-radius:0px;
} }
#window[data-radius_size='increase'] .player.playergrid, #window[data-radius_size='increase'] .player.playergrid,
#window[data-radius_size='increase'] .player.obstacle{ #window[data-radius_size='increase'] .player.obstacle{
border-radius:16px; border-radius:16px;
} }
.player.playerblank{ .player.playerblank{
background: none; background: none;
} }
#window .player.obstacle{ #window .player.obstacle{
background: repeating-linear-gradient( background: repeating-linear-gradient(
135deg, 135deg,
rgba(0,0,0,0.2), rgba(0,0,0,0.2),
rgba(0,0,0,0.2) 10px, rgba(0,0,0,0.2) 10px,
rgba(0,0,0,0.1) 10px, rgba(0,0,0,0.1) 10px,
rgba(0,0,0,0.1) 20px rgba(0,0,0,0.1) 20px
); );
} }
#window .player.obstacle[data-obscolor='blue']{ #window .player.obstacle[data-obscolor='blue']{
background: repeating-linear-gradient( background: repeating-linear-gradient(
135deg, 135deg,
rgba(0, 64, 162, 0.4), rgba(0, 64, 162, 0.4),
rgba(0, 64, 162, 0.4) 10px, rgba(0, 64, 162, 0.4) 10px,
rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0) 10px,
rgba(0, 0, 0, 0) 20px rgba(0, 0, 0, 0) 20px
); );
box-shadow: rgba(0, 64, 162, 0.6) 0 0 0 1px; box-shadow: rgba(0, 64, 162, 0.6) 0 0 0 1px;
} }
.playergrid.temp{ .playergrid.temp{
opacity:0.3; opacity:0.3;
} }
.chessscroll{ .chessscroll{
height:calc(100% - 162px); height:calc(100% - 162px);
width:20px; width:20px;
top:42px; top:42px;
z-index:1; z-index:1;
position:fixed; position:fixed;
} }
.chessscroll.left{ .chessscroll.left{
left:0; left:0;
} }
.chessscroll.right{ .chessscroll.right{
right:0; right:0;
} }
.button.forbidden{ .button.forbidden{
opacity:0.6 opacity:0.6
} }
#arena.leaderhide>*:not(canvas){ #arena.leaderhide>*:not(canvas){
opacity:0 !important; opacity:0 !important;
transition: all 0.5s !important; transition: all 0.5s !important;
pointer-events: none; pointer-events: none;
} }
#arena.leadercontrol>#control{ #arena.leadercontrol>#control{
transition: all 0.5s !important; transition: all 0.5s !important;
} }
/* .player.treasure{ */ /* .player.treasure{ */
/*box-shadow: none;*/ /*box-shadow: none;*/
/* } */ /* } */
.player.treasure .count, .player.treasure .count,
.player.treasure .identity{ .player.treasure .identity{
display: none; display: none;
} }
.player.treasure .avatar{ .player.treasure .avatar{
width: 120px; width: 120px;
height: 120px; height: 120px;
left: 0; left: 0;
top: 0; top: 0;
} }
.player.minskin .action{ .player.minskin .action{
text-shadow: black 0 0 1px !important; text-shadow: black 0 0 1px !important;
font-size: 16px !important; font-size: 16px !important;
left:0; left:0;
} }
.player .action.thunder{ .player .action.thunder{
color: rgb(117,186,255); color: rgb(117,186,255);
} }
#arena.selecting .player .action:not(.hidden){ #arena.selecting .player .action:not(.hidden){
opacity: 1 !important; opacity: 1 !important;
} }
.button .intro.showintro.tafang{ .button .intro.showintro.tafang{
font-family: 'xinwei'; font-family: 'xinwei';
font-size: 20px; font-size: 20px;
top: 66px; top: 66px;
right: 5px; right: 5px;
left:auto; left:auto;
} }
.button.newstyle .intro.showintro.tafang{ .button.newstyle .intro.showintro.tafang{
top: 6px; top: 6px;
} }
.dialog .buttons>.button.character.squarebutton{ .dialog .buttons>.button.character.squarebutton{
height:90px; height:90px;
} }
.dialog .buttons>.button.character.squarebutton>.hp.text{ .dialog .buttons>.button.character.squarebutton>.hp.text{
/*left:22px;*/ /*left:22px;*/
right: 4px; right: 4px;
text-align: right; text-align: right;
bottom: 4px; bottom: 4px;
top: auto; top: auto;
left: auto; left: auto;
} }
.dialog .buttons>.button.character.squarebutton>.name{ .dialog .buttons>.button.character.squarebutton>.name{
top:8px; top:8px;
} }
br.finish_game{ br.finish_game{
display: none; display: none;
} }
#arena.chess.slim_player.lslim_player .player.minskin:not(.fakeme)>.avatar:not(.fakeme){ #arena.chess.slim_player.lslim_player .player.minskin:not(.fakeme)>.avatar:not(.fakeme){
left: 5px; left: 5px;
top: 5px; top: 5px;
width: calc(100% - 10px); width: calc(100% - 10px);
height: calc(100% - 10px); height: calc(100% - 10px);
} }
#arena.chess #chess>.player{ #arena.chess #chess>.player{
left: 14px; left: 14px;
top: 14px; top: 14px;
} }
#window.rightbar #system, #window.rightbar #system,
#window.leftbar #system{ #window.leftbar #system{
width: calc(100% - 62px); width: calc(100% - 62px);
} }
#window.leftbar #system{ #window.leftbar #system{
left: 50px; left: 50px;
} }
#historybar { #historybar {
border-radius: 0; border-radius: 0;
top: 0; top: 0;
height: calc(100% - 121px); height: calc(100% - 121px);
} }
#window.rightbar #historybar{ #window.rightbar #historybar{
left: calc(100% - 50px); left: calc(100% - 50px);
} }
#window.leftbar #historybar{ #window.leftbar #historybar{
left: 0; 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>.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>.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>.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>.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>.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>.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>.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>.card[data-position='7']{top:calc(100% - 297px);left:148px;}
#arena.stone>.popup[data-position='7']{top:calc(100% - 340px);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>.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>.card[data-position='5']{top:calc(100% - 297px);left:8px;}
#arena.stone>.popup[data-position='5']{top:calc(100% - 340px);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>.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>.card[data-position='9']{top:38px;left:calc(100% - 112px);}
#arena.stone>.popup[data-position='9']{top:160px;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>.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>.card[data-position='11']{top:18px;left:calc(100% - 252px);}
#arena.stone>.popup[data-position='11']{top:140px;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>.player.minskin[data-position='10']{top:10px;left:140px;}
#arena.stone>.card[data-position='10']{top:18px;left:148px;} #arena.stone>.card[data-position='10']{top:18px;left:148px;}
#arena.stone>.popup[data-position='10']{top:140px;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>.player.minskin[data-position='8']{top:30px;left:0;}
#arena.stone>.card[data-position='8']{top:38px;left:8px;} #arena.stone>.card[data-position='8']{top:38px;left:8px;}
#arena.stone>.popup[data-position='8']{top:160px;left:8px;} #arena.stone>.popup[data-position='8']{top:160px;left:8px;}
#arena:not(.chess).mobile>.player[data-position='0']>.name{ #arena:not(.chess).mobile>.player[data-position='0']>.name{
top:30px; top:30px;
} }
#arena .player>.name{ #arena .player>.name{
top:36px; top:36px;
} }
#arena.slim_player .player>.name{ #arena.slim_player .player>.name{
top:33px; top:33px;
} }
#arena .player.linked>.name{ #arena .player.linked>.name{
transform: rotate(90deg) translate(120px,-96px); transform: rotate(90deg) translate(120px,-96px);
} }
#arena .player.linked>.name.name2{ #arena .player.linked>.name.name2{
transform: rotate(90deg) translate(98px,-31px); transform: rotate(90deg) translate(98px,-31px);
} }
#arena.oldlayout .player.linked>.name{ #arena.oldlayout .player.linked>.name{
transform: none !important; transform: none !important;
} }
#arena.oldlayout .player.linked>.name.name2{ #arena.oldlayout .player.linked>.name.name2{
transform: none !important; transform: none !important;
} }
.player.minskin .judges{ .player.minskin .judges{
top:14px; top:14px;
} }
.player>.identity.menubutton.round{ .player>.identity.menubutton.round{
padding: 0; padding: 0;
transform: scale(1.2) translate(-2px,2px); transform: scale(1.2) translate(-2px,2px);
} }
.card .wunature{ .card .wunature{
top:74px; top:74px;
left:6px; left:6px;
right: auto; right: auto;
} }
/* .player .equips{ */ /* .player .equips{ */
/*z-index: 4;*/ /*z-index: 4;*/
/* } */ /* } */
#arena:not(.chess).mobile .player[data-position='0']:not(.minskin)>.identity{ #arena:not(.chess).mobile .player[data-position='0']:not(.minskin)>.identity{
left: 102px; left: 102px;
top: -7px; top: -7px;
} }
#deck-builder{ #deck-builder{
overflow: hidden; overflow: hidden;
} }
#deck-builder>.shadowed.list{ #deck-builder>.shadowed.list{
width: 200px; width: 200px;
height: 100%; height: 100%;
right: 0; right: 0;
top:0; top:0;
border-radius: 0px; border-radius: 0px;
transform: translateX(200px); transform: translateX(200px);
opacity: 0; opacity: 0;
} }
#deck-builder.shown>.shadowed.list{ #deck-builder.shown>.shadowed.list{
transform: none; transform: none;
opacity: 1; opacity: 1;
} }
#deck-builder>.shadowed.list>.menubutton.large.create{ #deck-builder>.shadowed.list>.menubutton.large.create{
position: absolute; position: absolute;
bottom: 10px; bottom: 10px;
left: auto; left: auto;
right: 10px; right: 10px;
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 180px; width: 180px;
height: 50px; height: 50px;
font-size: 36px; font-size: 36px;
line-height: 50px; line-height: 50px;
z-index: 2; z-index: 2;
} }
#deck-builder>.shadowed.list>.list-container{ #deck-builder>.shadowed.list>.list-container{
width:100%; width:100%;
left:0; left:0;
height: calc(100% - 60px); height: calc(100% - 60px);
overflow-y: scroll; overflow-y: scroll;
overflow-x: visible; overflow-x: visible;
text-align: left; text-align: left;
} }
#deck-builder>.shadowed.list>.list-container:not(.deck){ #deck-builder>.shadowed.list>.list-container:not(.deck){
z-index: 1; z-index: 1;
} }
#deck-builder>.shadowed.list>.list-container.deck{ #deck-builder>.shadowed.list>.list-container.deck{
pointer-events: none; pointer-events: none;
opacity: 0; opacity: 0;
} }
#deck-builder>.shadowed.list>.list-container.deck.shown{ #deck-builder>.shadowed.list>.list-container.deck.shown{
pointer-events: auto; pointer-events: auto;
opacity: 1; opacity: 1;
} }
#deck-builder>.shadowed.list>.list-container.deck>.card{ #deck-builder>.shadowed.list>.list-container.deck>.card{
zoom:0.8; zoom:0.8;
margin-bottom: 15px; margin-bottom: 15px;
margin-top: 0; margin-top: 0;
transition: all 0s; transition: all 0s;
} }
#deck-builder>.shadowed.list>.list-container.deck>.card:nth-child(2n+1){ #deck-builder>.shadowed.list>.list-container.deck>.card:nth-child(2n+1){
margin-left: 15px; margin-left: 15px;
} }
#deck-builder>.shadowed.list>.list-container.deck>.card:nth-child(2n){ #deck-builder>.shadowed.list>.list-container.deck>.card:nth-child(2n){
margin-left: 7px; margin-left: 7px;
} }
#deck-builder>.shadowed.list>.list-container.deck>.card:first-child, #deck-builder>.shadowed.list>.list-container.deck>.card:first-child,
#deck-builder>.shadowed.list>.list-container.deck>.card:first-child+div{ #deck-builder>.shadowed.list>.list-container.deck>.card:first-child+div{
margin-top: 15px; margin-top: 15px;
} }
.deckitem{ .deckitem{
position: relative; position: relative;
width: 170px; width: 170px;
margin-left: 15px; margin-left: 15px;
margin-right: 0; margin-right: 0;
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
margin-top: 15px; margin-top: 15px;
margin-bottom: 0px; margin-bottom: 0px;
text-align: left; text-align: left;
font-size:24px; font-size:24px;
line-height:30px; line-height:30px;
font-family:'xinwei'; font-family:'xinwei';
border-radius: 40px 4px 4px 40px; border-radius: 40px 4px 4px 40px;
background-size: cover; background-size: cover;
white-space: nowrap; white-space: nowrap;
transition: all 0s; transition: all 0s;
} }
#window:not(.nopointer) .deckitem, #window:not(.nopointer) .deckitem,
#window:not(.nopointer) #deck-builder>.shadowed.list>.menubutton.large.create, #window:not(.nopointer) #deck-builder>.shadowed.list>.menubutton.large.create,
#window:not(.nopointer) #deck-builder>.controls>div:not(*:last-child){ #window:not(.nopointer) #deck-builder>.controls>div:not(*:last-child){
cursor: pointer; cursor: pointer;
} }
.dialog .deckitem{ .dialog .deckitem{
margin-left: 8px; margin-left: 8px;
margin-right: 9px; margin-right: 9px;
} }
.deckitem.random{ .deckitem.random{
border-radius: 4px; border-radius: 4px;
text-align: center; text-align: center;
} }
.deckitem.random>span{ .deckitem.random>span{
margin-left: 0; margin-left: 0;
} }
.deckitem:last-child{ .deckitem:last-child{
margin-bottom: 15px; margin-bottom: 15px;
} }
.deckitem>span{ .deckitem>span{
margin-left: 46px; margin-left: 46px;
} }
.deckitem>.menubutton.round{ .deckitem>.menubutton.round{
position: absolute; position: absolute;
left: -1px; left: -1px;
top: -2px; top: -2px;
width: 34px; width: 34px;
height: 34px; height: 34px;
} }
#deck-builder>.shadowed.career{ #deck-builder>.shadowed.career{
width: 240px; width: 240px;
height: 240px; height: 240px;
right: 220px; right: 220px;
bottom: 20px; bottom: 20px;
opacity: 0; opacity: 0;
transform: scale(0) translateX(300px); transform: scale(0) translateX(300px);
transform-origin: right bottom; transform-origin: right bottom;
transition-duration: 0.3s; transition-duration: 0.3s;
z-index: 8; z-index: 8;
} }
#deck-builder>.shadowed.career.shown{ #deck-builder>.shadowed.career.shown{
transform: scale(1) translateX(0); transform: scale(1) translateX(0);
opacity: 1; opacity: 1;
} }
#deck-builder>.shadowed.career>div{ #deck-builder>.shadowed.career>div{
width: 80px; width: 80px;
height: 80px; height: 80px;
margin: 0; margin: 0;
padding: 0; padding: 0;
position: relative; position: relative;
display: inline-block; display: inline-block;
} }
#deck-builder>.shadowed.career>div>.menubutton.round{ #deck-builder>.shadowed.career>div>.menubutton.round{
left: 15px; left: 15px;
top: 5px; top: 5px;
} }
#deck-builder>.shadowed.career>div>.text{ #deck-builder>.shadowed.career>div>.text{
font-size: 12px; font-size: 12px;
width: 100%; width: 100%;
text-align: center; text-align: center;
top: 58px; top: 58px;
} }
#deck-builder>.dialog.fixed{ #deck-builder>.dialog.fixed{
left: auto; left: auto;
right: 240px; right: 240px;
width: calc(100% - 280px); width: calc(100% - 280px);
/*opacity: 0;*/ /*opacity: 0;*/
animation: none; animation: none;
-webkit-animation:none; -webkit-animation:none;
/*transform: scale(0.8);*/ /*transform: scale(0.8);*/
/*pointer-events: none;*/ /*pointer-events: none;*/
/*-webkit-animation:dialog_start2 0.5s;*/ /*-webkit-animation:dialog_start2 0.5s;*/
transition: all 0.5s; transition: all 0.5s;
} }
#deck-builder:not(.shown)>.dialog.fixed{ #deck-builder:not(.shown)>.dialog.fixed{
opacity: 0; opacity: 0;
transform: scale(0.8); transform: scale(0.8);
pointer-events: none; pointer-events: none;
} }
#deck-builder>.dialog.fixed.shown{ #deck-builder>.dialog.fixed.shown{
opacity: 1; opacity: 1;
transform: scale(1); transform: scale(1);
pointer-events: auto; pointer-events: auto;
} }
#deck-builder>.controls{ #deck-builder>.controls{
opacity: 0; opacity: 0;
height: 50px; height: 50px;
width: calc(100% - 200px); width: calc(100% - 200px);
bottom: 10px; bottom: 10px;
left: 0; left: 0;
text-align: right; text-align: right;
z-index: 9; z-index: 9;
pointer-events: none; pointer-events: none;
} }
#deck-builder>.controls>div{ #deck-builder>.controls>div{
position: relative; position: relative;
margin-top:5px; margin-top:5px;
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
} }
#deck-builder>.controls>.card-count{ #deck-builder>.controls>.card-count{
position: absolute; position: absolute;
width: 100px; width: 100px;
height: 100%; height: 100%;
left: calc(50% - 50px); left: calc(50% - 50px);
text-align: center; text-align: center;
font-family: 'xinwei'; font-family: 'xinwei';
font-size: 24px; font-size: 24px;
line-height: 50px; line-height: 50px;
margin: 0; margin: 0;
} }
#deck-builder>.controls>div:last-child{ #deck-builder>.controls>div:last-child{
margin-right: 40px; margin-right: 40px;
white-space: nowrap; white-space: nowrap;
-webkit-user-select: text; -webkit-user-select: text;
} }
#deck-builder>.controls.shown{ #deck-builder>.controls.shown{
opacity: 1; opacity: 1;
pointer-events: auto; pointer-events: auto;
} }
#arena>.player.stone_deck{ #arena>.player.stone_deck{
transform: scale(1) translateX(100px); transform: scale(1) translateX(100px);
opacity: 0; opacity: 0;
transition: all 0.5s; transition: all 0.5s;
left: calc(5% + 50px); left: calc(5% + 50px);
top:calc(50% - 90px); top:calc(50% - 90px);
} }
#arena>.player.stone_deck.shown{ #arena>.player.stone_deck.shown{
transform: scale(0.8); transform: scale(0.8);
opacity: 1; opacity: 1;
} }
#arena>.player.stone_deck.shown.removing{ #arena>.player.stone_deck.shown.removing{
transform: scale(0.6) translateX(-100px); transform: scale(0.6) translateX(-100px);
} }
#arena>.player.stone_deck>div:not(.avatar):not(.avatar2){ #arena>.player.stone_deck>div:not(.avatar):not(.avatar2){
display: none !important; display: none !important;
} }
/*#arena>.skillbar>.skillbartext:hover{ /*#arena>.skillbar>.skillbartext:hover{
opacity: 1; opacity: 1;
}*/ }*/
@keyframes skillbarglow{ @keyframes skillbarglow{
0%{box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(255, 0, 0, 0.4) 0 0 5px} 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, 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} 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} 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{ @-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} 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, 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} 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} 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']{ div[data-career='mage']{
background-image: url('../../../image/mode/stone/career/mage.png'); background-image: url('../../../image/mode/stone/career/mage.png');
background-size:cover; background-size:cover;
} }
div[data-career='druid']{ div[data-career='druid']{
background-image: url('../../../image/mode/stone/career/druid.png'); background-image: url('../../../image/mode/stone/career/druid.png');
background-size:cover; background-size:cover;
} }
div[data-career='hunter']{ div[data-career='hunter']{
background-image: url('../../../image/mode/stone/career/hunter.png'); background-image: url('../../../image/mode/stone/career/hunter.png');
background-size:cover; background-size:cover;
} }
div[data-career='shaman']{ div[data-career='shaman']{
background-image: url('../../../image/mode/stone/career/shaman.png'); background-image: url('../../../image/mode/stone/career/shaman.png');
background-size:cover; background-size:cover;
} }
div[data-career='paladin']{ div[data-career='paladin']{
background-image: url('../../../image/mode/stone/career/paladin.png'); background-image: url('../../../image/mode/stone/career/paladin.png');
background-size:cover; background-size:cover;
} }
div[data-career='rogue']{ div[data-career='rogue']{
background-image: url('../../../image/mode/stone/career/rogue.png'); background-image: url('../../../image/mode/stone/career/rogue.png');
background-size:cover; background-size:cover;
} }
div[data-career='priest']{ div[data-career='priest']{
background-image: url('../../../image/mode/stone/career/priest.png'); background-image: url('../../../image/mode/stone/career/priest.png');
background-size:cover; background-size:cover;
} }
div[data-career='warrior']{ div[data-career='warrior']{
background-image: url('../../../image/mode/stone/career/warrior.png'); background-image: url('../../../image/mode/stone/career/warrior.png');
background-size:cover; background-size:cover;
} }
div[data-career='warlock']{ div[data-career='warlock']{
background-image: url('../../../image/mode/stone/career/warlock.png'); background-image: url('../../../image/mode/stone/career/warlock.png');
background-size:cover; background-size:cover;
} }
div[data-career='knight']{ div[data-career='knight']{
background-image: url('../../../image/mode/stone/career/knight.png'); background-image: url('../../../image/mode/stone/career/knight.png');
background-size:cover; background-size:cover;
} }

458
layout/mode/story.css
View File

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

494
layout/mode/tafang.css
View File

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

286
layout/newlayout/equip.css
View File

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

700
layout/nova/layout.css
View File

@ -1,351 +1,351 @@
@import "../newlayout/layout.css"; @import "../newlayout/layout.css";
#arena{ #arena{
height: calc(95% + 20px); height: calc(95% + 20px);
} }
#control{ #control{
width: calc(5000% / 47 - 240px); width: calc(5000% / 47 - 240px);
left:calc(-150% / 47 + 120px); left:calc(-150% / 47 + 120px);
bottom:150px; bottom:150px;
height: 40px; height: 40px;
} }
#arena.phone #control{ #arena.phone #control{
bottom:160px; bottom:160px;
} }
#arena.ipad #control{ #arena.ipad #control{
bottom:155px; bottom:155px;
} }
#arena:not(.chess)>#me, #arena:not(.chess)>#me,
#arena:not(.chess)>#mebg, #arena:not(.chess)>#mebg,
#arena:not(.chess)>#autonode{ #arena:not(.chess)>#autonode{
bottom:30px; bottom:30px;
width: calc(5000% / 47); width: calc(5000% / 47);
left:calc(-150% / 47); left:calc(-150% / 47);
top:auto; top:auto;
border-radius:0 !important; border-radius:0 !important;
height:120px; height:120px;
} }
#arena.oblongcard:not(.chess)>#me, #arena.oblongcard:not(.chess)>#me,
#arena.oblongcard:not(.chess)>#mebg, #arena.oblongcard:not(.chess)>#mebg,
#arena.oblongcard:not(.chess)>#autonode{ #arena.oblongcard:not(.chess)>#autonode{
height: 140px; height: 140px;
} }
#arena.oblongcard:not(.chess)>.card, #arena.oblongcard:not(.chess)>.card,
#arena.oblongcard:not(.chess) .handcards>.card{ #arena.oblongcard:not(.chess) .handcards>.card{
height: 120px; height: 120px;
} }
#arena.oblongcard:not(.chess)>.card>.image, #arena.oblongcard:not(.chess)>.card>.image,
#arena.oblongcard:not(.chess) .handcards>.card>.image{ #arena.oblongcard:not(.chess) .handcards>.card>.image{
height: 110px; height: 110px;
top: 8px; top: 8px;
background-position-x: -3px; background-position-x: -3px;
} }
#arena.oblongcard:not(.chess) #handcards1{ #arena.oblongcard:not(.chess) #handcards1{
height: 100%; height: 100%;
top: 2px; top: 2px;
} }
#arena.oblongcard:not(.chess):not(.choose-character) #control{ #arena.oblongcard:not(.chess):not(.choose-character) #control{
bottom:165px; bottom:165px;
} }
#arena.phone.oblongcard:not(.chess):not(.choose-character) #control{ #arena.phone.oblongcard:not(.chess):not(.choose-character) #control{
bottom:180px; bottom:180px;
} }
#arena:not(.chess)>#autonode{ #arena:not(.chess)>#autonode{
width: calc(5000% / 47 - 240px); width: calc(5000% / 47 - 240px);
left:calc(-150% / 47 + 120px); left:calc(-150% / 47 + 120px);
} }
#arena:not(.mobile).single-handcard #handcards1{ #arena:not(.mobile).single-handcard #handcards1{
width: calc(100% - 120px); width: calc(100% - 120px);
} }
#window.rightbar #system, #window.rightbar #system,
#window.leftbar #system{ #window.leftbar #system{
width: calc(100% - 62px); width: calc(100% - 62px);
} }
#window.leftbar #system{ #window.leftbar #system{
left: 50px; left: 50px;
} }
#window.rightbar #historybar{ #window.rightbar #historybar{
left: calc(100% - 50px); left: calc(100% - 50px);
border-radius: 0; border-radius: 0;
top: 0; top: 0;
height: 100%; height: 100%;
} }
#window.leftbar #historybar{ #window.leftbar #historybar{
left: 0; left: 0;
border-radius: 0; border-radius: 0;
top: 0; top: 0;
height: 100%; height: 100%;
} }
#window.single-handcard #historybar{ #window.single-handcard #historybar{
height: calc(100% - 121px); height: calc(100% - 121px);
} }
#window.oblongcard.single-handcard #historybar{ #window.oblongcard.single-handcard #historybar{
height: calc(100% - 141px); height: calc(100% - 141px);
} }
#window.leftbar #arena:not(.chess)>#me, #window.leftbar #arena:not(.chess)>#me,
#window.leftbar #arena:not(.chess)>#mebg, #window.leftbar #arena:not(.chess)>#mebg,
#window.leftbar #arena:not(.chess)>#autonode{ #window.leftbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47); width: calc(5000% / 47 + 2500px / 47);
left:calc(-150% / 47 - 50px - 75px / 47); left:calc(-150% / 47 - 50px - 75px / 47);
} }
#window.leftbar #arena:not(.chess)>#autonode{ #window.leftbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47 - 240px); width: calc(5000% / 47 + 2500px / 47 - 240px);
left:calc(-150% / 47 - 50px - 75px / 47 + 120px); left:calc(-150% / 47 - 50px - 75px / 47 + 120px);
} }
#window.rightbar #arena:not(.chess)>#me, #window.rightbar #arena:not(.chess)>#me,
#window.rightbar #arena:not(.chess)>#mebg, #window.rightbar #arena:not(.chess)>#mebg,
#window.rightbar #arena:not(.chess)>#autonode{ #window.rightbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47); width: calc(5000% / 47 + 2500px / 47);
left:calc(-150% / 47 - 75px / 47); left:calc(-150% / 47 - 75px / 47);
} }
#window.rightbar #arena:not(.chess)>#autonode{ #window.rightbar #arena:not(.chess)>#autonode{
width: calc(5000% / 47 + 2500px / 47 - 240px); width: calc(5000% / 47 + 2500px / 47 - 240px);
left:calc(-150% / 47 - 75px / 47 + 120px); left:calc(-150% / 47 - 75px / 47 + 120px);
} }
#arena:not(.chess) #handcards1{ #arena:not(.chess) #handcards1{
height:120px; height:120px;
padding:0; padding:0;
top:calc(100% - 120px); top:calc(100% - 120px);
} }
#arena:not(.chess) #handcards1.scrollh{ #arena:not(.chess) #handcards1.scrollh{
top: calc(100% - 180px); top: calc(100% - 180px);
height: 180px; height: 180px;
} }
#arena:not(.chess).oblongcard #handcards1.scrollh{ #arena:not(.chess).oblongcard #handcards1.scrollh{
top: calc(100% - 200px); top: calc(100% - 200px);
height: 200px; height: 200px;
} }
#arena:not(.chess) #handcards1.scrollh>div{ #arena:not(.chess) #handcards1.scrollh>div{
height: 120px; height: 120px;
top: 60px; top: 60px;
} }
#arena:not(.chess).oblongcard #handcards1.scrollh>div{ #arena:not(.chess).oblongcard #handcards1.scrollh>div{
top: 62px; top: 62px;
} }
#arena:not(.chess):not(.single-handcard) #handcards1{ #arena:not(.chess):not(.single-handcard) #handcards1{
width:calc(100% - 240px); width:calc(100% - 240px);
left:calc(150% / 47 - 300% / 94 + 625% / 47 - 105px + 120px); left:calc(150% / 47 - 300% / 94 + 625% / 47 - 105px + 120px);
} }
#arena:not(.single-handcard):not(.chess)>#me, #arena:not(.single-handcard):not(.chess)>#me,
#arena:not(.single-handcard):not(.chess)>#mebg, #arena:not(.single-handcard):not(.chess)>#mebg,
#arena:not(.single-handcard):not(.chess)>#autonode{ #arena:not(.single-handcard):not(.chess)>#autonode{
left: 0 !important; left: 0 !important;
bottom: 38px !important; bottom: 38px !important;
width: calc(9700% / 94) !important; width: calc(9700% / 94) !important;
} }
#arena:not(.single-handcard):not(.chess)>#mebg{ #arena:not(.single-handcard):not(.chess)>#mebg{
visibility: hidden; visibility: hidden;
} }
#arena:not(.single-handcard):not(.chess)>#me #handcards1{ #arena:not(.single-handcard):not(.chess)>#me #handcards1{
left: 150px !important; left: 150px !important;
width: calc(100% - 150px) !important; width: calc(100% - 150px) !important;
} }
#arena:not(.single-handcard):not(.chess)>#me #handcards1>.handcards{ #arena:not(.single-handcard):not(.chess)>#me #handcards1>.handcards{
left: 0 !important; left: 0 !important;
} }
#autonode{ #autonode{
display: table !important; display: table !important;
} }
@media screen and (max-width: 1105px){ @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)>#me,
#arena[data-number='8']:not(.single-handcard):not(.chess)>#mebg, #arena[data-number='8']:not(.single-handcard):not(.chess)>#mebg,
#arena[data-number='8']:not(.single-handcard):not(.chess)>#autonode{ #arena[data-number='8']:not(.single-handcard):not(.chess)>#autonode{
left: calc(-300% / 94 + 625% / 47 - 105px) !important; left: calc(-300% / 94 + 625% / 47 - 105px) !important;
width: calc(9700% / 94 + 300% / 94 - 625% / 47 + 105px) !important; width: calc(9700% / 94 + 300% / 94 - 625% / 47 + 105px) !important;
} }
} }
#handcards2{ #handcards2{
display:none; display:none;
} }
.dialog{ .dialog{
height:calc(100% - 370px); height:calc(100% - 370px);
bottom:170px; bottom:170px;
} }
#arena.choose-character>.dialog .placeholder+.placeholder{ #arena.choose-character>.dialog .placeholder+.placeholder{
display: none; display: none;
} }
#arena.choose-character>.dialog .placeholder{ #arena.choose-character>.dialog .placeholder{
margin-bottom: 4px; margin-bottom: 4px;
height: 0px; height: 0px;
} }
#arena.choose-character>.dialog.noupdate .placeholder{ #arena.choose-character>.dialog.noupdate .placeholder{
margin-bottom: 0; margin-bottom: 0;
height: 0; height: 0;
} }
#arena.choose-character>.dialog{ #arena.choose-character>.dialog{
height:calc(100% - 280px); height:calc(100% - 280px);
bottom:80px; bottom:80px;
} }
#arena.choose-character>.dialog.scroll3{ #arena.choose-character>.dialog.scroll3{
height:calc(100% - 240px); height:calc(100% - 240px);
} }
#arena.phone.choose-character>.dialog{ #arena.phone.choose-character>.dialog{
bottom:93px; bottom:93px;
} }
#arena.ipad.choose-character>.dialog{ #arena.ipad.choose-character>.dialog{
bottom:96px; bottom:96px;
} }
#arena.choose-character>#control{ #arena.choose-character>#control{
bottom: 30px; bottom: 30px;
transition: all 0s; transition: all 0s;
} }
#arena.phone.choose-character>#control{ #arena.phone.choose-character>#control{
bottom: 43px; bottom: 43px;
} }
#arena.ipad.choose-character>#control{ #arena.ipad.choose-character>#control{
bottom: 45px; bottom: 45px;
} }
.dialog.fullheight { .dialog.fullheight {
height: calc(100% - 123px) !important; height: calc(100% - 123px) !important;
top: 40px !important; top: 40px !important;
} }
#me>.fakeme.avatar{ #me>.fakeme.avatar{
width:120px; width:120px;
height:100%; height:100%;
border-radius:0px; border-radius:0px;
top:0; top:0;
left:0; left:0;
background-size:cover; background-size:cover;
clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px); clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
-webkit-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='increase'] #me>.fakeme.avatar,
#window[data-radius_size='reduce'] #me>.fakeme.avatar{ #window[data-radius_size='reduce'] #me>.fakeme.avatar{
border-radius:0px; border-radius:0px;
} }
/*--------位置(8人)------*/ /*--------位置(8人)------*/
[data-number='8']>.player[data-position='1']{top:calc(55% - 135px);left:calc(100% - 150px);} [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='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='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='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='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='6']{top:calc(10% - 50px);left:0;}
[data-number='8']>.player[data-position='7']{top:calc(55% - 135px);left:0;} [data-number='8']>.player[data-position='7']{top:calc(55% - 135px);left:0;}
/*--------位置(7人)------*/ /*--------位置(7人)------*/
[data-number='7']>.player[data-position='1']{top:calc(55% - 135px);left:calc(100% - 150px);} [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='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='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='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='5']{top:calc(10% - 50px);left:0;}
[data-number='7']>.player[data-position='6']{top:calc(55% - 135px);left:0;} [data-number='7']>.player[data-position='6']{top:calc(55% - 135px);left:0;}
/*--------位置(6人)------*/ /*--------位置(6人)------*/
#arena[data-number='6']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);} #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='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='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='4']{top:0px;left:calc(25% - 30px);}
#arena[data-number='6']>.player[data-position='5']{top:calc(30% - 128px);left:0;} #arena[data-number='6']>.player[data-position='5']{top:calc(30% - 128px);left:0;}
/*--------位置(5人)------*/ /*--------位置(5人)------*/
#arena[data-number='5']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);} #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='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='3']{top:0;left:calc(100% / 3 - 40px);}
#arena[data-number='5']>.player[data-position='4']{top:calc(30% - 128px);left:0;} #arena[data-number='5']>.player[data-position='4']{top:calc(30% - 128px);left:0;}
/*--------位置(4人)------*/ /*--------位置(4人)------*/
#arena[data-number='4']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);} #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='2']{top:0;left:calc(50% - 60px);}
#arena[data-number='4']>.player[data-position='3']{top:calc(30% - 128px);left:0;} #arena[data-number='4']>.player[data-position='3']{top:calc(30% - 128px);left:0;}
/*--------位置(3人)------*/ /*--------位置(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='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);} #arena[data-number='3']>.player[data-position='2']{top:calc(60% / 3 - 88px);left:calc(25% - 200px);}
/*--------位置(2人)------*/ /*--------位置(2人)------*/
#arena[data-number='2']>.player[data-position='1']{top:0;left:calc(50% - 60px);} #arena[data-number='2']>.player[data-position='1']{top:0;left:calc(50% - 60px);}
/*--------位置(1人)------*/ /*--------位置(1人)------*/
.player[data-position='0']{top:calc(100% - 220px);left:0;} .player[data-position='0']{top:calc(100% - 220px);left:0;}
#arena[data-player_height_nova="default"]>.player[data-position='0']:not(.minskin){ #arena[data-player_height_nova="default"]>.player[data-position='0']:not(.minskin){
top: calc(100% - 236px); 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='1'],
[data-number='8'][data-player_height_nova="default"]>.player[data-position='7'], [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='1'],
[data-number='7'][data-player_height_nova="default"]>.player[data-position='6']{ [data-number='7'][data-player_height_nova="default"]>.player[data-position='6']{
top:calc(55% - 143px); top:calc(55% - 143px);
} }
#arena[data-player_height_nova="default"]>.player:not(.minskin){ #arena[data-player_height_nova="default"]>.player:not(.minskin){
height: 196px !important; height: 196px !important;
} }
#arena[data-player_height_nova="default"] .timerbar>div{ #arena[data-player_height_nova="default"] .timerbar>div{
top: 181px; top: 181px;
} }
#arena[data-player_height_nova="default"]>.player .avatar{ #arena[data-player_height_nova="default"]>.player .avatar{
height:176px; height:176px;
} }
#arena.slim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar{ #arena.slim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar{
height: 182px; height: 182px;
} }
#arena.uslim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar{ #arena.uslim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar{
height: 190px; height: 190px;
} }
#arena.mslim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar{ #arena.mslim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar{
height: 186px; height: 186px;
} }
#arena[data-player_height_nova="default"]>.player.fullskin2 .avatar2{ #arena[data-player_height_nova="default"]>.player.fullskin2 .avatar2{
height:176px; height:176px;
} }
#arena.slim_player[data-player_height_nova="default"]> .player.fullskin2:not(.minskin) .avatar2{ #arena.slim_player[data-player_height_nova="default"]> .player.fullskin2:not(.minskin) .avatar2{
height: 182px; height: 182px;
} }
#arena.uslim_player[data-player_height_nova="default"]> .player.fullskin2:not(.minskin) .avatar2{ #arena.uslim_player[data-player_height_nova="default"]> .player.fullskin2:not(.minskin) .avatar2{
height: 190px; height: 190px;
} }
#arena.mslim_player[data-player_height_nova="default"]> .player.fullskin2:not(.minskin) .avatar2{ #arena.mslim_player[data-player_height_nova="default"]> .player.fullskin2:not(.minskin) .avatar2{
height: 186px; height: 186px;
} }
#arena[data-player_height_nova="long"]>.player[data-position='0']:not(.minskin){ #arena[data-player_height_nova="long"]>.player[data-position='0']:not(.minskin){
top: calc(100% - 250px); 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='1'],
[data-number='8'][data-player_height_nova="long"]>.player[data-position='7'], [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='1'],
[data-number='7'][data-player_height_nova="long"]>.player[data-position='6']{ [data-number='7'][data-player_height_nova="long"]>.player[data-position='6']{
top:calc(55% - 150px); top:calc(55% - 150px);
} }
#arena[data-player_height_nova="long"]>.player:not(.minskin){ #arena[data-player_height_nova="long"]>.player:not(.minskin){
height: 210px !important; height: 210px !important;
} }
#arena[data-player_height_nova="long"] .timerbar>div{ #arena[data-player_height_nova="long"] .timerbar>div{
top: 195px; top: 195px;
} }
#arena[data-player_height_nova="long"]>.player .avatar{ #arena[data-player_height_nova="long"]>.player .avatar{
height:190px; height:190px;
} }
#arena.slim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar{ #arena.slim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar{
height: 196px; height: 196px;
} }
#arena.uslim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar{ #arena.uslim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar{
height: 204px; height: 204px;
} }
#arena.mslim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar{ #arena.mslim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar{
height: 200px; height: 200px;
} }
#arena[data-player_height_nova="long"]>.player.fullskin2 .avatar2{ #arena[data-player_height_nova="long"]>.player.fullskin2 .avatar2{
height:190px; height:190px;
} }
#arena.slim_player[data-player_height_nova="long"]> .player.fullskin2:not(.minskin) .avatar2{ #arena.slim_player[data-player_height_nova="long"]> .player.fullskin2:not(.minskin) .avatar2{
height: 196px; height: 196px;
} }
#arena.uslim_player[data-player_height_nova="long"]> .player.fullskin2:not(.minskin) .avatar2{ #arena.uslim_player[data-player_height_nova="long"]> .player.fullskin2:not(.minskin) .avatar2{
height: 204px; height: 204px;
} }
#arena.mslim_player[data-player_height_nova="long"]> .player.fullskin2:not(.minskin) .avatar2{ #arena.mslim_player[data-player_height_nova="long"]> .player.fullskin2:not(.minskin) .avatar2{
height: 200px; height: 200px;
} }
#arena>.player:not(.minskin)>.avatar, #arena>.player:not(.minskin)>.avatar,
#arena>.player:not(.minskin)>.avatar2{ #arena>.player:not(.minskin)>.avatar2{
background-position: 50% 0 !important; 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'; 'use strict';
game.import('mode',function(lib,game,ui,get,ai,_status){ game.import('mode',function(lib,game,ui,get,ai,_status){
return { return {
name:'connect', name:'connect',
start:function(){ start:function(){
var directstartmode=lib.config.directstartmode; var directstartmode=lib.config.directstartmode;
ui.create.menu(true); ui.create.menu(true);
event.textnode=ui.create.div('','输入联机地址'); event.textnode=ui.create.div('','输入联机地址');
var createNode=function(){ var createNode=function(){
if(event.created) return; if(event.created) return;
if(directstartmode&&lib.node){ if(directstartmode&&lib.node){
ui.exitroom=ui.create.system('退出房间',function(){ ui.exitroom=ui.create.system('退出房间',function(){
game.saveConfig('directstartmode'); game.saveConfig('directstartmode');
game.reload(); game.reload();
},true); },true);
game.switchMode(directstartmode); game.switchMode(directstartmode);
return; return;
} }
if(lib.node&&window.require){ if(lib.node&&window.require){
ui.startServer=ui.create.system('启动服务器',function(e){ ui.startServer=ui.create.system('启动服务器',function(e){
e.stopPropagation(); e.stopPropagation();
ui.click.connectMenu(); ui.click.connectMenu();
},true); },true);
} }
event.created=true; event.created=true;
var node=ui.create.div('.shadowed'); var node=ui.create.div('.shadowed');
node.style.width='400px'; node.style.width='400px';
node.style.height='30px'; node.style.height='30px';
node.style.lineHeight='30px'; node.style.lineHeight='30px';
node.style.fontFamily='xinwei'; node.style.fontFamily='xinwei';
node.style.fontSize='30px'; node.style.fontSize='30px';
node.style.padding='10px'; node.style.padding='10px';
node.style.left='calc(50% - 210px)'; node.style.left='calc(50% - 210px)';
node.style.top='calc(50% - 20px)'; node.style.top='calc(50% - 20px)';
node.style.whiteSpace='nowrap'; node.style.whiteSpace='nowrap';
node.innerHTML=lib.config.last_ip||lib.hallURL; node.innerHTML=lib.config.last_ip||lib.hallURL;
node.contentEditable=true; node.contentEditable=true;
node.style.webkitUserSelect='text'; node.style.webkitUserSelect='text';
node.style.textAlign='center'; node.style.textAlign='center';
var connect=function(e){ var connect=function(e){
event.textnode.innerHTML='正在连接...'; event.textnode.innerHTML='正在连接...';
clearTimeout(event.timeout); clearTimeout(event.timeout);
if(e) e.preventDefault(); if(e) e.preventDefault();
game.saveConfig('last_ip',node.innerHTML); game.saveConfig('last_ip',node.innerHTML);
game.connect(node.innerHTML,function(success){ game.connect(node.innerHTML,function(success){
if(!success&&event.textnode){ if(!success&&event.textnode){
alert('连接失败'); alert('连接失败');
event.textnode.innerHTML='输入联机地址'; event.textnode.innerHTML='输入联机地址';
} }
}); });
}; };
node.addEventListener('keydown',function(e){ node.addEventListener('keydown',function(e){
if(e.keyCode==13){ if(e.keyCode==13){
connect(e); connect(e);
} }
}); });
ui.window.appendChild(node); ui.window.appendChild(node);
ui.ipnode=node; ui.ipnode=node;
var text=event.textnode; var text=event.textnode;
text.style.width='400px'; text.style.width='400px';
text.style.height='30px'; text.style.height='30px';
text.style.lineHeight='30px'; text.style.lineHeight='30px';
text.style.fontFamily='xinwei'; text.style.fontFamily='xinwei';
text.style.fontSize='30px'; text.style.fontSize='30px';
text.style.padding='10px'; text.style.padding='10px';
text.style.left='calc(50% - 200px)'; text.style.left='calc(50% - 200px)';
text.style.top='calc(50% - 80px)'; text.style.top='calc(50% - 80px)';
text.style.textAlign='center'; text.style.textAlign='center';
ui.window.appendChild(text); ui.window.appendChild(text);
ui.iptext=text; ui.iptext=text;
var button=ui.create.div('.menubutton.highlight.large.pointerdiv','连接',connect); var button=ui.create.div('.menubutton.highlight.large.pointerdiv','连接',connect);
button.style.width='70px'; button.style.width='70px';
button.style.left='calc(50% - 35px)'; button.style.left='calc(50% - 35px)';
button.style.top='calc(50% + 60px)'; button.style.top='calc(50% + 60px)';
ui.window.appendChild(button); ui.window.appendChild(button);
ui.ipbutton=button; ui.ipbutton=button;
ui.hall_button=ui.create.system('联机大厅',function(){ ui.hall_button=ui.create.system('联机大厅',function(){
node.innerHTML=get.config('hall_ip')||lib.hallURL; node.innerHTML=get.config('hall_ip')||lib.hallURL;
connect(); connect();
},true); },true);
if(!get.config('hall_button')){ if(!get.config('hall_button')){
ui.hall_button.style.display='none'; ui.hall_button.style.display='none';
} }
ui.recentIP=ui.create.system('最近连接',null,true); ui.recentIP=ui.create.system('最近连接',null,true);
var clickLink=function(){ var clickLink=function(){
node.innerHTML=this.innerHTML; node.innerHTML=this.innerHTML;
connect(); connect();
}; };
lib.setPopped(ui.recentIP,function(){ lib.setPopped(ui.recentIP,function(){
if(!lib.config.recentIP.length) return; if(!lib.config.recentIP.length) return;
var uiintro=ui.create.dialog('hidden'); var uiintro=ui.create.dialog('hidden');
uiintro.listen(function(e){ uiintro.listen(function(e){
e.stopPropagation(); e.stopPropagation();
}); });
var list=ui.create.div('.caption'); var list=ui.create.div('.caption');
for(var i=0;i<lib.config.recentIP.length;i++){ for(var i=0;i<lib.config.recentIP.length;i++){
ui.create.div('.text.textlink',list,clickLink).innerHTML=get.trimip(lib.config.recentIP[i]); ui.create.div('.text.textlink',list,clickLink).innerHTML=get.trimip(lib.config.recentIP[i]);
} }
uiintro.add(list); uiintro.add(list);
var clear=uiintro.add('<div class="text center">清除</div>'); var clear=uiintro.add('<div class="text center">清除</div>');
clear.style.paddingTop=0; clear.style.paddingTop=0;
clear.style.paddingBottom='3px'; clear.style.paddingBottom='3px';
clear.listen(function(){ clear.listen(function(){
lib.config.recentIP.length=0; lib.config.recentIP.length=0;
game.saveConfig('recentIP',[]); game.saveConfig('recentIP',[]);
uiintro.delete(); uiintro.delete();
}); });
return uiintro; return uiintro;
},220); },220);
lib.init.onfree(); lib.init.onfree();
} }
if(window.isNonameServer){ if(window.isNonameServer){
game.connect(window.isNonameServerIp||'localhost'); game.connect(window.isNonameServerIp||'localhost');
} }
else if(lib.config.reconnect_info){ else if(lib.config.reconnect_info){
var info=lib.config.reconnect_info; var info=lib.config.reconnect_info;
game.onlineID=info[1]; game.onlineID=info[1];
game.roomId=info[2]; game.roomId=info[2];
if(typeof game.roomId=='number'){ if(typeof game.roomId=='number'){
game.roomIdServer=true; game.roomIdServer=true;
} }
var n=5; var n=5;
var connect=function(){ var connect=function(){
event.textnode.innerHTML='正在连接...'; event.textnode.innerHTML='正在连接...';
game.connect(info[0],function(success){ game.connect(info[0],function(success){
if(!success&&n--){ if(!success&&n--){
createNode(); createNode();
event.timeout=setTimeout(connect,1000); event.timeout=setTimeout(connect,1000);
} }
else{ else{
event.textnode.innerHTML='输入联机地址'; event.textnode.innerHTML='输入联机地址';
} }
}); });
}; };
event.timeout=setTimeout(connect,500); event.timeout=setTimeout(connect,500);
_status.createNodeTimeout=setTimeout(createNode,2000); _status.createNodeTimeout=setTimeout(createNode,2000);
} }
else{ else{
createNode(); createNode();
} }
if(!game.onlineKey){ if(!game.onlineKey){
game.onlineKey=localStorage.getItem(lib.configprefix+'key'); game.onlineKey=localStorage.getItem(lib.configprefix+'key');
if(!game.onlineKey){ if(!game.onlineKey){
game.onlineKey=get.id(); game.onlineKey=get.id();
localStorage.setItem(lib.configprefix+'key',game.onlineKey); localStorage.setItem(lib.configprefix+'key',game.onlineKey);
} }
} }
_status.connectDenied=createNode; _status.connectDenied=createNode;
for(var i in lib.element.event){ for(var i in lib.element.event){
event.parent[i]=lib.element.event[i]; event.parent[i]=lib.element.event[i];
} }
event.parent.custom={ event.parent.custom={
add:{}, add:{},
replace:{} replace:{}
}; };
setTimeout(lib.init.onfree,1000); 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.winner=winner;
_status.loser=loser; _status.loser=loser;
},winner,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)){ else if(winner2.contains(game.me)){
game.showIdentity();
if(loser2.contains(game.me)) game.over(false); if(loser2.contains(game.me)) game.over(false);
else game.over(true); else game.over(true);
} }
else game.over(false); else{
game.showIdentity();
game.over(false);
}
} }
return; return;
} }

24
mode/realtime.js
View File

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