Difference between revisions of "Widget:TestWidget"
Jump to navigation
Jump to search
>Eave m |
imported>Eave m |
||
| (19 intermediate revisions by 2 users not shown) | |||
| Line 2: | Line 2: | ||
.mw-ui-button .icon { | .mw-ui-button .icon { | ||
height:20px; | height:20px; | ||
| − | |||
} | } | ||
.mw-ui-button .icon + span { | .mw-ui-button .icon + span { | ||
| Line 10: | Line 9: | ||
position:relative; | position:relative; | ||
} | } | ||
| − | .mw-ui-button .mc- | + | .mw-ui-button.mc-button img { |
height:40px; | height:40px; | ||
| − | |||
} | } | ||
| − | .mw-ui-button .mc- | + | .mw-ui-button.mc-button span { |
| − | |||
position: absolute; | position: absolute; | ||
top: 0; | top: 0; | ||
| Line 28: | Line 25: | ||
} | } | ||
</style> | </style> | ||
| − | |||
<div class="character-filters"> | <div class="character-filters"> | ||
<div | <div | ||
| Line 38: | Line 34: | ||
data-key="maxlimitbreak" | data-key="maxlimitbreak" | ||
data-value="4"> | data-value="4"> | ||
| − | <img | + | <img src="/images/6/69/Icon_CircleRelease_02.png"> |
<span>50</span> | <span>50</span> | ||
</label> | </label> | ||
<label | <label | ||
| − | class="mw-ui-button | + | class="mw-ui-button mc-button" |
title="Mana Spiral" | title="Mana Spiral" | ||
data-key="maxlimitbreak" | data-key="maxlimitbreak" | ||
data-value="5"> | data-value="5"> | ||
| − | <img | + | <img src="/images/6/69/Icon_CircleRelease_02.png"> |
<span>70</span> | <span>70</span> | ||
</label> | </label> | ||
| Line 54: | Line 50: | ||
style="margin:5px"> | style="margin:5px"> | ||
<label | <label | ||
| − | class="mw-ui-button | + | class="mw-ui-button avail" |
title="5th Circle" | title="5th Circle" | ||
data-key="maxlimitbreak" | data-key="maxlimitbreak" | ||
| Line 62: | Line 58: | ||
</label> | </label> | ||
<label | <label | ||
| − | class="mw-ui-button | + | class="mw-ui-button avail" |
title="Mana Spiral" | title="Mana Spiral" | ||
data-key="maxlimitbreak" | data-key="maxlimitbreak" | ||
| Line 74: | Line 70: | ||
style="margin:5px"> | style="margin:5px"> | ||
<label | <label | ||
| − | class="mw-ui-button | + | class="mw-ui-button" |
title="Shared Skill" | title="Shared Skill" | ||
data-key="sharedskill" | data-key="sharedskill" | ||
| Line 81: | Line 77: | ||
</label> | </label> | ||
<label | <label | ||
| − | class="mw-ui-button | + | class="mw-ui-button" |
title="No Shared Skills" | title="No Shared Skills" | ||
data-key="sharedskill" | data-key="sharedskill" | ||
Latest revision as of 06:39, 24 July 2020
<style> .mw-ui-button .icon {
height:20px;
} .mw-ui-button .icon + span {
vertical-align:middle;
} .mw-ui-button.mc-button {
position:relative;
} .mw-ui-button.mc-button img {
height:40px;
} .mw-ui-button.mc-button span {
position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; color: white; text-shadow: -1px -1px black, 1px -1px black, -1px 1px black, 1px 1px black;
} </style>