noname/layout/mobile/equip.css

208 lines
7.4 KiB
CSS
Raw Normal View History

2016-05-15 02:32:58 +00:00
#arena:not(.chess).textequip .player[data-position='0'] .equips,
2015-10-31 10:14:14 +00:00
.player:not([data-position='0']) .equips,
#arena.chess .player .equips{
width:120px;
height:auto;
top:auto;
right:auto;
bottom:18px;
2015-11-06 10:05:08 +00:00
left:10px;
2015-10-31 10:14:14 +00:00
text-align:left;
}
2015-11-30 13:08:29 +00:00
#arena.slim_player .player:not([data-position='0']) .equips,
#arena.chess.slim_player .player .equips{
left:7px;
}
2017-01-21 07:34:31 +00:00
#arena.uslim_player .player:not([data-position='0']) .equips,
#arena.chess.uslim_player .player .equips{
left:3px;
}
2015-10-31 10:14:14 +00:00
.player:not([data-position='0']).minskin .equips,
#arena.chess .player.minskin .equips{
2015-11-05 02:34:35 +00:00
transform:scale(0.73);
transform-origin:bottom left;
2015-10-31 10:14:14 +00:00
}
2017-02-11 16:25:09 +00:00
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card::after,
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card::before,
.player:not([data-position='0']) .equips>.card::after,
.player:not([data-position='0']) .equips>.card::before,
#arena.chess .player .equips>.card::after,
#arena.chess .player .equips>.card::before{
visibility: hidden;
}
2016-05-15 02:32:58 +00:00
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card,
2015-10-31 10:14:14 +00:00
.player:not([data-position='0']) .equips>.card,
#arena.chess .player .equips>.card{
position:relative;
width:100%;
height:22px;
line-height:22px;
margin-top:0;
margin-bottom:0;
2015-11-05 02:34:35 +00:00
animation: card_start2x 0.5s;
2015-10-31 10:14:14 +00:00
-webkit-animation: card_start2x 0.5s;
display:block;
left:0;
top:0;
transition:all 0.5s;
2016-05-15 02:11:59 +00:00
color:white;
2015-10-31 10:14:14 +00:00
border-radius:0;
2016-05-15 02:11:59 +00:00
text-shadow:black 0 0 2px;
}
.player:not([data-position='0']) .equips>.card,
#arena.chess .player .equips>.card{
2015-10-31 10:14:14 +00:00
border-width: 1px 0 0;
border-style:solid;
border-image:linear-gradient(to right, rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;
2016-05-15 02:11:59 +00:00
background:linear-gradient(to right,rgba(0,0,0,0.3),transparent),
linear-gradient(135deg,rgba(0,0,0,0.5) ,transparent 80%,transparent) !important;
box-shadow:none;
2015-10-31 10:14:14 +00:00
}
2016-05-15 02:32:58 +00:00
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.image,
2015-10-31 10:14:14 +00:00
.player:not([data-position='0']) .equips>.card>.image,
#arena.chess .player .equips>.card>.image{
display:none;
}
2016-05-15 02:32:58 +00:00
#arena:not(.chess).textequip .player[data-position='0'].unseen .equips>.card,
2015-10-31 10:14:14 +00:00
.player:not([data-position='0']).unseen .equips>.card,
#arena.chess .player.unseen .equips>.card{
background:none;
/*border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;*/
}
2016-05-15 02:32:58 +00:00
#arena:not(.chess).textequip .player[data-position='0'].unseen .equips>.card,
2015-10-31 10:14:14 +00:00
.player:not([data-position='0']).unseen .equips>.card,
#arena.chess .player.unseen .equips>.card{
border-image:linear-gradient(to right, transparent,rgba(0,0,0,0.4) 10%,rgba(0, 0, 0,0.4) 70%,transparent) 100% 0 0;
}
2016-05-15 02:32:58 +00:00
#arena:not(.chess).textequip .player[data-position='0'].unseen .equips>.card:first-child,
2015-10-31 10:14:14 +00:00
.player:not([data-position='0']).unseen .equips>.card:first-child,
#arena.chess .player.unseen .equips>.card:first-child{
border-image:linear-gradient(transparent,transparent);
}
.player:not([data-position='0']) .equips>.card.selected,
#arena.chess .player .equips>.card.selected{
background:linear-gradient(to right,rgba(0, 133, 255,0.3),transparent),
2016-05-15 02:32:58 +00:00
linear-gradient(135deg,rgba(0, 133, 255,0.5) ,transparent 80%,transparent) !important;
2015-10-31 10:14:14 +00:00
box-shadow:none !important;
border-width: 1px 0 0;
border-style:solid;
border-image:linear-gradient(to right, rgba(0, 103, 205,0.4) 70%,transparent) 100% 0 0;
}
2016-05-15 02:32:58 +00:00
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.selected{
2016-05-15 02:11:59 +00:00
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;
}
2016-05-15 02:32:58 +00:00
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.fire,
2015-10-31 10:14:14 +00:00
.player:not([data-position='0']) .equips>.card.fire,
#arena.chess .player .equips>.card.fire{
color: rgb(255,119,63);
}
2016-05-15 02:32:58 +00:00
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.thunder,
2015-10-31 10:14:14 +00:00
.player:not([data-position='0']) .equips>.card.thunder,
#arena.chess .player .equips>.card.thunder{
color: rgb(117,186,255);
}
2016-05-15 02:32:58 +00:00
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.poison,
2015-10-31 10:14:14 +00:00
.player:not([data-position='0']) .equips>.card.poison,
#arena.chess .player .equips>.card.poison{
color: rgb(104,221,127);
}
2016-05-15 02:32:58 +00:00
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card.brown,
2015-10-31 10:14:14 +00:00
.player:not([data-position='0']) .equips>.card.brown,
#arena.chess .player .equips>.card.brown{
color: rgb(195,161,223);
}
2016-05-15 02:32:58 +00:00
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.background,
2015-10-31 10:14:14 +00:00
.player:not([data-position='0']) .equips>.card>.background,
#arena.chess .player .equips>.card>.background{
display:none !important;
}
2016-05-15 02:32:58 +00:00
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.name2,
2015-10-31 10:14:14 +00:00
.player:not([data-position='0']) .equips>.card>.name2,
#arena.chess .player .equips>.card>.name2{
display:block;
margin-left:5px;
}
2017-01-20 08:46:37 +00:00
#arena.oblongcard:not(.chess).textequip .player[data-position='0'] .equips>.card>.name2{
line-height: 29px;
}
2016-05-15 02:32:58 +00:00
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>div,
2015-10-31 10:14:14 +00:00
.player:not([data-position='0']) .equips>.card>div,
#arena.chess .player .equips>.card>div{
2015-11-05 02:34:35 +00:00
animation:none !important;
2015-10-31 10:14:14 +00:00
-webkit-animation:none !important;
}
2016-05-15 02:32:58 +00:00
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.name,
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card>.info,
2015-10-31 10:14:14 +00:00
.player:not([data-position='0']) .equips>.card>.name,
.player:not([data-position='0']) .equips>.card>.info,
#arena.chess .player .equips>.card>.name,
#arena.chess .player .equips>.card>.info{
display:none !important;
}
2016-05-15 02:32:58 +00:00
#arena:not(.chess).textequip .player[data-position='0'] .equips>.removing,
2015-10-31 10:14:14 +00:00
.player:not([data-position='0']) .equips>.removing,
#arena.chess .player .equips>.removing{
margin-top:-12px !important;
margin-bottom:-11px !important;
2015-11-05 02:34:35 +00:00
transform:scale(1);
2015-10-31 10:14:14 +00:00
}
2016-05-15 02:11:59 +00:00
2016-05-15 02:32:58 +00:00
#arena:not(.chess).textequip .player[data-position='0'] .equips>.removing+.removing,
2015-10-31 10:14:14 +00:00
.player:not([data-position='0']) .equips>.removing+.removing,
#arena.chess .player .equips>.removing+.removing{
margin-top:-23px !important;
}
2016-06-03 11:04:27 +00:00
#arena:not(.textequip):not(.chess).textequip .player[data-position='0'].linked .equips,
2015-10-31 10:14:14 +00:00
.player:not([data-position='0']).linked .equips,
#arena.chess .player.linked .equips{
2015-11-06 10:05:08 +00:00
transform:rotate(90deg) translate(-152px,-6px);
2015-11-05 02:34:35 +00:00
transform-origin:bottom left;
2015-10-31 10:14:14 +00:00
}
2015-11-30 13:08:29 +00:00
#arena.slim_player .player:not([data-position='0']).linked .equips,
#arena.chess.slim_player .player.linked .equips{
transform:rotate(90deg) translate(-155px,-6px);
}
2017-01-21 07:34:31 +00:00
#arena.uslim_player .player:not([data-position='0']).linked .equips,
#arena.chess.uslim_player .player.linked .equips{
transform:rotate(90deg) translate(-159px,-6px);
}
2015-10-31 10:14:14 +00:00
.player:not([data-position='0']).minskin.linked .equips,
#arena.chess .player.minskin.linked .equips{
2015-11-09 03:15:16 +00:00
transform:rotate(90deg) translate(-92px,-6px) scale(0.73);
2015-10-31 10:14:14 +00:00
}
2015-11-30 13:08:29 +00:00
#arena.slim_player .player:not([data-position='0']).minskin.linked .equips,
#arena.chess.slim_player .player.minskin.linked .equips{
transform:rotate(90deg) translate(-95px,-6px) scale(0.73);
}
2017-01-21 07:34:31 +00:00
#arena.uslim_player .player:not([data-position='0']).minskin.linked .equips,
#arena.chess.uslim_player .player.minskin.linked .equips{
transform:rotate(90deg) translate(-99px,-6px) scale(0.73);
}
2015-10-31 10:14:14 +00:00
.player:not([data-position='0']).linked .identity,
#arena.chess .player.linked .identity{
2015-11-05 02:34:35 +00:00
transform:rotate(90deg);
2015-10-31 10:14:14 +00:00
}
2016-05-15 02:11:59 +00:00
2016-05-15 02:32:58 +00:00
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card{
2016-05-15 02:11:59 +00:00
border-radius: 0px !important;
left:0 !important;
right: auto !important;
top:0 !important;
bottom: auto !important;
position: relative !important;
height: 20% !important;
background:none !important;
box-shadow: rgba(0,0,0,0.4) 0 1px 0 0;
}