netypareo purple neumorphic by erwanclx

/* ==UserStyle==
@name         netypareo purple neruumorphic
@version      20220512.10.41
@namespace    userstyles.world/user/erwanclx
@description  modify the netypareo interface for a mdoernest interface
@author       erwanclx
@license      No License
==/UserStyle== */

@-moz-document domain("formations.cci-paris-idf.fr") {
.fil-actu-627b85f7e30cf439779029 {
    background: #e0e0e0;
}

.page-header,
.footer-primary,
.dropdown-menu-cadre.dropdown-menu-with-dark-selected .menu-item:not(.unselectable).active > a,
.dropdown-menu-cadre.dropdown-menu-with-dark-selected .menu-item:not(.unselectable).active:hover > a {
    /*     background: linear-gradient(to top, #26393c, #3b4d50),#293e41; */
    border-radius: 50px;
    background: #e0e0e0;
    box-shadow: 20px 20px 60px #bebebe,
    -20px -20px 60px #ffffff;
}

.page-header,
.page-footer {
    color: #43434d !important;
    text-shadow: none;
}

.page-header {
    color: #43434d !important;
    border-bottom: 0;
}

.page-header-placeholder {
    background: #e0e0e0;
}

.dropdown-menu-cadre .menu-column:first-child::before,
.primary-nav .primary-nav-item:hover > a::before {
    content: "";
    position: absolute;
    display: block;
    background: linear-gradient(90deg, rgba(101, 45, 226, 1) 0%, rgba(216, 0, 224, 1) 100%);
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(101, 45, 226, 1), inset 0 -1px 0 rgba(216, 0, 224, 1);
    bottom: 0;
    left: 0;
    top: auto;
    right: auto;
    width: 100%;
    height: 3px;
}

.page-header-search-toggle:hover,
.primary-nav .primary-nav-item:hover > a,
.user-info:hover > a {
    background: #e0e0e0;
    color: #fff;
    text-decoration: none;
}

.primary-nav-item > a {
    color: #43434d !important;
}

.page-header-divider::before {
    left: -1px;
    background: none;
}

.page-header-divider {
    display: none;
}


.primary-nav .primary-nav-item.enabled > a::before,
.primary-nav .primary-nav-item.enabled:hover > a::before,
.modal .modal-tabs .nav-item.active > a::before {

    content: "";
    position: absolute;
    display: block;
    background: linear-gradient(90deg, rgba(101, 45, 226, 1) 0%, rgba(216, 0, 224, 1) 100%);
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(101, 45, 226, 1), inset 0 -1px 0 rgba(216, 0, 224, 1);
    bottom: 0;
    left: 0;
    top: auto;
    right: auto;
    width: 100%;
    height: 3px;
}

.primary-nav .primary-nav-item.enabled > a,
.primary-nav .primary-nav-item.enabled:hover > a {
    border-radius: 0px;
    background: #e0e0e0;
    box-shadow: inset 4px 4px 8px #c3c3c3,
    inset -4px -4px 8px #fdfdfd;
}

.user-info > a {
    background: #e0e0e0;
    display: block;
    font-weight: 400;
    white-space: nowrap;
}

.user-info .user-info-label {
    box-sizing: border-box;
    padding: 3px 10px;
    font-size: 14px;
    line-height: 19px;
    color: #43434d !important;
}

.user-info .user-info-arrow-down {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-left: 5.5px solid transparent;
    border-right: 5.5px solid transparent;
    border-top: 9px solid #7d7d7d;
    transition: all 0.4s;
    margin-right: 10px;
}
.page-header-search-toggle:hover .user-info-arrow-down,
.primary-nav .primary-nav-item:hover > a .user-info-arrow-down,
.user-info:hover > a .user-info-arrow-down {
    border-top-color: #5d5d6d;
}
.primary-nav .primary-nav-item.active > a,
.primary-nav .primary-nav-item.active:hover > a,
.user-info.active > a {
    border-radius: 0px;
    background: #e0e0e0;
    box-shadow: inset 4px 4px 8px #c3c3c3,
    inset -4px -4px 8px #fdfdfd;
}

primary-nav .primary-nav-item.active > a .user-info-arrow-down,
.user-info.active > a .user-info-arrow-down {
    border-top-color: #652de2;
}

.dropdown-menu-cadre .menu-column {
    border-radius: 0px;
    background: linear-gradient(145deg, #f0f0f0, #cacaca);
    box-shadow: 7px 7px 13px #c3c3c3,
    -7px -7px 13px #fdfdfd;
}

.dropdown-menu-cadre .menu-item:hover > a {
    background: none;
    font-weight: normal;
}

ul.actions-list > li:not(.disabled):hover > a,
.autocomplete-item:not(.disabled):hover > a,
.card-list > li:not(.disabled):hover > a,
.menu-item:not(.disabled):hover > a,
ul.actions-list > li:not(.disabled):hover > a *,
.autocomplete-item:not(.disabled):hover > a *,
.card-list > li:not(.disabled):hover > a *,
.menu-item:not(.disabled):hover > a *,
ul.actions-list > li:not(.disabled).target > a,
.autocomplete-item:not(.disabled).target > a,
.card-list > li:not(.disabled).target > a,
.menu-item:not(.disabled).target > a,
ul.actions-list > li:not(.disabled).target > a *,
.autocomplete-item:not(.disabled).target > a *,
.card-list > li:not(.disabled).target > a *,
.menu-item:not(.disabled).target > a * {
    color: #43434d;
    text-decoration: underline;
    text-shadow: none;
}

.menu-divider {
    display: none;
}

.menu-item:active ul.actions-list > li:not(.disabled):active > a,
.autocomplete-item:not(.disabled):active > a,
.card-list > li:not(.disabled):active > a,
.menu-item:not(.disabled):active > a,
ul.actions-list > li:not(.disabled):active > a *,
.autocomplete-item:not(.disabled):active > a *,
.card-list > li:not(.disabled):active > a *,
.menu-item:not(.disabled):active > a *,
ul.actions-list > li:not(.disabled).target > a,
.autocomplete-item:not(.disabled).target > a,
.card-list > li:not(.disabled).target > a,
.menu-item:not(.disabled).target > a,
ul.actions-list > li:not(.disabled).target > a *,
.autocomplete-item:not(.disabled).target > a *,
.card-list > li:not(.disabled).target > a *,
.menu-item:not(.disabled).target > a * {
    border-radius: 0px;
    background: #e0e0e0;
    box-shadow: inset 4px 4px 8px #c3c3c3,
    inset -4px -4px 8px #fdfdfd;
}

.content.shown,
.page-footer.shown {
    visibility: visible;
    opacity: 1;
    background: #e0e0e0;
}

.category-header {
    display: flex;
    align-items: center;
    background: #e0e0e0;
    padding: 9px 15px;
    min-height: 40px;
}

.tab-pills .tab-item.active a {
    background-image: linear-gradient(to right, #DA22FF 0%, #9733EE 51%, #DA22FF 100%);
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
}

.tab-pills:hover .tab-item.active a:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
}

.btn-primary, .combo-box-green .label, .disabled.btn-primary, .combo-box-green .disabled.label, .btn-primary:disabled, .combo-box-green .label:disabled, .btn-primary:focus.disabled, .combo-box-green .label:focus.disabled, .btn-primary:focus:disabled, .combo-box-green .label:focus:disabled, .btn-primary:hover.disabled, .combo-box-green .label:hover.disabled, .btn-primary:hover:disabled, .combo-box-green .label:hover:disabled, .btn-primary:active.disabled, .combo-box-green .label:active.disabled, .btn-primary:active:disabled, .combo-box-green .label:active:disabled, .active.disabled.btn-primary, .combo-box-green .active.disabled.label, .active.btn-primary:disabled, .combo-box-green .active.label:disabled {
    background-image: linear-gradient(to right, #DA22FF 0%, #9733EE 51%, #DA22FF 100%);
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
    border: none;
    margin: auto;
}

.btn-primary:hover, .combo-box-green:hover .label:hover, .disabled.btn-primary:hover, .combo-box-green:hover .disabled.label:hover, .combo-box-green:hover, .combo-box-green:hover, .btn-primary:hover, .combo-box-green:hover , .btn-primary:hover, .combo-box-green:hover .label:hover, .btn-primary:hover, .combo-box-green:hover .label:hover, .btn-primary:active.disabled:hover, .combo-box-green:hover .label:active.disabled, .btn-primary:active:disabled, .combo-box-green .label:active:disabled, .active.disabled.btn-primary, .combo-box-green .active.disabled.label, .active.btn-primary:disabled, .combo-box-green .active.label:disabled {
    background-position: right center;
    color: #fff;
    text-decoration: none;
    background-image: linear-gradient(to right, #DA22FF 0%, #9733EE 21%, #DA22FF 100%);
}

.text-success, .text-green {
  background: linear-gradient(90deg, rgba(216,0,224,1) 0%, rgba(101,45,226,1) 100% );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.newsfeed-group-title {
  padding: 12px 10px;
    padding-top: 12px;
  font-family: "OpenSansCondensed",sans-serif;
  font-size: 16px;
  text-transform: uppercase;
    color: #5d5d6d;
}

.block {
background: #e0e0e0;
}

.block .block-body {
  box-sizing: border-box;
  width: 100%;
  border: 0;
}

.planning .planning-row-headers .planning-header {
  position: relative;
  box-sizing: border-box;
  padding: 3px;
  width: 47px;
  border-bottom: 0;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.planning .planning-row-headers {
  position: absolute;
  top: 33px;
  left: 0;
  box-sizing: border-box;
  width: 47px;
  border: 0;
  border-top: none;
  overflow: hidden;
}

.block .block-toolbar {
  padding: 5px 7px;
  border: 0;
  background-color: #e0e0e0;
}

#jour-precedent-button, #jour-suivant-button {
    border-radius: 138px;
background: linear-gradient(145deg, #f0f0f0, #cacaca);
box-shadow:  7px 7px 15px #bebebe,
             -7px -7px 15px #ffffff;
    border: none;
}

#jour-precedent-button::before, #jour-suivant-button::before {
    transition: all 0.5s;
}

#jour-precedent-button:hover::before, #jour-suivant-button:hover::before {
 ...