https://fa.faraghaib.ir/w/index.php?action=history&feed=atom&title=%D9%82%D8%A7%D9%84%D8%A8%3A%D8%AF%D8%A7%DB%8C%D8%B1%D9%87_%D9%87%D8%A7%2Fstyles.css 2026-08-25T02:58:22Z تاریخچهٔ نسخه‌ها برای این صفحه در ویکی MediaWiki 1.43.8 https://fa.faraghaib.ir/w/index.php?title=%D9%82%D8%A7%D9%84%D8%A8:%D8%AF%D8%A7%DB%8C%D8%B1%D9%87_%D9%87%D8%A7/styles.css&diff=2921&oldid=prev 2026-07-12T12:13:14Z

<p>صفحه‌ای تازه حاوی «.circle-gallery { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: start; justify-items: center; gap: 16px 12px; width: 100%; margin: 8px 0; padding: 0; box-sizing: border-box; } .circle-gallery__item { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; min-width: 0; margin: 0; padding: 0; box-sizing: border-box; text-align: center; } ....» ایجاد کرد</p> <p><b>صفحهٔ تازه</b></p><div>.circle-gallery {<br /> display: grid;<br /> grid-template-columns: repeat(5, minmax(0, 1fr));<br /> align-items: start;<br /> justify-items: center;<br /> gap: 16px 12px;<br /> width: 100%;<br /> margin: 8px 0;<br /> padding: 0;<br /> box-sizing: border-box;<br /> }<br /> <br /> .circle-gallery__item {<br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: flex-start;<br /> width: 100%;<br /> min-width: 0;<br /> margin: 0;<br /> padding: 0;<br /> box-sizing: border-box;<br /> text-align: center;<br /> }<br /> <br /> .circle-gallery__image {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> width: 100%;<br /> margin: 0;<br /> padding: 0;<br /> line-height: 0;<br /> box-sizing: border-box;<br /> }<br /> <br /> .circle-gallery__image img {<br /> display: block;<br /> max-width: 100%;<br /> height: auto;<br /> margin: 0 auto;<br /> }<br /> <br /> .circle-gallery__caption {<br /> display: block;<br /> width: 100%;<br /> margin: 6px 0 0;<br /> padding: 0 4px;<br /> box-sizing: border-box;<br /> color: inherit;<br /> font-size: clamp(0.875rem, 1.2vw, 1.0625rem);<br /> font-weight: normal;<br /> line-height: 1.45;<br /> text-align: center;<br /> overflow-wrap: anywhere;<br /> word-break: normal;<br /> }<br /> <br /> /* تبلت‌های افقی و نمایشگرهای متوسط */<br /> @media screen and (max-width: 1023px) {<br /> .circle-gallery {<br /> grid-template-columns: repeat(3, minmax(0, 1fr));<br /> gap: 18px 14px;<br /> }<br /> }<br /> <br /> /* تبلت‌های عمودی */<br /> @media screen and (max-width: 767px) {<br /> .circle-gallery {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> /* موبایل: هر تصویر در یک ردیف مستقل */<br /> @media screen and (max-width: 600px) {<br /> .circle-gallery {<br /> grid-template-columns: minmax(0, 1fr);<br /> gap: 22px;<br /> }<br /> <br /> .circle-gallery__item {<br /> max-width: 280px;<br /> margin-inline: auto;<br /> }<br /> <br /> .circle-gallery__caption {<br /> margin-top: 7px;<br /> padding-inline: 8px;<br /> font-size: 0.9375rem;<br /> line-height: 1.5;<br /> }<br /> }</div>

Esfandiari