کارت مقاله/styles.css - فراغیب
صفحهای تازه حاوی «←استایل کارتهای مقاله: .patogh-article-card { background: #FFFFFF; border: 1px solid #EADBCE; border-radius: 12px; overflow: hidden; ←برای گرد کردن گوشههای تصویر: display: flex; flex-direction: column; transition: all 0.3s ease; height: 100%; } .patogh-article-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(43, 33, 24,...» ایجاد کرد |
بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
.patogh-article-card { | .patogh-article-card { | ||
background: #FFFFFF; | background: #FFFFFF; | ||
border: 1px solid #EADBCE; | border: 1px solid #EADBCE; | ||
border-radius: 12px; | border-radius: 12px; | ||
overflow: hidden; | overflow: hidden; | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
| خط ۱۱: | خط ۱۰: | ||
} | } | ||
/* این کلاس جایگزین تگ <img> شده */ | |||
.patogh-article-img { | .patogh-article-img { | ||
width: 100%; | width: 100%; | ||
height: 160px; | height: 160px; | ||
background-size: cover; | |||
background-position: center; | |||
background-repeat: no-repeat; | |||
} | } | ||
.patogh-article-title { | .patogh-article-body { padding: 15px; } | ||
.patogh-article-title { font-size: 16px; margin: 0 0 10px 0 !important; color: #8C3A27; border: none !important; } | |||
.patogh-article-desc { font-size: 13px; color: #6B5E55; line-height: 1.5; margin: 0; } | |||
} | |||
.patogh-article-desc { | |||
} | |||
نسخهٔ ۲۶ اوت ۲۰۲۶، ساعت ۱۹:۴۵
.patogh-article-card {
background: #FFFFFF;
border: 1px solid #EADBCE;
border-radius: 12px;
overflow: hidden;
display: flex;
flex-direction: column;
transition: all 0.3s ease;
height: 100%;
}
/* این کلاس جایگزین تگ <img> شده */
.patogh-article-img {
width: 100%;
height: 160px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.patogh-article-body { padding: 15px; }
.patogh-article-title { font-size: 16px; margin: 0 0 10px 0 !important; color: #8C3A27; border: none !important; }
.patogh-article-desc { font-size: 13px; color: #6B5E55; line-height: 1.5; margin: 0; }