|
- @charset "utf-8";
- .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/5139.png);
- position: relative;
- margin: 4px; /*留给队长边框的*/
- }
- /*怪物-加值*/
- .monster .addition{
- color: yellow;
- font-size: 20px;
- line-height: 20px;
- font-weight: bold;
- text-shadow: black 2px 2px 0;
- position: absolute;
- left: 5px;
- }
- /*怪物-觉醒*/
- .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 .level{
- color: white;
- font-size: 18px;
- text-shadow: black 2px 2px 0;
- position: absolute;
- left: 5px;
- bottom: 0;
- }
- /*辅助和队伍的每一只框架*/
- .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 .team::after, .formation-B-box .team::before{
- text-align: center;
- border: 1px green solid;
- color:red;
- font-size: 18px;
- font-weight: bold;
- display: block;
- content: " ";
- }
- */
- /*队长的边框*/
- .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;
- }
|