noname/layout/mobile/equip.css

226 lines
8.4 KiB
CSS
Raw Normal View History

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