"سانچہ:ARbox person" کے نسخوں کے درمیان فرق
Appearance
Arsait (تبادلۂ خیال | شراکتیں) کوئی خلاصۂ ترمیم نہیں |
Arsait (تبادلۂ خیال | شراکتیں) کوئی خلاصۂ ترمیم نہیں |
||
سطر 1: | سطر 1: | ||
<includeonly> | <includeonly> | ||
<div | <div class="infobox-container"> | ||
<div | <div class="infobox"> | ||
{| class="wikitable | {| class="wikitable" | ||
|- | |- | ||
! 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" style="text-align:center; font-size:125%; background:#ebecf0;" | {{{name|''No name provided''}}} [[File:{{{verified_icon|34px-Verified.webp}}}|baseline|15x15px]] | ||
سطر 8: | سطر 8: | ||
! colspan="2" style="text-align:center; font-size:110%; background:#F8F9FA;" | {{{native_name|N/A}}} | ! 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;" | | 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;"> | <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]] | [[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]] | ||
سطر 28: | سطر 28: | ||
! Nickname | ! Nickname | ||
| {{{nickname|N/A}}} | | {{{nickname|N/A}}} | ||
|} | |} | ||
</div> | </div> | ||
<div | <div class="content"> | ||
'''{{{name|''No name provided''}}}''' {{{intro}}} | '''{{{name|''No name provided''}}}''' {{{intro}}} | ||
سطر 93: | سطر 61: | ||
</div> | </div> | ||
</div> | </div> | ||
<style> | |||
.infobox-container { | |||
display: flex; | |||
{ | flex-wrap: wrap; | ||
align-items: flex-start; | |||
} | |||
.infobox { | |||
width: 300px; | |||
float: right; | |||
margin-left: 20px; | |||
} | |||
.content { | |||
flex-grow: 1; | |||
max-width: 800px; | |||
margin-right: 320px; | |||
} | |||
@media (max-width: 768px) { | |||
.infobox { | |||
float: none; | |||
width: 100%; | |||
margin: 0; | |||
} | |||
.content { | |||
margin-right: 0; | |||
width: 100%; | |||
} | |||
} | |||
</style> | |||
</includeonly> | </includeonly> | ||