Difference between revisions of "Template:EventBannerTextOverlay"

From Dragalia Lost Wiki
Jump to navigation Jump to search
>Seraii
>Seraii
Line 15: Line 15:
 
}}
 
}}
 
<div class="eventStoryBanner" style="padding-top:15px;margin:0px;">
 
<div class="eventStoryBanner" style="padding-top:15px;margin:0px;">
<div class="panel-heading" style="position: relative; top: 0px; left: 0px;">
+
<div class="panel-heading" style="position:relative;top:0px;left:0px;">
<div style="position:relative; top:0px; left:0px;">[[File:Event_Banner_{{{1|}}}.png|500px|link=]]</div>
+
<div style="position:relative;top:0px;left:0px;">[[File:Event_Banner_{{{1|}}}.png|500px|link=]]</div>
<div style="position: absolute;width:100%;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 99;color: #fff;text-shadow: -1px -1px 1px #000000, 1px -1px 1px #000000, -1px 1px 1px #000000, 1px 1px 1px #000000;font-size:.8em;">
+
<div style="position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99;color:#fff;text-shadow:-1px -1px 1px #000000, 1px -1px 1px #000000, -1px 1px 1px #000000, 1px 1px 1px #000000;font-size:.8em;">
 
<div>{{{2|}}}</div>
 
<div>{{{2|}}}</div>
 
</div></div></div>
 
</div></div></div>

Revision as of 15:35, 31 May 2019

{{#css: @media screen and (min-width: 850px) { .eventStoryBanner img { width: 500px; height: auto; } } @media screen and (max-width: 849px) { .eventStoryBanner img { width: 100%; height: auto; } } }}