#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; }