609 lines
14 KiB
CSS
609 lines
14 KiB
CSS
/* DEFAULT FORBION */
|
|
|
|
#body-login,
|
|
#body-settings {
|
|
--color-primary-element: #5e922b;
|
|
--color-primary-element-hover: #68a230;
|
|
--color-background-plain: #f0f2f5;
|
|
--image-background: none;
|
|
}
|
|
|
|
|
|
[data-theme-light] {
|
|
|
|
--color-text-error: #D42722 !important;
|
|
--color-text-success: #356B00 !important;
|
|
|
|
/* warring */
|
|
|
|
--color-element-warning: #D7AC00 !important;
|
|
--color-warning: #FFF0B5 !important;
|
|
--color-warning-hover: #F8E188 !important;
|
|
--color-warning-text: #594800 !important;
|
|
--color-warning-rgb: rgb(255, 240, 181) !important;
|
|
|
|
|
|
/* error */
|
|
|
|
--color-element-error: #D74642 !important;
|
|
--color-error: #FFE2E2 !important;
|
|
--color-error-hover: #E6B5B4 !important;
|
|
--color-error-text: #692523 !important;
|
|
--color-error-rgb: rgb(255, 226, 226) !important;
|
|
|
|
/* success */
|
|
|
|
--color-element-success: #70B62B !important;
|
|
--color-success: #E3F4D2 !important;
|
|
--color-success-hover: #C2DFA5 !important;
|
|
--color-success-text: #355714 !important;
|
|
--color-success-rgb: rgb(227, 244, 210) !important;
|
|
|
|
/* info */
|
|
|
|
--color-element-info: #2B88B6 !important;
|
|
--color-info: #D1E8F4 !important;
|
|
--color-info-hover: #B6E3FA !important;
|
|
--color-info-text: #154E6B !important;
|
|
--color-info-rgb: rgb(209, 232, 244) !important;
|
|
}
|
|
|
|
|
|
|
|
html {
|
|
|
|
&.no-scroll {
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
|
|
*::selection {
|
|
background: rgb(179, 255, 192) !important;
|
|
color: rgb(0, 0, 0) !important;
|
|
}
|
|
|
|
*::-moz-selection {
|
|
background: rgb(179, 255, 192) !important;
|
|
color: rgb(0, 0, 0) !important;
|
|
}
|
|
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
outline: none !important;
|
|
}
|
|
|
|
/* Chrome, Edge, Safari */
|
|
*::-webkit-scrollbar {
|
|
width: 3px !important;
|
|
height: 3px !important;
|
|
}
|
|
|
|
*::-webkit-scrollbar-thumb {
|
|
background-color: #808080 !important;
|
|
border-radius: 4px !important;
|
|
}
|
|
|
|
*::-webkit-scrollbar-track {
|
|
background-color: #fff !important;
|
|
}
|
|
|
|
*::-webkit-scrollbar-button {
|
|
display: none !important;
|
|
}
|
|
|
|
/* tool for header */
|
|
.global-tooltip {
|
|
font-family: 'Raleway';
|
|
position: fixed;
|
|
z-index: 999999;
|
|
background-color: #333;
|
|
color: white;
|
|
padding: 4px 8px;
|
|
border-radius: 4px;
|
|
white-space: nowrap;
|
|
font-weight: 600;
|
|
font-size: 12px;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
|
|
transition: opacity 0.2s ease-out;
|
|
transition: opacity .12s ease;
|
|
transform: translateY(-50%);
|
|
will-change: transform, left, top, opacity;
|
|
}
|
|
|
|
.global-tooltip.visible {
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
}
|
|
/* --tool for header-- */
|
|
|
|
|
|
#body-login {
|
|
--color-background-plain: var(--backgroud-color-main-darkgray) !important;
|
|
|
|
& .wrapper {
|
|
margin: 20px 0 110px;
|
|
--color-primary-element: #70B62B !important;
|
|
--color-primary-element-hover: #6faf2e !important;
|
|
--color-primary-element-light-hover: #ffffff !important;
|
|
|
|
& #header {
|
|
|
|
margin: 0 auto 48px;
|
|
width: 300px;
|
|
height: 70px;
|
|
position: static;
|
|
|
|
& .logo {
|
|
|
|
position: relative;
|
|
background-image: url("/themes/forbion/images/login/big-forbion.svg");
|
|
width: 100%;
|
|
height: 100%;
|
|
filter: unset !important;
|
|
}
|
|
}
|
|
|
|
& fieldset input[value="Сохранить"]{
|
|
background-color: #70B62B !important;
|
|
color: #FFFFFF !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
html {
|
|
background: var(--backgroud-color-main-darkgray);
|
|
}
|
|
|
|
* {
|
|
|
|
--color-primary-element-text: white !important;
|
|
|
|
--backgroud-color-main-litegray: #F5F5F5;
|
|
--backgroud-color-main-darkgray:#e5efe8; /*#E0E0E0*/
|
|
--color-background-hover:#e5efe8a8 !important;
|
|
|
|
--color-primary-element-light: #70B62B1A !important;
|
|
--color-primary-element-light-text:#000 !important;
|
|
|
|
|
|
--global-margin: 7px;
|
|
--main-margin-panels: 5px;
|
|
}
|
|
|
|
#body-user .content.app-profile {
|
|
& #app-content-vue {
|
|
border-radius: 8px;
|
|
|
|
& .profile__header {
|
|
background-color: #F1F8EA;
|
|
}
|
|
|
|
& .profile__wrapper {
|
|
& .user-actions {
|
|
display: none;
|
|
& .user-actions__primary.button-vue.button-vue--size-normal.button-vue--icon-and-text.button-vue--vue-primary .button-vue__icon {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#body-login .logo {
|
|
width: 307px !important;
|
|
height: 130px;
|
|
filter: unset !important;
|
|
}
|
|
|
|
#body-login .icon-search,
|
|
body .icon-search-dark {
|
|
background-image: var(--icon-search-white) !important;
|
|
}
|
|
|
|
#body-login .guest-box,
|
|
.body-login-container {
|
|
--color-text-maxcontrast: black;
|
|
--color-main-text: black;
|
|
color: black;
|
|
background-color: white;
|
|
box-shadow: 0 0 10px #00000021;
|
|
-webkit-backdrop-filter: var(--filter-background-blur);
|
|
backdrop-filter: var(--filter-background-blur);
|
|
}
|
|
|
|
body#body-settings {
|
|
position: relative;
|
|
background: var(--backgroud-color-main-darkgray);
|
|
display: flex;
|
|
padding: var(--global-margin) !important;
|
|
height: 100vh;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
}
|
|
|
|
body#body-user {
|
|
position: relative;
|
|
background: var(--backgroud-color-main-darkgray);
|
|
display: flex;
|
|
padding: var(--global-margin) !important;
|
|
height: 100vh;
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
#content {
|
|
height: 100%;
|
|
width: 100% !important;
|
|
margin: 0 0 0 0px;
|
|
position: static !important;
|
|
border-radius: 0px !important;
|
|
}
|
|
|
|
#content-vue {
|
|
width: 100% !important;
|
|
max-width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
margin: 0 0 0 0px;
|
|
padding: 0 !important;
|
|
gap: var(--main-margin-panels);
|
|
border-radius: 0px !important;
|
|
}
|
|
|
|
body #content-vue .app-navigation {
|
|
background-color: transparent !important;
|
|
width: 256px !important;
|
|
}
|
|
|
|
body #content-vue .app-navigation.app-navigation--close {
|
|
background: transparent;
|
|
width: 296px !important;
|
|
}
|
|
|
|
body #content-vue .app-navigation.app-navigation--closed {
|
|
background: transparent;
|
|
width: 296px !important;
|
|
}
|
|
|
|
#content-vue #app-content-vue {
|
|
background: var(--backgroud-color-main-darkgray);
|
|
}
|
|
|
|
#content-vue #app-content-vue button.button-vue--vue-secondary {
|
|
background: #70B62B;
|
|
color: #ffffff;
|
|
font-family: 'Raleway';
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
transition: opacity .3s;
|
|
}
|
|
|
|
#content-vue #app-content-vue button.button-vue--vue-secondary:hover {
|
|
opacity: .75;
|
|
}
|
|
|
|
#content-vue #app-content-vue .material-design-icon.plus-icon {
|
|
position: relative;
|
|
display: flex;
|
|
align-content: center;
|
|
justify-content: center;
|
|
width: 18px;
|
|
height: 20px;
|
|
}
|
|
|
|
#content-vue #app-content-vue .material-design-icon.plus-icon svg {
|
|
display: none;
|
|
}
|
|
|
|
#content-vue #app-content-vue .material-design-icon.plus-icon:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 100%;
|
|
height: 100%;
|
|
background-image: url("/themes/forbion/images/new-plus.svg");
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
#content-vue #app-content-vue button.button-vue--vue-secondary .button-vue__text {
|
|
margin-left: 2px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#content-vue .splitpanes.default-theme .splitpanes__pane-list {
|
|
margin: 0px var(--main-margin-panels) 0px 0px !important;
|
|
border-radius: 8px;
|
|
background: #ffffff;
|
|
}
|
|
|
|
#content-vue .splitpanes.default-theme .splitpanes__pane-details {
|
|
border-radius: 8px;
|
|
background: #ffffff;
|
|
}
|
|
/*
|
|
#content-vue .splitpanes__splitter {
|
|
display: none;
|
|
}*/
|
|
|
|
#content-vue .app-content__empty {
|
|
padding: 0 25px;
|
|
}
|
|
|
|
#content-vue .empty-content__icon {
|
|
margin-bottom: 20px;
|
|
padding: 45px;
|
|
background: #FFFFFF;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
opacity: 1;
|
|
}
|
|
|
|
#content-vue .empty-content__name {
|
|
font-size: 24px;
|
|
line-height: 32px;
|
|
margin-bottom: 14px;
|
|
}
|
|
|
|
#content-vue .empty-content__action {
|
|
margin-top: 0;
|
|
}
|
|
|
|
#content-vue .app-navigation.app-navigation--close+.app-content .splitpanes.default-theme .splitpanes__pane-list {
|
|
margin-left: 0;
|
|
}
|
|
|
|
#content-vue .app-navigation.app-navigation--close #app-navigation-vue {
|
|
opacity: 0;
|
|
}
|
|
|
|
|
|
.material-design-icon.folder-icon.thumbnail:after {
|
|
background-image: url('/themes/forbion/images/files-black.svg') !important;
|
|
content: '';
|
|
width: 100%;
|
|
height: 100%;
|
|
min-height: 32px;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
.material-design-icon.folder-icon.thumbnail>svg {
|
|
display: none;
|
|
}
|
|
|
|
.material-design-icon.folder-icon.thumbnail:after {
|
|
background-image: url('/themes/forbion/images/files-black.svg') !important;
|
|
content: '';
|
|
width: 100%;
|
|
height: 100%;
|
|
min-height: 32px;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
.material-design-icon.folder-icon.thumbnail>svg {
|
|
display: none;
|
|
}
|
|
|
|
@media only screen and (max-width: 1023px) {
|
|
#content-vue {
|
|
|
|
width: auto;
|
|
max-width: unset;
|
|
|
|
& .app-navigation__search {
|
|
background-color: #fff;
|
|
}
|
|
}
|
|
}
|
|
|
|
/*userprofile*/
|
|
|
|
.app-profile {
|
|
.profile__header[data-v-8ecdffca] {
|
|
position: absolute;
|
|
top: 140px;
|
|
width: 100%;
|
|
height: unset;
|
|
|
|
& .profile__header__container[data-v-8ecdffca] {
|
|
display: flex;
|
|
justify-content: center;
|
|
|
|
& .profile__header__container__displayname {
|
|
margin-block: 200px 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-right: 20px;
|
|
|
|
&>a {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.profile__wrapper[data-v-8ecdffca] {
|
|
|
|
& .profile__content {
|
|
& .profile__sidebar {
|
|
/*position: relative;*/
|
|
/*padding-top: 260px;*/
|
|
width: 100%;
|
|
margin-bottom: 180px;
|
|
margin-top: 120px;
|
|
|
|
& .user-actions[data-v-8ecdffca] {
|
|
margin-top: 70px;
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& .profile__blocks[data-v-8ecdffca] {
|
|
margin: 20px 0 80px 0;
|
|
|
|
& .empty-content[data-v-fede0c71] {
|
|
margin-top: 50px;
|
|
|
|
& .empty-content__icon {
|
|
& .material-design-icon.account-icon {
|
|
&>svg {
|
|
display: none;
|
|
}
|
|
|
|
&:after {
|
|
background-image: url('/themes/forbion/images/user-big.png') !important;
|
|
content: '';
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: cover;
|
|
width: 90px;
|
|
height: 90px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.poll-card {
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
.v-popper__wrapper .searchable-list__wrapper {
|
|
width: unset !important;
|
|
}
|
|
|
|
.searchable-list__list .button-vue__text {
|
|
margin-bottom: 10px;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.searchable-list__list .button-vue--vue-tertiary {
|
|
margin-bottom: 10px;
|
|
padding-left: 10px !important;
|
|
height: 34px !important;
|
|
}
|
|
|
|
.input-field__main-wrapper .input-field__label {
|
|
display: none;
|
|
}
|
|
|
|
/*.input-field__main-wrapper .input-field__icon--leading{
|
|
top: 5px;
|
|
}
|
|
.input-field__main-wrapper .input-field__input{
|
|
height: 30px !important;
|
|
}*/
|
|
|
|
.modal-mask.first-run-wizard {
|
|
display: none !important;
|
|
}
|
|
|
|
.modal-mask {
|
|
|
|
& .unified-search-modal__header {
|
|
|
|
& .input-field {
|
|
|
|
height: 40px;
|
|
|
|
& .input-field__main-wrapper {
|
|
|
|
height: 40px;
|
|
|
|
& input {
|
|
|
|
height: 40px !important;
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
& .unified-search-modal__filters {
|
|
margin-top: 8px;
|
|
|
|
&>div {
|
|
|
|
& button {
|
|
background: rgb(112, 182, 43) !important;
|
|
transition: opacity .2s;
|
|
|
|
&:hover {
|
|
background: rgb(112, 182, 43) !important;
|
|
opacity: .75 !important;
|
|
}
|
|
}
|
|
|
|
& .button-vue__icon {
|
|
svg {
|
|
fill: #ffffff;
|
|
}
|
|
}
|
|
|
|
& .button-vue__text {
|
|
color: #FFFFFF !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
& .unified-search-modal__filters-applied {
|
|
|
|
& .chip {
|
|
|
|
background: rgb(112, 182, 43) !important;
|
|
transition: opacity .2s;
|
|
}
|
|
}
|
|
|
|
& .text {
|
|
color: #FFFFFF;
|
|
}
|
|
}
|
|
|
|
& .unified-search-custom-date-modal {
|
|
|
|
h1 {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
& .unified-search-custom-date-modal__pickers {
|
|
|
|
& input {
|
|
height: 40px !important;
|
|
}
|
|
}
|
|
|
|
& .unified-search-custom-date-modal__footer {
|
|
margin-top: 25px !important;
|
|
}
|
|
|
|
.button-vue {
|
|
background-color: rgb(112, 182, 43) !important;
|
|
|
|
& .button-vue__icon {
|
|
svg {
|
|
fill: #ffffff;
|
|
}
|
|
}
|
|
|
|
& .button-vue__text {
|
|
color: #FFFFFF !important;
|
|
}
|
|
}
|
|
}
|
|
}
|