Szablon:Dash: Różnice pomiędzy wersjami

Wersja z 20:20, 18 maj 2023

Przykład użycia

Gargantuan

Podziemia Ankardii

@@ Linia 1: / Linia 1: @@
 {{#if:{{{img|}}}
-|<table style="width:100%; padding:5px 10px; border:1px solid #CEDFF2; border-radius:0; background-color:#E8F2F8; margin: auto;">
+|<table class="dash-table">
    <tr>
-     <td style="width:5%; text-align:center; padding-top:5px; padding-bottom:5px; padding-right:5px; padding-left:5px; border-right: 1px solid #CEDFF2;"><div style="margin:0 auto; width:100%; max-width:{{{size|}}};"><center class="gifsizer" style="width: {{{gifWidth|}}}; height: {{{gifHeight|}}};">{{#if:{{{img|}}}|{{{img}}}}}</center></div></td>
+     <td class="dash-image"><div class="gifsizer" style="max-width: {{{size|}}};">{{#if:{{{img|}}}|{{{img}}}}}</div></td>
-     <td style="width:95%; text-align:left; padding-left:5px;">{{#if:{{{1|}}}|{{{1}}}}}</td>
+     <td class="dash-content">{{#if:{{{1|}}}|{{{1}}}}}</td>
    </tr>
 </table>
-|<table style="width:100%; padding:5px 10px; border:1px solid #CEDFF2; border-radius:0; background-color:#E8F2F8; margin: auto;">
+|<table class="dash-table">
    <tr>
-     <td style="width:100%; text-align:left;">{{#if:{{{1|}}}|{{{1}}}}}</td>
+     <td class="dash-content">{{#if:{{{1|}}}|{{{1}}}}}</td>
    </tr>
 </table>}}
 <html>
 <style>
-.gifsizer > a {
+.dash-table {
-width: inherit;
+  width: 100%;
-height: inherit;
+  padding: 5px 10px;
+  border: 1px solid #CEDFF2;
+  border-radius: 0;
+  background-color: #E8F2F8;
+  margin: auto;
 }
-.gifsizer > a > img {
-width: calc(100% - 20px);
+.dash-image {
-height: calc(100% - 20px);
+  width: 5%;
-max-width: unset !important;
+  text-align: center;
+  padding: 5px;
+  border-right: 1px solid #CEDFF2;
+}
+.dash-content {
+  width: 95%;
+  text-align: left;
+  padding-left: 5px;
+}
+.gifsizer {
+  margin: 0 auto;
+  width: 100%;
+}
+.gifsizer img {
+  width: 100%;
+  height: auto;
+  max-width: 100%;
+  display: block;
 }
 </style>
 </html>
 <noinclude>
-Przyklad użycia
+Przykład użycia
 {{Dash
 | img = [[Plik:Gargantuan.gif]]
 '''Gargantuan'''
+| size = 400px
 | 1 = Podziemia Ankardii
 }}
 </noinclude>