обводка блоков crmp online

[Platon Pluxury]

вставлять в extra.less

.p-body-sidebar .block {
    position: relative;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    overflow: hidden
}
 
.p-body-sidebar .block {
    position: relative;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    background: var(--xf-contentBg) !important;
    overflow: hidden
}
 
.p-body-sidebar .block {
    border: 2px solid #ff9800 !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    transition: all .4s ease !important;
    box-shadow: 0 0 15px rgba(255, 152, 0, 0.3)
}
 
.p-body-sidebar .block {
    border: 2px solid #ff9800 !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    transition: border-color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1) !important;
    box-shadow: 0 0 10px rgba(255, 152, 0, 0.4);
    will-change: border-color, box-shadow;
    backface-visibility: hidden;
    transform: translateZ(0)
}
 
.p-body-sidebar .block:hover {
    border-color: #FF5722 !important;
    box-shadow: 0 0 20px rgba(255, 87, 34, 0.8), inset 0 0 10px rgba(255, 152, 0, 0.2) !important;
    animation: smoothGlow .8s ease-out
}
 
@keyframes smoothGlow {
    0% {
        box-shadow: 0 0 10px rgba(255, 152, 0, 0.4), inset 0 0 5px rgba(255, 152, 0, 0.1)
    }
 
    100% {
        box-shadow: 0 0 20px rgba(255, 87, 34, 0.8), inset 0 0 10px rgba(255, 152, 0, 0.2)
    }
}

 

[James_Erlin]

вставлять в extra.less

.p-body-sidebar .block {
    position: relative;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    overflow: hidden
}
 
.p-body-sidebar .block {
    position: relative;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    background: var(--xf-contentBg) !important;
    overflow: hidden
}
 
.p-body-sidebar .block {
    border: 2px solid #ff9800 !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    transition: all .4s ease !important;
    box-shadow: 0 0 15px rgba(255, 152, 0, 0.3)
}
 
.p-body-sidebar .block {
    border: 2px solid #ff9800 !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    transition: border-color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1) !important;
    box-shadow: 0 0 10px rgba(255, 152, 0, 0.4);
    will-change: border-color, box-shadow;
    backface-visibility: hidden;
    transform: translateZ(0)
}
 
.p-body-sidebar .block:hover {
    border-color: #FF5722 !important;
    box-shadow: 0 0 20px rgba(255, 87, 34, 0.8), inset 0 0 10px rgba(255, 152, 0, 0.2) !important;
    animation: smoothGlow .8s ease-out
}
 
@keyframes smoothGlow {
    0% {
        box-shadow: 0 0 10px rgba(255, 152, 0, 0.4), inset 0 0 5px rgba(255, 152, 0, 0.1)
    }
 
    100% {
        box-shadow: 0 0 20px rgba(255, 87, 34, 0.8), inset 0 0 10px rgba(255, 152, 0, 0.2)
    }
}

Посмотреть вложение 17675

как изменить цвет, когда наводишь на блок? там на фоне желтый, не знаю как изменить

 

[Dev_Wenvalbi]

вставлять в extra.less

.p-body-sidebar .block {
    position: relative;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    overflow: hidden
}
 
.p-body-sidebar .block {
    position: relative;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    background: var(--xf-contentBg) !important;
    overflow: hidden
}
 
.p-body-sidebar .block {
    border: 2px solid #ff9800 !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    transition: all .4s ease !important;
    box-shadow: 0 0 15px rgba(255, 152, 0, 0.3)
}
 
.p-body-sidebar .block {
    border: 2px solid #ff9800 !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    transition: border-color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1) !important;
    box-shadow: 0 0 10px rgba(255, 152, 0, 0.4);
    will-change: border-color, box-shadow;
    backface-visibility: hidden;
    transform: translateZ(0)
}
 
.p-body-sidebar .block:hover {
    border-color: #FF5722 !important;
    box-shadow: 0 0 20px rgba(255, 87, 34, 0.8), inset 0 0 10px rgba(255, 152, 0, 0.2) !important;
    animation: smoothGlow .8s ease-out
}
 
@keyframes smoothGlow {
    0% {
        box-shadow: 0 0 10px rgba(255, 152, 0, 0.4), inset 0 0 5px rgba(255, 152, 0, 0.1)
    }
 
    100% {
        box-shadow: 0 0 20px rgba(255, 87, 34, 0.8), inset 0 0 10px rgba(255, 152, 0, 0.2)
    }
}

Посмотреть вложение 17675

На узлы можно

 

[code67]

На узлы можно

если хочешь так:

то:

.block.block--category {
    border: 3px solid #ff9800 !important;
    margin-bottom: 15px !important;
    transition: all .4s ease !important;
    box-shadow: 0 0 15px rgba(255, 152, 0, 0.3)
}

если ты про это:

то:

.node-body {
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 2px solid #ff9800 !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    transition: all .4s ease !important;
    box-shadow: 0 0 15px rgba(255, 152, 0, 0.3)
}