ویژه جلوه دادن به ظاهر تالارها و جداسازی تالارها از یک دیگر

[XF Father]

سلام


[HIDESHOWTOGROUPS=12,4,13,3,10,11,6,5,7]
کد زیر را در extra.less قرار دهید.

*علاوه در جدا شدن تالارها از یکدیگر ، هنگام قرار دادن نشانگر موس روی تالار ، آیکون تالار به سمت بالا تکان می‌خورد.

/**Changing the view of nodes**/
.block-tabHeader .tabs-tab {
    padding: 15px;
}

.message-cell.message-cell--solutionHeader {
    padding: 20px 10px;
}

.structItem:hover{
   
    background: #f8ffff;
   
}

.node {
margin-top: 15px;
border-radius: 10px;
background: linear-gradient(to left, #fafafa, #fff);
color: var(--text-color-white);
box-shadow: 0px 2px 3px rgba(31,30,47,0.03);
padding: 15px 16px;  
}

.node:hover {
background: #f8ffff;
   
}

.node-description {
    font-size: 13px;
    color: #505050;
    background: #eee;
    padding: 5px 10px;
    border-radius: 10px;
    margin-top: 5px;
}

/* Delete the following lines if you don't want an effect on your forum icons*/
.block-body .node-body:hover .node-icon {
    transform: translateY(-7px);
}
.node-icon {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
/*END of effects*/

.block--category .block-container {
    border: 0px;
    background: transparent;
}

.node-stats > dl.pairs.pairs--rows {
    padding: 0 5px;
    border-right: 1px solid #e0e0e0;
}
/**Changing the view of nodes**/

[/HIDESHOWTOGROUPS]

نتیجه :

قبل:

.
بعد: