Difference between revisions of "Template:EventBannerTextOverlay"

Latest revision as of 05:00, 13 October 2019

{{EventBannerTextOverlay|Val19_EC|Elisanne and Cleo}}

Elisanne and Cleo

@@ Line 1: / Line 1: @@
-<noinclude>[[Category:Templates]]</noinclude>
+<noinclude>
-{{#css:
+== Examples ==
-@media screen and (min-width: 850px) {
+<pre>
-.eventStoryBanner img {
+{{EventBannerTextOverlay|Val19_EC|Elisanne and Cleo}}
-width: 500px;
+</pre>
-height: auto;
+{{EventBannerTextOverlay|Val19_EC|Elisanne and Cleo}}
-}
-}
+[[Category:Templates]]
-@media screen and (max-width: 849px) {
+</noinclude><includeonly>
-.eventStoryBanner img {
+<div class="panel-heading" style="padding-top:15px;margin:0px;">
-width: 100%;
+<div style="position:relative;top:0px;left:0px;">
-height: auto;
+<div class="eventStoryBanner" 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 class="eventStoryBanner" style="padding-top:15px;margin:0px;">
-<div 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: 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></div></div>
+</includeonly>