بخش اطلاعات تماس/عطاری حافظ - فراغیب
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
<html> | <html> | ||
<style> | <style> | ||
.deniz-contact-card { | .deniz-contact-card { | ||
width: 100%; | width: 100%; | ||
max-width: 1100px; | max-width: 1100px; | ||
margin: | margin: 5px auto; /* کاهش مارجین بالا و پایین */ | ||
aspect-ratio: | aspect-ratio: auto; /* تغییر از نسبت ثابت به اتو برای مدیریت بهتر ارتفاع */ | ||
padding: | min-height: auto; /* اجازه به محتوا برای تعیین ارتفاع */ | ||
padding: 20px clamp(18px, 5%, 56px) 30px; /* کاهش پدینگ بالا از 70px به 20px */ | |||
direction: rtl; | direction: rtl; | ||
text-align: center; | text-align: center; | ||
background-image: url('https://dl.faraghaib.ir/m/105/ | background-image: url('https://dl.faraghaib.ir/m/105/1.png'); | ||
background-size: 100% 100%; | background-size: 100% 100%; | ||
background-position: center; | background-position: center; | ||
| خط ۲۴: | خط ۲۶: | ||
.wiki-custom-body { | .wiki-custom-body { | ||
width: 100%; | width: 100%; | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
| خط ۳۲: | خط ۳۲: | ||
} | } | ||
/* تیتر بالا */ | /* تیتر بالا - کاهش فاصله */ | ||
.contact-intro { | .contact-intro { | ||
display: block; | display: block; | ||
width: 100%; | width: 100%; | ||
margin-bottom: | margin-bottom: 10px; /* کاهش فاصله از پایین تیتر */ | ||
font-size: clamp(0.95em, 2vw, 1.12em); | font-size: clamp(0.95em, 2vw, 1.12em); | ||
line-height: 1. | line-height: 1.5; /* کاهش ارتفاع خط */ | ||
color: #2e4633; | color: #2e4633; | ||
font-weight: bold; | font-weight: bold; | ||
| خط ۵۲: | خط ۵۲: | ||
align-items: flex-start; | align-items: flex-start; | ||
flex-wrap: nowrap; | flex-wrap: nowrap; | ||
gap: | gap: 8px; /* کمی کاهش فاصله */ | ||
margin-top: | margin-top: 0; /* حذف فاصله اضافه در بالا */ | ||
} | } | ||
| خط ۶۲: | خط ۶۲: | ||
text-align: center; | text-align: center; | ||
flex: 1 1 0; | flex: 1 1 0; | ||
min-width: | min-width: 80px; | ||
} | } | ||
.icon-block img { | .icon-block img { | ||
width: clamp( | width: clamp(32px, 4vw, 45px); /* کمی کوچکتر کردن آیکونها برای کاهش ارتفاع */ | ||
height: clamp( | height: clamp(32px, 4vw, 45px); | ||
margin-bottom: | margin-bottom: 6px; | ||
object-fit: contain; | object-fit: contain; | ||
} | } | ||
.icon-block .caption { | .icon-block .caption { | ||
font-size: clamp(0. | font-size: clamp(0.75em, 1.3vw, 0.9em); | ||
line-height: 1. | line-height: 1.3; /* فشردهتر کردن متن */ | ||
color: #3e2723; | color: #3e2723; | ||
} | } | ||
| خط ۸۱: | خط ۸۱: | ||
display: block; | display: block; | ||
color: #2e4633; | color: #2e4633; | ||
margin-bottom: | margin-bottom: 2px; | ||
font-size: clamp(0. | font-size: clamp(0.85em, 1.5vw, 1em); | ||
} | } | ||
| خط ۸۹: | خط ۸۹: | ||
text-decoration: none; | text-decoration: none; | ||
font-weight: 700; | font-weight: 700; | ||
} | } | ||
/* فوتر - حذف یا کاهش اگر خیلی شلوغ است */ | |||
.contact-footer { | .contact-footer { | ||
display: none; /* مخفیسازی چون آیکونهای بالا برای تماس کافی هستند */ | |||
/* | |||
} | } | ||
| خط ۱۳۲: | خط ۹۹: | ||
@media (max-width: 600px) { | @media (max-width: 600px) { | ||
.deniz-contact-card { | .deniz-contact-card { | ||
padding: 15px 10px; | |||
padding: | |||
} | } | ||
.icons-row { | .icons-row { | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: | gap: 10px; | ||
} | } | ||
.icon-block { | .icon-block { | ||
flex: 1 1 30%; | flex: 1 1 30%; | ||
min-width: | min-width: 70px; | ||
} | } | ||
} | } | ||
</style> | </style> | ||
</html> | </html> | ||
نسخهٔ ۱۸ ژوئیهٔ ۲۰۲۶، ساعت ۱۰:۲۳