টেমপ্লেট:নির্বাচিত বই/Layout: সংশোধিত সংস্করণের মধ্যে পার্থক্য

০৯:১৮, ২৩ আগস্ট ২০২৫ তারিখে সংশোধিত সংস্করণ

   📖 নির্বাচিত বই

     [[Image:{{{image}}}|100px|{{{caption}}}|class=noviewer]]

     {{{text}}}

   মনোনীত
   [[{{{link}}}|আরও...]]

@@ ১ নং লাইন: / ১ নং লাইন: @@
-<div style="display:flex;flex-direction:column;gap:12px;padding:12px;margin:8px 0;background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,0.05);">
+<div style="margin:10px 0;padding:0;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,0.08);background:#fff;overflow:hidden;">
-   <!-- Optional image -->
+   <!-- Header -->
-   {{#if:{{{image}}}|
+  <div style="padding:10px 14px;background:linear-gradient(90deg,#2563eb,#1e40af);color:#fff;font-size:16px;font-weight:600;">
-  <div style="float:left;margin-right:1em;">
+    📖 নির্বাচিত বই
-    [[Image:{{{image}}}|100px|{{{caption}}}]]
+  </div>
-  </div>}}
+  <!-- Content -->
+   <div style="padding:12px;display:flex;flex-direction:row;gap:12px;align-items:flex-start;">
+    <!-- Image (optional) -->
+    {{#if:{{{image}}}|
+    <div style="flex-shrink:0;">
+      [[Image:{{{image}}}|100px|{{{caption}}}|class=noviewer]]
+    </div>}}
+    <!-- Text -->
+    <div style="font-size:15px;color:#374151;line-height:1.6;">
+      {{{text}}}
+    </div>
-  <!-- Main text -->
-  <div style="font-size:0.95rem;color:#374151;line-height:1.5;">
-    {{{text}}}
    </div>
-   <!-- Footer links -->
+   <!-- Footer -->
-   <div style="display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #e5e7eb;font-size:0.9rem;">
+   <div style="display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid #e5e7eb;font-size:14px;background:#f9fafb;">
-     <span style="color:#10b981;font-weight:600;">'''[[টেমপ্লেট:প্রধান পাতা/নির্বাচিত বই|মনোনীত]]'''</span>
+     <span style="color:#059669;font-weight:600;">'''[[টেমপ্লেট:প্রধান পাতা/নির্বাচিত বই|মনোনীত]]'''</span>
      <span style="color:#2563eb;font-weight:600;">'''[[{{{link}}}|আরও...]]'''</span>
    </div>