Difference between revisions of "Template:NewWondercardFront"

From PokéHeroes Wiki
Jump to: navigation, search
(big things)
 
m
 
(5 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; color: white; cursor: pointer; display: block; float: right; overflow: hidden;">
+
<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 style="margin-left: 35px; margin-top: 30px; font-weight: bold;"><small>#</small>{{{1}}}</div></div>
+
div.wondermain {
<div style="position: absolute; margin-left: 133px; opacity: 0.10;">{{{4}}}</div>
+
    background: #77acec;
<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>
+
    width: 290px;
<div style="position: absolute; margin-top: 50px; margin-left: 6px; font-size: 20pt; width: 160px; font-weight: bold; line-height: 1.1em;">{{{3}}}</div>
+
    height: 160px;
<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>
+
    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>
 
</div>
 
</div>

Latest revision as of 22:01, 24 July 2020

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