"साँचा:Worldbox person": अवतरणों में अंतर

← पुराना संपादन नया संपादन →

@@ पंक्ति १: / पंक्ति १: @@
 <includeonly>
-{| class="wikitable style="width: 100%; Worldbox-person-table"
+<div class="infobox-container">
-|-
+  <div class="infobox">
-! colspan="2" style="text-align:center; font-size:125%; background:#ebecf0;" | {{{name|''No name provided''}}} [[File:{{{verified_icon|34px-Verified.webp}}}|baseline|15x15px]]
+    {| class="wikitable"
-|-
+    |-
-! colspan="2" style="text-align:center; font-size:110%; background:#F8F9FA;" | {{{native_name|N/A}}}
+    ! colspan="2" style="text-align:center; font-size:125%; background:#ebecf0;" | {{{name|''No name provided''}}} [[File:{{{verified_icon|34px-Verified.webp}}}|baseline|15x15px]]
-|-
+    |-
-| colspan="2" align="center" style="padding:0; margin:0; width:100%; height:100%; overflow:hidden;" |
+    ! colspan="2" style="text-align:center; font-size:110%; background:#F8F9FA;" | {{{native_name|N/A}}}
+    |-
+    | colspan="2" align="center" style="padding:0; margin:0; width:100%; height:100%; overflow:hidden;" |
+    <div style="position:relative; width:100%; height:100%; margin:0; padding:0; border:none; display:inline-block;">
+      [[File:{{{image|No_image_available.svg}}}|style="width:100%; height:auto; display:block; margin:0; padding:0; border:none;"|thumb|{{{nickname|N/A}}} in {{{image_date|N/A}}}|center]]
+      <div style="position:absolute; top:10px; right:15px; color:rgba(0, 0, 0, 0.2); font-size:50%; font-weight:bold; z-index:01; pointer-events:none;">
+      Approximate capture date: {{{image_date|N/A}}} from {{{image_capture_from|N/A}}}</div>
+    </div>
+    |-
+    ! colspan="2" style="text-align:center; background:#e5e6fa;" | <span style="color:#3465c5;">{{{office|N/A}}}</span> of the <span style="color:#3465c5;">{{{organization|N/A}}}</span>
+    |-
+    | colspan="2" style="text-align:center;" | '''In office'''
+    |-
+    | colspan="2" style="text-align:center;" |  {{{term_start|N/A}}} – Present
+    |-
+    ! colspan="2" style="background:#e5e6fa; text-align:center;" | '''Personal details'''
+    |-
+    ! Born
+    | {{{birth_date|Unknown}}} {{{birth_place|Unknown}}}
+    |-
+    ! Nickname
+    | {{{nickname|N/A}}}
+    |}
+  </div>
+  <div class="content">
+    '''{{{name|''No name provided''}}}''' {{{intro}}}
+    == Early Life and Education ==
+    {{{Early Life and Education}}}
+    == Career and Achievements ==
+    {{{Career and Achievements}}}
+    == Personal Life and Social Media ==
+    {{{Personal Life and Social Media}}}
+    === Social Media Links ===
+    {{{Social Media Links}}}
+    == Business Ventures ==
+    {{{Business Ventures}}}
+    == Awards and Recognition ==
+    {{{Awards and Recognition}}}
+    == Conclusion ==
+    {{{Conclusion}}}
+    == External Links ==
+    {{{External Links}}}
+    == References ==
+    {{{References}}}
+  </div>
+</div>
-<div style="position:relative; width:100%; height:100%; margin:0; padding:0; border:none; display:inline-block;">
+<style>
-  [[File:{{{image|No_image_available.svg}}}|style="width:100%; height:auto; display:block; margin:0; padding:0; border:none;"|thumb|{{{nickname|N/A}}} in {{{image_date|N/A}}}|center]]
+.infobox-container {
-   <div style="position:absolute; top:10px; right:15px; color:rgba(0, 0, 0, 0.2); font-size:50%; font-weight:bold; z-index:01; pointer-events:none;">
+   display: flex;
-   Approximate capture date: {{{image_date|N/A}}} from {{{image_capture_from|N/A}}}</div>
+   flex-wrap: wrap;
-</div>
+  align-items: flex-start;
-|-
+}
-! colspan="2" style="text-align:center; background:#e5e6fa;" | <span style="color:#3465c5;">{{{office|N/A}}}</span> of the <span style="color:#3465c5;">{{{organization|N/A}}}</span>
-|-
-| colspan="2" style="text-align:center;" | '''In office'''
-|-
-| colspan="2" style="text-align:center;" |  {{{term_start|N/A}}} – Present
-|-
-! colspan="2" style="background:#e5e6fa; text-align:center;" | '''Personal details'''
-|-
-! Born
-| {{{birth_date|Unknown}}} {{{birth_place|Unknown}}}
-|-
-! Nickname
-| {{{nickname|N/A}}}
-|-
-! Nationality
-| {{{nationality|Unknown}}}
-|-
-! Occupation
-| {{{occupation|Unknown}}}
-|-
-! Years active
-| {{{years_active|N/A}}} – Present
-|-
-! Organization
-| {{{organization|N/A}}}
-|-
-! Height
-| {{{height|N/A}}}
-|-
-! Spouse
-| {{{spouse|N/A}}}
-|-
-! Father
-| {{{father|N/A}}}
-|-
-! Awards
-| {{{awards|N/A}}}
-|-
-! Website
-| [{{#if:{{{website|}}}|http://{{{website}}}|N/A}} {{{website|N/A}}}]
-|-
-! colspan="2" style="text-align:center; background:#e5e6fa;" | Signature
-|-
-| colspan="2" align="center" | [[File:{{{signature|No_signature.png}}}|100x100px]]
-|}
-[[{{{native_name_lang|N/A}}}:{{{native_name|N/A}}}]]
-'''{{{name|''No name provided''}}}''' {{{intro}}}
-== Early Life and Education ==
+.infobox {
-{{{Early Life and Education}}}
+  width: 300px;
+  float: right;
+  margin-left: 20px;
+}
-== Career and Achievements ==
+.content {
+  flex-grow: 1;
-{{{Career and Achievements}}}
+  max-width: 800px;
+  margin-right: 320px;
+}
-== Personal Life and Social Media ==
-{{{Personal Life and Social Media}}}
-=== Social Media Links ===
-{{{Social Media Links}}}
-== Business Ventures ==
-{{{Business Ventures}}}
-== Awards and Recognition ==
-{{{Awards and Recognition}}}
-== Conclusion ==
-{{{Conclusion}}}
-== External Links ==
-{{{External Links}}}
-== References ==
-{{{References}}}
+@media (max-width: 768px) {
+  .infobox {
+    float: none;
+    width: 100%;
+    margin: 0;
+  }
+  .content {
+    margin-right: 0;
+    width: 100%;
+  }
+}
+</style>
 [[en:{{{english_page|N/A}}}]]
 [[bn:{{{bangla_page|N/A}}}]]