Step 1: Add Custom SCSS
Go to ACP → Customization → Styles → Radiant → Advanced Settings → Own Declaration → Individual CSS and SCSS and add the following SCSS:
/* VieCode Filebase */
.contentFilebase > .section {
padding: 0;
}
.filebaseLatestEntriesList {
.containerHeadline > p {
color: $wcfContentDimmedText;
font-size: $wcfFontSizeSmall;
}
.entryDescription {
margin: 5px 0;
}
}
#tpl_filebase_entryList {
.contentHeader {
.contentTitle {
font-family: $wcfFontPrimary;
font-size: 16px;
padding: 12px 10px;
text-transform: none;
@include screen-lg {
padding: 13px 12px;
}
}
& + .paginationTop {
margin-top: 10px;
}
}
.contentNavigation {
background: $sectionHeaderBackground;
border-radius: 0 0 3px 3px;
border-top: 1px solid #e7edf5;
box-shadow: inset 0 1px 0 0 #fff;
margin: 0;
padding: 0 10px 10px;
@include screen-md-up {
padding: 0 10px;
}
@include screen-lg {
padding: 0 12px;
}
> nav,
ul {
margin-top: 0;
}
}
}
.filebaseCategoryList {
> li.filebaseCategoryContainer {
&:first-child {
border-top: 0;
}
&:last-child {
border-bottom: 0;
}
.filebaseCategory > .icon {
box-shadow: inset 0 0 0px 1px #6dba3b, inset 0 0 0 2px #fff;
}
}
.filebaseCategory {
padding: 12px 10px;
> .icon {
background: #6dba3b;
border-radius: 50%;
color: #fff;
font-size: 20px;
height: 34px;
line-height: 34px;
margin-left: 0;
width: 34px;
}
}
.filebaseCategoryMain h3::after {
line-height: 1;
}
}
.filebaseMainCategory {
&:first-child {
border-radius: 3px 3px 0 0;
}
> header {
background: #344b5b;
border: 0;
color: #a2b9ca;
padding: 12px 10px 10px;
@include screen-md-up {
padding: 14px 10px 12px;
}
> h2 {
font-family: $wcfFontSecondary;
font-size: 16px;
text-transform: uppercase;
}
}
}
.filebaseStats {
line-height: 1;
> dl:first-child {
padding: 1px 0 5px;
}
.messageGroupListStatsSimple {
font-size: 14px;
min-width: 70px;
padding: 7px 10px 7px 9px;
}
}
.filebaseLastEntry {
color: $wcfContentDimmedText;
}
.filebaseEntryList {
&.messageGroupList {
th.columnMark > label::before {
top: 0;
}
.columnAvatar > div {
width: unset;
height: unset;
}
}
table {
border: 0;
th,
td {
border-right: 0 !important;
}
}
}
.filebaseEntry {
.messageContent::before {
display: none;
}
.filebasePreviewImage {
margin: 3px 0 10px 0;
@include screen-sm-up {
margin: 4px 0 15px 20px;
}
}
}
.filebaseFileList {
margin: 0;
> .section {
flex: 1;
padding: 0;
.sectionTitle {
background: none;
border: 0;
margin: 0 0 10px;
padding: 0;
@include wcfFontCapital;
}
> ul {
background: $sectionHeaderBackground;
border: 2px dashed $wcfContentBorderInner;
border-radius: 3px;
padding: 7px 0;
&.row {
margin: 0;
}
> li {
margin: 0;
padding: 5px 10px;
> div {
line-height: 17px;
> small {
color: $wcfContentDimmedText;
}
}
}
}
}
}
.recentActivityList > li.viecodeentry .containerContentType::before {
content: "\f15b";
}
.recentActivityList > li.viecodeentryComment .containerContentType::before {
content: "\f0e6";
}