|
|
| خط ۱: |
خط ۱: |
| | | {{کانتینر عکس دایره |
| <!-- ردیف دوم: چهار عکس کوچک (همواره در یک ردیف در موبایل و دسکتاپ بدون شکستن خط) -->
| | |تصویر=search.png |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; justify-content: center; width: 100%;{{{second row style|}}}">
| | }} |
|
| |
| <!-- عکس کوچک ۱ -->
| |
| <div style="display: flex; flex-direction: column; align-items: center; border: 5px solid #3b82f6; background-color: #ffffff; padding: 4px; box-sizing: border-box;
| |
| border-radius: 15px; min-width: 0; /* منحنی کردن گوشههای کادر تصویر کوچک اول */
| |
| {{{first small border style|}}};">
| |
| <!-- نگهدارنده تصویر کوچک جهت برش مربعی ۱:۱ -->
| |
| <div style="width: 100%; aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 8px;{{{first small picture style|}}};">
| |
| [[File:{{{تصویر کوچک1}}}|thumb|link=|class=not-resized|center]]
| |
| </div>
| |
| <!-- کپشن تکخطی تصویر کوچک اول: فونت بسیار کوچکشده به 65% برای جلوگیری از تداخل متن -->
| |
| <div style="margin-top: 3px; margin-bottom: 1px; font-size: 65%; color: #000000; font-weight: bold; text-align: center; width: 95%;
| |
| line-height: 1; border: none; background: transparent; box-shadow: none; outline: none;
| |
| white-space: nowrap; overflow: hidden; text-overflow: ellipsis;{{{first small caption style|}}};">
| |
| <!-- توضیحات تصویر کوچک1-->
| |
| </div>
| |
| </div>
| |
| | |
| <!-- عکس کوچک ۲ -->
| |
| <div style="display: flex; flex-direction: column; align-items: center; border: 5px solid #3b82f6; background-color: #ffffff; padding: 4px; box-sizing: border-box;
| |
| border-radius: 15px; min-width: 0; /* منحنی کردن گوشههای کادر تصویر کوچک دوم */
| |
| {{{second small border style|}}};">
| |
| <!-- نگهدارنده تصویر کوچک جهت برش مربعی ۱:۱ -->
| |
| <div style="width: 100%; aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 8px;{{{second small picture style|}}};">
| |
| [[File:{{{تصویر کوچک2}}}|thumb|link=|class=not-resized|center]]
| |
| </div>
| |
| <!-- کپشن تکخطی تصویر کوچک دوم: فونت بسیار کوچکشده به 65% برای جلوگیری از تداخل متن -->
| |
| <div style="margin-top: 3px; margin-bottom: 1px; font-size: 65%; color: #000000; font-weight: bold; text-align: center; width: 95%;
| |
| line-height: 1; border: none; background: transparent; box-shadow: none; outline: none;
| |
| white-space: nowrap; overflow: hidden; text-overflow: ellipsis;{{{second small caption style|}}};">
| |
| <!--توضیحات تصویر کوچک2-->
| |
| </div>
| |
| </div>
| |
| | |
| <!-- عکس کوچک ۳ -->
| |
| <div style="display: flex; flex-direction: column; align-items: center; border: 5px solid #3b82f6; background-color: #ffffff; padding: 4px; box-sizing: border-box;
| |
| border-radius: 15px; min-width: 0; /* منحنی کردن گوشههای کادر تصویر کوچک سوم */">
| |
| <!-- نگهدارنده تصویر کوچک جهت برش مربعی ۱:۱ -->
| |
| <div style="width: 100%; aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 8px;">
| |
| [[File:{{{تصویر کوچک3}}}|thumb|link=|class=not-resized|center]]
| |
| </div>
| |
| <!-- کپشن تکخطی تصویر کوچک سوم: فونت بسیار کوچکشده به 65% برای جلوگیری از تداخل متن -->
| |
| <div style="margin-top: 3px; margin-bottom: 1px; font-size: 65%; color: #000000; font-weight: bold; text-align: center; width: 95%;
| |
| line-height: 1; border: none; background: transparent; box-shadow: none; outline: none;
| |
| white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
| |
| <!--توضیحات تصویر کوچک3-->
| |
| </div>
| |
| </div>
| |
| | |
| <!-- عکس کوچک ۴ -->
| |
| <div style="display: flex; flex-direction: column; align-items: center; border: 5px solid #3b82f6; background-color: #ffffff; padding: 4px; box-sizing: border-box;
| |
| border-radius: 15px; min-width: 0; /* منحنی کردن گوشههای کادر تصویر کوچک چهارم */">
| |
| <!-- نگهدارنده تصویر کوچک جهت برش مربعی ۱:۱ -->
| |
| <div style="width: 100%; aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 8px;">
| |
| [[File:{{{تصویر کوچک4}}}|thumb|link=|class=not-resized|center]]
| |
| </div>
| |
| <!-- کپشن تکخطی تصویر کوچک چهارم: فونت بسیار کوچکشده به 65% برای جلوگیری از تداخل متن -->
| |
| <div style="margin-top: 3px; margin-bottom: 1px; font-size: 65%; color: #000000; font-weight: bold; text-align: center; width: 95%;
| |
| line-height: 1; border: none; background: transparent; box-shadow: none; outline: none;
| |
| white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
| |
| <!--توضیحات تصویر کوچک4-->
| |
| </div>
| |
| </div>
| |
| | |
| </div>
| |
| | |
| </div>
| |