Browse Source

调整怪物信息框的显示样式

tags/v29.2
枫谷剑仙 3 years ago
parent
commit
22e181c60f
4 changed files with 12 additions and 16 deletions
  1. +1
    -3
      multi.html
  2. +1
    -3
      solo.html
  3. +9
    -7
      style.css
  4. +1
    -3
      triple.html

+ 1
- 3
multi.html View File

@@ -1106,9 +1106,7 @@ var formation = new Formation(teamsCount,5);
</a>
</div>
<div class="monsterinfo-line">
<div class="monster-id"></div>
<div class="monster-rare"></div>
<div class="monster-mp"></div>
<div class="monster-id"></div><div class="monster-rare"></div><div class="monster-mp"></div>
</div>
<div class="monsterinfo-line">
<div class="monster-name"></div>


+ 1
- 3
solo.html View File

@@ -948,9 +948,7 @@ var formation = new Formation(teamsCount,6);
</a>
</div>
<div class="monsterinfo-line">
<div class="monster-id"></div>
<div class="monster-rare"></div>
<div class="monster-mp"></div>
<div class="monster-id"></div><div class="monster-rare"></div><div class="monster-mp"></div>
</div>
<div class="monsterinfo-line">
<div class="monster-name"></div>


+ 9
- 7
style.css View File

@@ -2077,12 +2077,15 @@ icon.inflicts::after
float: left;
margin-right:5px;
}
.monsterinfo-box .monsterinfo-line{
font-size: 22px;
line-height: 25px;
height: auto;
}
.monsterinfo-box .monsterinfo-line>div
{
display:inline-block;
vertical-align: top;
font-size: 22px;
line-height: 22px;
vertical-align: middle;
}
.monsterinfo-box .monster-id{
width:120px;
@@ -2145,7 +2148,6 @@ icon.inflicts::after
line-height: 1em;
display: inline-block;
white-space: break-spaces;
vertical-align: top;
}

.monsterinfo-box .monster-mp::before
@@ -2154,9 +2156,9 @@ icon.inflicts::after
background-image: url(images/icon-MP.png);
background-size: cover;
display: inline-block;
width: 24px;
height: 24px;
vertical-align: top;
width: 22px;
height: 22px;
vertical-align: middle;
}

.monsterinfo-box .monster-type {


+ 1
- 3
triple.html View File

@@ -2002,9 +2002,7 @@ var formation = new Formation(teamsCount,6);
</a>
</div>
<div class="monsterinfo-line">
<div class="monster-id"></div>
<div class="monster-rare"></div>
<div class="monster-mp"></div>
<div class="monster-id"></div><div class="monster-rare"></div><div class="monster-mp"></div>
</div>
<div class="monsterinfo-line">
<div class="monster-name"></div>


Loading…
Cancel
Save