User:Dr.Bryan/ModernProfile.css

/* Профиль в модерн стиле с полностью адаптивными цветовыми переменными */

/* Восстановление отступов профиля */ background-color: transparent; padding: 0px; border-top: 1px solid var(--theme-accent-color--hover); }   background: rgb(var(--theme-article-text-color--rgb), .05); margin-bottom: 0px !important; }   min-height: 170px !important; }	background: var(--theme-accent-color) ; padding: 10px 20px 0px 148px; width: calc(100% + 30px); position: relative; left: -198px; top: -8px; color: var(--theme-accent-label-color); }	opacity: .8; }   border: none; color: var(--theme-accent-label-color); opacity: .5; transition: .5s; }	background-color: var(--wds-primary-button-background-color--hover); opacity: 1; transition: .5s; }   background-color: var(--theme-accent-color--hover); color: var(--oasis-article-text-mix-95); }   margin: -2px 0px 10px 50px; } .user-identity-box .user-identity-avatar__image { border: solid 2px var(--theme-accent-color) !important; margin: 14px 0px 0px 28px; position: relative; z-index: 1; } /* Социальные иконки */ .user-identity-box__info { margin: 0px 0px 0px 30px !important; } .user-identity-social__icon { color: var(--theme-accent-color) !important; }	background-color: var(--theme-article-background-color)!important; padding: 5px 10px; box-shadow: 0px 2px 5px gray; }	border-bottom-color: var(--theme-article-background-color) !important; } .user-profile-editor__form .wds-fieldset { padding-top: 25px !important; }
 * 1) userProfileApp {
 * 1) userProfileApp .user-identity-box {
 * 1) userProfileApp .user-identity-avatar {
 * 1) userProfileApp .user-identity-header {
 * 1) userProfileApp .user-identity-header h1,
 * 2) userProfileApp .user-identity-header h2 {
 * 1) userProfileApp .user-identity-header__button.wds-is-secondary {
 * 1) userProfileApp .user-identity-header__button.wds-is-secondary:hover {
 * 1) userProfileApp .user-identity-header__tag {
 * 1) userProfileApp .user-identity-header__attributes {
 * 1) userProfileApp .user-identity-social__icon-tooltip {
 * 1) userProfileApp .user-identity-social .wds-dropdown:after {

/* Редактор профиля */ background: rgb(var(--theme-article-text-color--rgb), .05); color: var(--theme-article-text-color); } .modal-wrapper__main { padding-bottom: 0 !important; } .modal-wrapper__header { background: var(--theme-accent-color); margin-bottom: -44px !important; padding: 0px 8px !important; height: 53px !important; color: var(--theme-accent-label-color)!important; } .modal-wrapper__header h3 { display: none; } .user-profile-editor__avatar .user-identity-avatar__image { border: solid 2px var(--theme-accent-color) !important; margin: 4px 0px 0px 10px; } .user-identity-avatar__image { box-shadow: 0 0 10px rgb(0 0 0 / 50%); } .user-identity-avatar__actions { position: relative; z-index: 1; bottom: 25px !important; border-radius: 50%; box-shadow: 0 0 10px rgb(0 0 0 / 50%); transition: .5s; } @media (min-width: 1084px) { .user-identity-avatar__actions { opacity: .4; } } .user-identity-avatar__actions:hover { opacity: 1; } .modal-wrapper__cta-button, .wds-button.wds-is-square { position: relative; z-index: 1; color: var(--theme-accent-label-color)!important; }	opacity: .8; margin-left: 12px; font-size: 28px; color: var(--theme-accent-label-color)!important; }
 * 1) userProfileApp .modal-wrapper {
 * 1) userProfileApp .modal-wrapper h1 {

/* Вкладки в профиле */ border-bottom: none !important; margin-right: -1px; } /*    background-color: var(--oasis-europa-background-color); */ border-bottom-color: var(--theme-accent-color) !important; } /*    background-color: var(--oasis-europa-background-color); */ }   color: var(--theme-accent-color--hover); }   color: var(--theme-link-color); }	padding: 5px; width: 100%; text-align: center !important; border-bottom: 4px solid; border-bottom-color: var(--theme-article-accent-mix-50) !important; transition: .2s; }	border-bottom-color: var(--theme-accent-color) !important; opacity: 1; transition: .2s; } color: var(--theme-link-color); display: inline-block; }
 * 1) userProfileApp .user-profile-navigation {
 * 1) userProfileApp .user-profile-navigation__link.is-active {
 * 1) userProfileApp .user-profile-navigation__link.false {
 * 1) userProfileApp .user-profile-navigation__link.is-active a {
 * 1) userProfileApp .user-profile-navigation__link a {
 * 1) userProfileApp .user-profile-navigation__link {
 * 1) userProfileApp .user-profile-navigation__link.false:hover {
 * 1) userProfileApp .user-profile-navigation__link.false:hover a {