الگو:کادر اطلاعاتی: تفاوت میان نسخهها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
<html> | <html> | ||
<!-- | <!-- باکس خدمات چاپ متین - نسخه بهینهسازی شده با سایه نرم و گوشههای گرد --> | ||
<div class="matin-info-box"> | <div class="matin-info-box"> | ||
<h2 class="matin-title">چاپ بنر در چاپ متین</h2> | <h2 class="matin-title">چاپ بنر در چاپ متین</h2> | ||
| خط ۱۲: | خط ۱۲: | ||
<style> | <style> | ||
.matin-info-box { | .matin-info-box { | ||
direction: rtl; | direction: rtl; | ||
| خط ۲۱: | خط ۲۰: | ||
padding: 30px 40px; | padding: 30px 40px; | ||
/* | /* گوشههای گرد */ | ||
border-radius: 8px; | |||
border- | |||
/* | /* نوار قرمز بالایی */ | ||
border-top: 5px solid #8b1e1e; | |||
border-left: 1px solid #e5e7eb; | |||
border-right: 1px solid #e5e7eb; | |||
border-bottom: 1px solid #e5e7eb; | |||
/* | /* سایه نرم و پخششده (Soft & Diffused Shadow) */ | ||
box-shadow: 0 15px 35px -5px rgba(0, 0, 0, 0.15), 0 10px 15px -5px rgba(0, 0, 0, 0.05); | |||
/* تضمین نمایش درست در همه مرورگرها */ | |||
overflow: hidden; | |||
} | } | ||
| خط ۳۶: | خط ۴۰: | ||
color: #333; | color: #333; | ||
text-align: center; | text-align: center; | ||
margin | margin: 0 0 25px 0; | ||
font-weight: 700; | font-weight: 700; | ||
} | } | ||
| خط ۴۵: | خط ۴۸: | ||
line-height: 2; | line-height: 2; | ||
color: #374151; | color: #374151; | ||
text-align: justify; | text-align: justify; | ||
margin: 0; | margin: 0; | ||
} | } | ||
.matin-body strong { | .matin-body strong { | ||
color: #8b1e1e; | color: #8b1e1e; | ||
font-weight: 700; | font-weight: 700; | ||
} | } | ||
@media (max-width: 600px) { | @media (max-width: 600px) { | ||
.matin-info-box { | .matin-info-box { | ||
padding: | padding: 20px; | ||
margin: 20px 15px; | margin: 20px 15px; | ||
} | } | ||
.matin-title { | .matin-title { | ||
font-size: 1.25rem; | font-size: 1.25rem; | ||
} | } | ||
} | } | ||
</style> | </style> | ||
</html> | </html> | ||