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