PADDashFormation/style.css

@charset "utf-8";
.display-none{
	display:none;
}
.title{
	border: none;
	background: none;
	font-size: 2em;
	font-weight: bold;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
/*队伍的整个盒子*/
.formation-box{
}
/*辅助行*/
.formation-assist{
}
/*队伍行*/
.formation-team{
}
/*单个怪物*/
.monster{
	width: 100px;
	height: 100px;
	margin: 0;
	display: block;
	float: left;
	background-image: url(images/001.png);
	background-repeat: no-repeat;
	position: relative;
	margin: 4px; /*留给队长边框的*/
}
/*怪物属性*/
.property,.subproperty{
	position:absolute;
	left:0;top:0;
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	background-image: url(images/CARDFRAME2.PNG);
	background-position: 100px 100px; /*默认都不显示*/
}
/*怪物-加值*/
.monster .addition{
	color: yellow;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	text-shadow: black 0 0 1px, black 2px 2px 0;
	position: absolute;
	left:0;
}
.monster .addition .hp::before,
.monster .addition .atk::before,
.monster .addition .def::before,
.monster .addition ._297::before{
	content: "+";
}
.monster .addition ._297{ /*297默认不显示*/
	display:none;
}
.monster .addition.has297 .hp,
.monster .addition.has297 .atk,
.monster .addition.has297 .def{ /*当是297时隐藏3维*/
	display:none;
}
.monster .addition.has297 ._297{ /*当是297时显示297*/
	display:block;
}
/*怪物-觉醒*/
.monster .awoken-icon{
	color: yellow;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	text-shadow: black 0 0 4px;
	text-align: center;
	background-image: url(images/awoken-bg.png);
	background-size: 27px 30px;
	width: 27px;
	height: 30px;
	position: absolute;
	right: 0;
}
.monster .awoken-icon.awoken-none{
	display:none;
}
/*怪物-等级*/
.monster .level{
	color: white;
	font-size: 18px;
	text-shadow: black 2px 2px 0;
	position: absolute;
	left: 5px;
	bottom: 0;
}
.monster .level::before{
	content: "Lv";
}
/*辅助和队伍的每一只框架*/
.assist, .team, .acquisitus-awoken-icon {
	display: block;
	float: left;
	position: relative;
	width: 108px;
}
/*
.assist:first-of-type, .team:first-of-type {
	margin-left: 0px;
}
*/
/*队伍的背景色*/
.formation-assist, .formation-team{
	display: inline-block;
}
.formation-A-box .formation-team{
	background-color:pink;
}
.formation-B-box .formation-team{
	background-color:lightblue;
}
.formation-A-bigbox, .formation-B-bigbox{
	position: relative;
	font-size:0;
}
.formation-B-bigbox{
	margin-top:15px;
}
/*队伍A、B的文字*/
.formation-A-bigbox::after, .formation-B-bigbox::before{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
	white-space: pre-wrap;
	display: inline-block;
	width: 108px;
	height: 108px;
}
.formation-A-bigbox::after{
	color:red;
	background-color:pink;
	content: "队伍\A A";
}
.formation-B-bigbox::before{
	color:blue;
	background-color:lightblue;
	content: "队伍\A B";
	vertical-align:top;
}
.formation-A-box, .formation-B-box{
	display: inline-block;
	vertical-align:bottom;
}

.formation-A-box .assist::after, .formation-B-box .assist::before{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	display: block;
	position: relative;
}
.formation-A-box .assist::after{
	color:red;
	content: "▼辅助";
}
.formation-B-box .assist::before{
	color:blue;
	content: "▲辅助";
}

.a-awoken-icon-1 li{
	background-image: url(images/sha.png);
	background-size: 50px 21px;
	width: 50px;
	height: 21px;
	margin-right: 4px;
}
.a-awoken-icon-2 li{
	background-image: url(images/fangzuo.png);
	background-size: 21px 21px;
	width: 21px;
	height: 21px;
	margin-left: 6px;
}
.a-awoken-icon-ul li{
	float:left;
}
/*队长的边框*/
.formation-A-box .formation-team .team-leader .monster, .formation-B-box .formation-team .team-leader .monster{
	border-radius: 10px;
	border-width:4px;
	border-style:solid;
	margin: 0;
}
.formation-A-box .formation-team .team-leader .monster{
	border-color: red;
}
.formation-B-box .formation-team .team-leader .monster{
	border-color: blue;
}
/*编辑窗口*/
.blur-bg{
	filter:blur(5px);
}
.edit-box{
	background-color: rgba(0,100,100,0.2);
	text-shadow: white 0 0 2px;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding: 10px;
}
.edit-box-title{
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	content: "修改怪物";
}
.edit-box .edit-box-title::before{
	content: "修改怪物";
}

.edit-box .search-box .mid-label::before{
	content: "请输入怪物ID后点击搜索按钮";
}
.edit-box .button-box .button-done::after{
	content: "确认修改";
}