PADDashFormation/style-card.css

@charset "utf-8";


.wrapper{

	display: inline-block;
	position: relative;
	width: 100px;
	height: 100px;
}

/*怪物边框*/
.attribute { /*主属性*/
	position:absolute;
	left:0;top:0;
	width: 100px;height: 100px;
	background-repeat: no-repeat;
	background-image: url(images/CARDFRAME2.PNG);
}
.attribute-sub { /*副属性*/
	background-position-y: -104px;
}
.attribute[data-attr='-1'] {
	background: none; /*无*/
}
.attribute[data-attr='0'] {
	background-position-x: calc(-102px * 0); /*火*/
}
.attribute[data-attr='1'] {
	background-position-x: calc(-102px * 1); /*水*/
}
.attribute[data-attr='2'] {
	background-position-x: calc(-102px * 2); /*木*/
}
.attribute[data-attr='3'] {
	background-position-x: calc(-102px * 3); /*光*/
}
.attribute[data-attr='4'] {
	background-position-x: calc(-102px * 4); /*暗*/
}
.attribute-main[data-attr='6']
{
	background-image: url(images/CARDFRAMEW.PNG);
	background-position: 0 0;
}
/*宠物在图中编号对应的坐标*/
.wrapper[data-cards-pic-x='0']{background-position-x:calc(-102px * 0);}
.wrapper[data-cards-pic-x='1']{background-position-x:calc(-102px * 1);}
.wrapper[data-cards-pic-x='2']{background-position-x:calc(-102px * 2);}
.wrapper[data-cards-pic-x='3']{background-position-x:calc(-102px * 3);}
.wrapper[data-cards-pic-x='4']{background-position-x:calc(-102px * 4);}
.wrapper[data-cards-pic-x='5']{background-position-x:calc(-102px * 5);}
.wrapper[data-cards-pic-x='6']{background-position-x:calc(-102px * 6);}
.wrapper[data-cards-pic-x='7']{background-position-x:calc(-102px * 7);}
.wrapper[data-cards-pic-x='8']{background-position-x:calc(-102px * 8);}
.wrapper[data-cards-pic-x='9']{background-position-x:calc(-102px * 9);}
.wrapper[data-cards-pic-y='0']{background-position-y:calc(-102px * 0);}
.wrapper[data-cards-pic-y='1']{background-position-y:calc(-102px * 1);}
.wrapper[data-cards-pic-y='2']{background-position-y:calc(-102px * 2);}
.wrapper[data-cards-pic-y='3']{background-position-y:calc(-102px * 3);}
.wrapper[data-cards-pic-y='4']{background-position-y:calc(-102px * 4);}
.wrapper[data-cards-pic-y='5']{background-position-y:calc(-102px * 5);}
.wrapper[data-cards-pic-y='6']{background-position-y:calc(-102px * 6);}
.wrapper[data-cards-pic-y='7']{background-position-y:calc(-102px * 7);}
.wrapper[data-cards-pic-y='8']{background-position-y:calc(-102px * 8);}
.wrapper[data-cards-pic-y='9']{background-position-y:calc(-102px * 9);}

.card-id {
	color: white;
	/*font-family: var(--game-font-family);*/
	font-size: 15px;
	/*text-shadow: black 0px 0px 2px,black -1px -1px 1px,black 1px 1px 1px,black 1px -1px 1px,black -1px 1px 1px;*/
	text-shadow: black 0px 0px 2px,black 1px 1px 1px;
	position: absolute;
	left: 5px;
	bottom: 15px;
}
.card-id::before {
	content: "No.";
	font-size: 0.7em; /*火狐*/
	zoom: 0.7; /*Chrome*/
}
.card-id::after {
	content: attr(data-id);
}