이 흰색 공간들을 색상으로 채우고 싶습니다.
제가 사용하고 있는 CSS 코드는 다음과 같습니다.
/*Tamaño de la fuente*/
.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);
}
//add shadow behind the list of topics on right in Category and Latest View
//add shadow behind list of categories on left in Category and Latest View
//add shadow behind topics in Latest view
.category-list,
.topic-list,
.latest-topic-list {
@include boxShadow;
background-color: lighten($secondary, 10%);
border-radius: 15px;
}
//create conversation cards
.topic-body {
@include boxShadow;
background-color: lighten($secondary, 10%);
margin-top: 3px;
padding: 10px;
border-radius: 6px;
}
//more space for avatars
.topic-avatar {
border-top: 0;
padding-top: 10px;
padding-left: 5px;
.avatar-flair {
right: 4px;
}
}
.topic-avatar {
width: 45px;
height: 45px; // increases the width of the avatar container
img.avatar { // increases the size of the avatar
width: 40px;
height: 40px;
}
}
//increase space between post meta and post content
.boxed .contents {
padding: 20px 0 0 0;
}
//remove stray border from bottom of last post
.topic-status-info {
border-top: 0;
}
.small-action {
border: none;
}
#topic-closing-info {
border: none;
}
//remove lines between cards
.topic-post article {
border: none;
}
//put shadow on quotes as well
aside.quote {
@include boxShadow;
}
// RTL Overrides
.rtl {
.topic-avatar {
padding-left: initial;
padding-right: 20px;
.avatar-flair {
right: initial;
left: 4px;
}
}
}
/*Signatures plugin*/
.user-signature {
display: none;
}
.cooked img {
max-width: 100% !important;
}
