Template:Portalmain: Difference between revisions

From Weegeepie Wiki
Jump to navigation Jump to search
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 1: Line 1:
<div style="width:107px;height:107px;">
<div style="width:107px;height:107px; position:relative;">
{| id="Portalmainbox" style="box-shadow: 0px 2px 4px #60638e82;/*background:linear-gradient(#35A774, #267548);*/ border:1px solid #245A417F; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; display:inline-block;"
{| id="Portalmainbox" style="box-shadow: 0px 2px 4px #60638e82; border:1px solid #245A417F; border-radius:3px; display:inline-block; position:relative;"
|- align="center"
|- align="center"
|<div style="position:relative; height: 98px; width: 98px;">
|<div class="hover-zone" style="position:relative; height: 98px; width: 98px;">
<div style="transform: translateX(-10.1px); height: 100%; width: auto; position: absolute; top: 0px; left: 0px; z-index: 2">[[Image:{{{frontimage}}}|link=https://weegeepie.com/wiki/{{{articlename}}}|119px]]</div>
<!-- Main Image -->
<div style="transform: translateX(-10.1px); height: 100%; width: auto; position: absolute; top: 0px; left: 0px; z-index: 2">
[[Image:{{{frontimage}}}|link=https://weegeepie.com/wiki/{{{articlename}}}|119px]]
</div>
<div style="position: absolute; top: 0px; left: 0px; height: 98px; width: 98px; overflow: hidden">
<div style="position: absolute; top: 0px; left: 0px; height: 98px; width: 98px; overflow: hidden">
<div style="position: absolute; top: 0px; left: 0px; font-size: 252px; overflow: hidden; line-height: 98px; z-index: 3">[[{{{articlename}}}|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]]</div>
<div style="position: absolute; top: 0px; left: 0px; font-size: 252px; overflow: hidden; line-height: 98px; z-index: 3">
<div style="transform: translateX(-10.1px); height: 100%; width: auto; position: absolute; top: 0px; left: 0px; z-index: 2">[[Image:{{{image}}}|link=https://weegeepie.com/wiki/{{{articlename}}}|119px]]</div>
[[{{{articlename}}}|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]]
<div class="Portalmainbg" style="position: absolute; top: 0px; left: 0px; z-index: 1">[[Image:Bg_white_large.png|link=https://weegeepie.com/wiki/{{{articlename}}}|98px|]]</div>
</div>
</div></div>
<div style="transform: translateX(-10.1px); height: 100%; width: auto; position: absolute; top: 0px; left: 0px; z-index: 2">
[[Image:{{{image}}}|link=https://weegeepie.com/wiki/{{{articlename}}}|119px]]
</div>
<div class="Portalmainbg" style="position: absolute; top: 0px; left: 0px; z-index: 1">
[[Image:Bg_white_large.png|link=https://weegeepie.com/wiki/{{{articlename}}}|98px|]]
</div>
</div>
<!-- Yellow Box -->
<div class="yellow-box" style="font-family:sans; position:absolute; top:-25px; left:50%; transform: translateX(-50%) scale(0.85); text-align:center; box-shadow:0px 2px 2px #60638e49; background:linear-gradient(#FFEB7F 45%, #FFE87F 92%); width:136px; height:20px; border:2px solid #977E4C; padding:2px; opacity:0; z-index:3; color:transparent; transition: opacity 0.14s cubic-bezier(.75, 3.5, .37, .69), transform 0.14s cubic-bezier(.75, 3.5, .37, .69);">
{{{name}}}
</div>
</div>
</div>
|}
|}
<div class="yellow-box" style="font-family:sans; transform: translate(-50%, -100%); text-align: center; box-shadow: 0px 2px 2px #60638e49; background: linear-gradient(#FFEB7F 45%, #FFE87F 92%); width: 136px; height: 20px; border: 2px solid #977E4C; padding: 2px; margin-bottom: 10px; opacity: 0; z-index: 3; color: transparent; transition: opacity 0.14s cubic-bezier(.75, 3.5, .37, .69), transform 0.14s cubic-bezier(.75, 3.5, .37, .69); position: absolute; top: -30px; left: 50%;">
{{{name}}}
</div>
</div>

Revision as of 16:56, 10 December 2024

[[{{{articlename}}}|     ]]

Bg white large.png

{{{name}}}