کارت مقاله/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; | ||
height: 100%; | height: 100%; | ||
} | } | ||
| خط ۱۹: | خط ۱۲: | ||
width: 100%; | width: 100%; | ||
height: 160px; | height: 160px; | ||
background-size: cover; | |||
background-position: center; | |||
background-repeat: no-repeat; | |||
/* این خط قرمز را برای تست بگذار، اگر عکس آمد، بعداً این خط را پاک کن */ | |||
background-color: red; | |||
} | } | ||
.patogh-article- | .patogh-article-img-class { | ||
width: 100%; | |||
height: 160px; | |||
background-size: cover; | |||
background-position: center; | |||
background-repeat: no-repeat; | |||
background-color: red; | |||
} | } | ||
نسخهٔ کنونی تا ۲۶ اوت ۲۰۲۶، ساعت ۲۰:۴۲
.patogh-article-card {
background: #FFFFFF;
border: 1px solid #EADBCE;
border-radius: 12px;
overflow: hidden;
display: flex;
flex-direction: column;
height: 100%;
}
.patogh-article-img {
width: 100%;
height: 160px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
/* این خط قرمز را برای تست بگذار، اگر عکس آمد، بعداً این خط را پاک کن */
background-color: red;
}
.patogh-article-img-class {
width: 100%;
height: 160px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: red;
}