Template:CustomFileWrapper: Difference between revisions

Revision as of 04:26, 4 January 2025

   [[File:{{{filename}}}|thumb|200px]]

   Uploaded by: Idkman 

   Upload Date: 04 January 2025 04:26:42 

   Download: [ Download the file]

@@ Line 1: / Line 1: @@
-<div class="custom-file-block">
+<div class="custom-file-block" style="display: flex; align-items: center; justify-content: space-between;">
-   <!-- Main File Image on the Left -->
+   <!-- Left-aligned File Image -->
-   [[File:{{{filename}}}|thumb|200px|left]]
+   <div style="flex-shrink: 0;">
+    [[File:{{{filename}}}|thumb|200px]]
+  </div>
-   <!-- Download Image to the Right -->
+   <!-- Right-aligned Download Image -->
-   <span style="float:right; margin-left: 10px;">
+   <div style="flex-shrink: 0;">
-  [[File:Downloadlogomadebyteo.png|68px|frameless]]
+    <span>
-  </span>
+      [[File:Downloadlogomadebyteo.png|68px|frameless]]
+    </span>
-   <strong class="file-info-label">Uploaded by:</strong> [[{{REVISIONUSER}}]] <br />
+   </div>
-  <strong class="file-info-label">Upload Date:</strong> {{#time:d F Y H:i:s|{{REVISIONTIMESTAMP}}}} <br />
-  <strong class="file-info-label">Download:</strong> [{{filepath:{{{filename}}}}} Download the file] <br />
+   <div style="flex-grow: 1;">
+    <strong class="file-info-label">Uploaded by:</strong> [[{{REVISIONUSER}}]] <br />
+    <strong class="file-info-label">Upload Date:</strong> {{#time:d F Y H:i:s|{{REVISIONTIMESTAMP}}}} <br />
+    <strong class="file-info-label">Download:</strong> [{{filepath:{{{filename}}}}} Download the file] <br />
+  </div>
 </div>