الگو:کادر اطلاعاتی: تفاوت میان نسخه‌ها

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

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

@@ خط ۱: / خط ۱: @@
 <html>
+<!-- باکس خدمات چاپ متین - نسخه نهایی (بدون سایه، طراحی فلت) -->
-<!-- باکس خدمات چاپ متین - با سایه اختصاصی گوشه‌دار -->
 <div class="matin-info-box">
      <h2 class="matin-title">چاپ بنر در چاپ متین</h2>
@@ خط ۲۰: / خط ۱۹: @@
      padding: 30px 40px;
-     /* تنظیمات گوشه و کادر */
+     /* حذف کامل سایه‌ها */
+    box-shadow: none !important;
+    filter: none !important;
+    /* گوشه‌های گرد و نوار قرمز بالا */
      border-radius: 8px;
      border-top: 5px solid #8b1e1e;
@@ خط ۲۶: / خط ۲۹: @@
      border-right: 1px solid #e5e7eb;
      border-bottom: 1px solid #e5e7eb;
-    /* این مورد برای قرارگیری سایه‌ها ضروری است */
-    position: relative;
-    z-index: 1;
-}
-/* ایجاد سایه اختصاصی در گوشه‌ها */
-.matin-info-box::before,
-.matin-info-box::after {
-    content: "";
-    position: absolute;
-    bottom: 15px;
-    z-index: -1; /* سایه پشت باکس قرار می‌گیرد */
-    width: 45%;
-    height: 10px;
-    /* سایه غلیظ و تیره */
-    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.6);
-}
-.matin-info-box::before {
-    left: 10px;
-    transform: rotate(-3deg); /* شیب سمت چپ */
-}
-.matin-info-box::after {
-    right: 10px;
-    transform: rotate(3deg); /* شیب سمت راست */
 }
@@ خط ۷۶: / خط ۵۲: @@
 }
+/* ریسپانسیو */
 @media (max-width: 600px) {
      .matin-info-box {