XF 1.X Modifikasyon Resources Manager Eklentisi için Yeni Tasarım

.resourceList {
  margin: 15px -8px 0 ;
}
.resourceListItem {
  width: 280px !important;
  height: 420px;
  display: inline-block  !important;
  padding: 0;
  margin: 0px 5px 15px 5px  !important;
  vertical-align: top;
  word-wrap: normal;
  box-sizing: border-box;
  border: 1px solid #eee;
  border-radius: 3px;
  box-shadow: 1px 1px 5px rgba(0,0,0, 0.5);
}
.resourceListItem .resourceImage .resourceIcon img {
  width: 260px !important;
  height: 250px !important;
}
.resourceListItem .main .title {
  font-weight: bold;
  font-size: 18px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.resourceListItem .main .title a {
  font-size: 20px;
  font-family: 'Segoe UI',Arial,sans-serif;
  letter-spacing: -1px;
}
.resourceListItem .main .tagLine,
.resourceListItem .main .resourceDetails {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.resourceListItem .listBlock {
  display: inline !important;
}
.resourceListItem .resourceStats .listBlockInner {
  border-top: 1px solid rgb(229, 229, 229);
  border-left: none;
}
.resourceListItem .main,.resourceListItem .resourceStats {
  border-left: none !important;
  border-right: none !important;
}
.resourceListItem .resourceImage .creatorMini img {
  width: 48px !important;
  height: 48px !important;
}

.resourceListItem .resourceImage .creatorMini{
  left: 20px !important;
}
.resourceListItem .resourceImage .creatorMini {
    opacity: 0; 
    transition: visibility 0s linear 0.5s,opacity 0.5s linear; 
}
.resourceListItem:hover .creatorMini {
    opacity: 1;
}