الگو:بخش اطلاعات تماس/عطاری حافظ: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر تفاوت با ویرایش جدیدتر ←

دیداریویکی‌متن

@@ خط ۳: / خط ۳: @@
 .deniz-contact-card {
      width: 100%;
-     max-width: 1000px;
+     max-width: 800px; /* این مقدار را طبق نیاز خود تغییر دهید، نسبت حفظ خواهد شد */
      margin: 20px auto;
-     padding: 60px 30px 30px 30px; /* افزایش فاصله از بالا برای خروج از حاشیه سبز */
+    /* تنظیم نسبت ابعاد دقیق تصویر: 1008 / 1561 = 0.645 */
+    aspect-ratio: 1561 / 1008;
+     padding: 15% 8% 8% 8%; /* استفاده از درصد برای حفظ فاصله از لبه‌ها در همه ابعاد */
      direction: rtl;
      text-align: right;
-     /* تنظیمات تصویر پس‌زمینه */
+     /* تنظیمات پس‌زمینه */
      background-image: url('https://dl.faraghaib.ir/m/105/12.png');
-     background-size: cover;
+     background-size: 100% 100%; /* اجبار به پر کردن دقیق */
      background-position: center;
      background-repeat: no-repeat;
-     color: #3e2723; /* قهوه‌ای تیره برای خوانایی بهتر روی پس‌زمینه کرم */
+     color: #3e2723;
-    border-radius: 20px;
      box-sizing: border-box;
-     font-family: 'IRANSans', sans-serif;
+     font-family: 'Tahoma', 'IRANSans', sans-serif;
-    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
 }
 /* استایل متن اصلی */
 .wiki-list-item {
-     margin-bottom: 15px;
+     margin-bottom: 2%; /* استفاده از درصد برای ریسپانسیو بودن */
-     line-height: 1.8;
+     line-height: 1.6;
-     font-size: 1.05em;
+     font-size: 1em;
 }
 /* رنگ متمایز برای تیتر و متن مهم */
 .wiki-custom-body b {
-     color: #2e4633; /* سبز تیره برای تاکید */
+     color: #2e4633;
 }
 /* استایل لینک‌ها */
 .deniz-contact-card a {
-     color: #a67c00 !important; /* طلایی تیره برای لینک‌ها جهت تضاد با متن */
+     color: #a67c00 !important;
      text-decoration: none;
      font-weight: 700;
-    transition: 0.3s;
 }
@@ خط ۴۶: / خط ۴۸: @@
      text-decoration: underline;
 }
+</style>
-/* ریسپانسیو کردن برای موبایل */
-@media (max-width: 600px) {
-    .deniz-contact-card {
-        padding: 50px 20px 20px 20px;
-    }
-}
-</style>
 <div class="deniz-contact-card">