أود تلوين تلك المساحات البيضاء.
هذا هو كود CSS الذي أستخدمه.
/* حجم الخط */
.topic-post {
font-size: 17px;
}
.topic-list-item:nth-child(even) { background-color: #EEE; } .topic-list-item:nth-child(odd) { background-color: #FFF; }
@mixin boxShadow {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12);
}
// إضافة ظل خلف قائمة المواضيع على اليمين في عرض التصنيف والأحدث
// إضافة ظل خلف قائمة التصنيفات على اليسار في عرض التصنيف والأحدث
// إضافة ظل خلف المواضيع في عرض الأحدث
.category-list,
.topic-list,
.latest-topic-list {
@include boxShadow;
background-color: lighten($secondary, 10%);
border-radius: 15px;
}
// إنشاء بطاقات المحادثات
.topic-body {
@include boxShadow;
background-color: lighten($secondary, 10%);
margin-top: 3px;
padding: 10px;
border-radius: 6px;
}
// مساحة أكبر للصور الرمزية
.topic-avatar {
border-top: 0;
padding-top: 10px;
padding-left: 5px;
.avatar-flair {
right: 4px;
}
}
.topic-avatar {
width: 45px;
height: 45px; // يزيد عرض حاوية الصورة الرمزية
img.avatar { // يزيد حجم الصورة الرمزية
width: 40px;
height: 40px;
}
}
// زيادة المسافة بين بيانات المنشور ومحتوى المنشور
.boxed .contents {
padding: 20px 0 0 0;
}
// إزالة الحدود الضالة من أسفل آخر منشور
.topic-status-info {
border-top: 0;
}
.small-action {
border: none;
}
#topic-closing-info {
border: none;
}
// إزالة الخطوط بين البطاقات
.topic-post article {
border: none;
}
// إضافة ظل إلى الاقتباسات أيضًا
aside.quote {
@include boxShadow;
}
// تجاوزات الاتجاه من اليمين إلى اليسار (RTL)
.rtl {
.topic-avatar {
padding-left: initial;
padding-right: 20px;
.avatar-flair {
right: initial;
left: 4px;
}
}
}
/*إضافة التوقيعات*/
.user-signature {
display: none;
}
.cooked img {
max-width: 100% !important;
}
انشر في قناة