Template:NewWondercardFront: Difference between revisions

From PokéHeroes Wiki
Jump to navigation Jump to search
Ephenia (talk | contribs)
mNo edit summary
Ephenia (talk | contribs)
mNo edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div class="thumb tright" style="background: #77acec; width: 290px; height: 160px; margin: 4px; position: relative; top: 4.5px; color: white; cursor: pointer; display: block; float: right; overflow: hidden; font-family: Verdana,sans-serif;">
<html>
<div style="position: absolute; width: 100%; height: 100%; background: rgba(114, 166, 221, 0.9);">
<style>
<div style="border-radius: 100px; background: #394289; width: 70px; height: 70px; margin-left: -30px; margin-top: -30px; position: absolute; line-height: 25px;>
div.wondermain {
<div style="margin-left: 35px; margin-top: 30px; font-weight: bold; font-size: 11px;"><small>#</small>{{{1}}}</div>
    background: #77acec;
    width: 290px;
    height: 160px;
    margin: 4px;
    position: relative;
    overflow: hidden;
    color: white;
    cursor: pointer;
    font-family: Verdana,sans-serif;
    top: 4.5px;
    float: right;
}
div.wondermain:hover {
    background: #12417c;
}
div.wonderegg {
    position: absolute;
    margin-left: 140px;
    height: 190px;
    left: 0;
    top: 0;
}
div.inner {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(114, 166, 221, 0.9);
}
div.inner1 {
    display: block;
}
div.wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
div.wrapper1 {
    border-radius: 100px;
    background: #394289;
    width: 70px;
    height: 70px;
    margin-left: -30px;
    margin-top: -30px;
    position: absolute;
    line-height: 25px;
}
div.wrapper2 {
    margin-left: 34px;
    margin-top: 30px;
    font-weight: bold;
    font-size: x-small;
}
div.sprite {
    position: absolute;
    margin-left: 130px;
}
div.spritezoom {
    zoom: 2;
    image-rendering: pixelated;
    -moz-transform: scale(2);
    -moz-transform-origin: left top;
    image-rendering: -moz-crisp-edges;
}
div.wondername {
    position: absolute;
    margin-top: 50px;
    margin-left: 6px;
    font-size: 18pt;
    width: 160px;
}
</style>
</html>
<div class="wondermain">
<div class="wonderegg">{{{4}}}</div>
<div class="inner">
<div class="inner1">
 
<div class="wrapper">
<div class="wrapper1">
<div class="wrapper2">#{{{1}}}</div>
</div>
</div>
<div class="sprite">
<div class="spritezoom">[[File:{{{2}}}]]</div>
</div>
<div class="wondername"><b>{{{3}}}</b></div>
 
</div>
</div>
<div style="position: absolute; margin-left: 133px; opacity: 0.10;">{{{4}}}</div>
<div style="position: absolute; margin-left: 65px; zoom: 2; image-rendering: pixelated; -moz-transform: scale(2); -moz-transform-origin: left top; image-rendering: -moz-crisp-edges;">[[File:{{{2}}}]]</div>
<div style="position: absolute; margin-top: 50px; margin-left: 6px; font-size: 20pt; width: 160px; font-weight: bold; line-height: 1.1em;">{{{3}}}</div>
<div style="margin-top: 2px; font-size: 10pt; font-weight: bold; text-align:center; text-shadow: 0 0 5px gray; color: black">Wonder Card</div>
</div>
</div>
</div>
</div>

Latest revision as of 22:01, 24 July 2020

{{{4}}}
#{{{1}}}
[[File:{{{2}}}]]
{{{3}}}