* { font-family: 'Raleway' !important; font-variant-numeric: lining-nums; font-weight: 500; font-size: 14px; letter-spacing: 0; } body { --color-primary-element: #70B62B !important; --color-primary-element-hover: #70B62B !important; --color-primary-element-text: #f3f3f3 !important; --color-primary-element-light: #F5F5F5 !important; --input-border-radius: 34px !important; --default-clickable-area: 28px !important; --button-size: 30px !important; --radio-group-button--color: #000 !important; --color-primary-element-light-text: #808080 !important; & #content-vue.content.app-notes { & #settings-section_undefined, li:has(.navigation-list__link[href="#settings-section_keyboard-shortcuts"]), #settings-section_keyboard-shortcuts--label { display: none; } & .app-navigation-list.app-navigation__list { & .app-navigation-entry-wrapper svg path { color: #808080; } & .material-design-icon.folder-outline-icon svg, .material-design-icon.folder-icon svg { display: none; } & .material-design-icon.folder-outline-icon::before, .material-design-icon.folder-icon::before { background-image: url("/themes/forbion/images/files/folder-gray.svg"); content: ''; width: 16px; height: 16px; background-size: auto; background-position: center; background-repeat: no-repeat; } } & .app-navigation { display: flex; flex-direction: column; position: relative; & .app-navigation-toggle-wrapper .material-design-icon svg { display: none; } & .app-navigation-toggle-wrapper .material-design-icon::before { background-image: url("/themes/forbion/images/notes/close-sidebar-gray.svg"); content: ''; width: 20px; height: 36px; background-size: auto; background-position: center; background-repeat: no-repeat; } & .app-navigation-toggle-wrapper { margin-top: -2px; } & .app-navigation-toggle-wrapper .material-design-icon.menu-icon::before { transform: rotateY(-180deg); } & .app-navigation__content { display: flex; flex-direction: column; position: relative; & .app-navigation__body { overflow-y: unset; flex-grow: 1; & .app-navigation-new { padding: 0 !important; & .button-vue--vue-primary .button-vue__wrapper { color: white; & .button-vue__icon { display: none !important; } & .button-vue__text { position: absolute; left: 45px; font-family: Raleway; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0; } } & .button-vue--vue-primary .button-vue__wrapper:after { background-image: url("/themes/forbion/images/notes/note-white.svg") !important; content: ''; width: 20px; height: 19px; background-size: cover; left: 15px; position: absolute; } & .button-vue--vue-primary:after { content: ''; position: absolute; top: 0; right: 32px; width: 2px; height: 100%; background: #ffffff; pointer-events: none; } &>button { height: 40px; background-color: #70B62B; } &>button:before { content: ''; position: absolute; top: 50%; right: 8px; transform: translateY(-50%); width: 16px; height: 16px; background-image: url("../../../images/plus.svg"); background-repeat: no-repeat; pointer-events: none; } } } & .app-navigation-list.app-navigation__list { background: #ffffff; margin-top: var(--main-margin-panels); border-top-left-radius: 8px; border-top-right-radius: 8px; & .app-navigation-entry { padding-block: 5px; padding-left: 4px; & .app-navigation-entry__name { font-family: Raleway; font-weight: 500; font-size: 14px; /*line-height: 20px;*/ letter-spacing: 0; margin-left: 6px; } } } & .app-navigation-entry__settings { margin: 0; background: #ffffff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; & .material-design-icon.cog-outline-icon svg { display: none; } & .material-design-icon.cog-outline-icon::before { content: ''; width: 16px; height: 16px; background-image: url("/themes/forbion/images/files/settings-gray.svg"); background-repeat: no-repeat; pointer-events: none; } } } } & #app-content-vue { & .welcome-content { & .help-mobile { display: none; } & .feature > button { height: 34px; } } & #note-container { & .icon.icon-picture { background-image: url("/themes/forbion/images/notes/picture-gray-icon.svg") !important; } & .material-design-icon.dots-horizontal-icon svg path{ color: #808080 !important; } } & .app-content-wrapper { & .app-content-list.content-list { & .material-design-icon.dots-horizontal-icon svg path { color: #808080; } & .content-list__search { padding: 0 0 0 36px; & .input-field input { border-radius: 27px; border: 1px solid #D9D9D9; box-shadow: none; } } & li.list-item__wrapper { height: 56px; border-bottom: 1px solid #E6E6E6; & .list-item.list-item--one-line { align-items: center; & .material-design-icon.star-outline-icon svg { display: none; } & .material-design-icon.star-outline-icon::before { background-image: url("/themes/forbion/images/files/star-green-full.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; content:""; width: 16px; height: 16px; } } } } & .splitpanes__pane.splitpanes__pane-list { margin-right: 0px !important; } & .splitpanes__splitter { background-color: transparent; width: 5px !important; } & .editor { & .content-wrapper .editor__content .is-empty[data-placeholder="Start writing or type '/' to add…"]::before { content: "Начните писать или введите '/' для добавления…" !important; } & .text-menubar { & .text-menubar__entries { justify-content: center; margin-left: 0px; } & .text-menubar__slot { & .v-popper.session-list>div:has(button[aria-label="Активные пользователи"]) {} } } & .code-block-header { margin-top: 13px !important; } & .text-menubar__entries { & .alert-icon { &:after { background-image: url("/themes/forbion/images/warning-black.svg") !important; content: ''; width: 18px; height: 18px; background-size: cover; } & svg { display: none; } } & .checkbox-marked-circle-icon { &:after { background-image: url("/themes/forbion/images/success-black.svg") !important; content: ''; width: 16px; height: 16px; background-size: cover; } & svg { display: none; } } & .information-icon { &:after { background-image: url("/themes/forbion/images/info-black.svg") !important; content: ''; width: 17px; height: 17px; background-size: cover; } & svg { display: none; } } & .alert-decagram-icon { &:after { background-image: url("/themes/forbion/images/error-black.svg") !important; content: ''; width: 16px; height: 17px; background-size: cover; } & svg { display: none; } } } & .v-popper__inner { font-family: Raleway !important; padding-block: 4px !important; padding-inline: 10px !important; & .action-separator, .action-menu-outline { display: none; } & .format-header1-icon, .format-header2-icon, .format-header3-icon, .format-header4-icon, .format-header5-icon, .format-header6-icon { display: none; } .format-header1-icon~.action-button__text, .format-header1-icon+.action-button__text { font-size: 30px !important; } .format-header2-icon~.action-button__text, .format-header2-icon+.action-button__text { font-size: 26px !important; } .format-header3-icon~.action-button__text, .format-header3-icon+.action-button__text { font-size: 23px !important; } .format-header4-icon~.action-button__text, .format-header4-icon+.action-button__text { font-size: 20px !important; } .format-header5-icon~.action-button__text, .format-header5-icon+.action-button__text { font-size: 17px !important; } .format-header6-icon~.action-button__text, .format-header6-icon+.action-button__text { font-size: 15px !important; } & .material-design-icon.folder-icon { background-image: url('/themes/forbion/images/folder-black.svg'); background-repeat: no-repeat; background-position: center; background-size: cover; width: 16px; height: 16px; margin-right: 7px; } & .material-design-icon.folder-icon>svg { display: none; } & .material-design-icon.upload-icon { background-image: url('/themes/forbion/images/upload-black.svg'); background-repeat: no-repeat; background-position: center; background-size: cover; width: 16px; height: 16px; margin-right: 12px; } & .material-design-icon.upload-icon>svg { display: none; } & .alphabetical-variant-icon { &:after { background-image: url(/themes/forbion/images/abc-black.svg) !important; content: ''; width: 18px; height: 18px; background-size: cover; } & svg { display: none; } } & .help-circle-icon { &:after { background-image: url(/themes/forbion/images/quest-black.svg) !important; content: ''; width: 18px; height: 18px; background-size: cover; } & svg { display: none; } } & .file-document-icon { &:after { background-image: url(/themes/forbion/images/link-icon.svg) !important; content: ''; width: 18px; height: 18px; background-size: cover; } & svg { display: none; } } & .alert-icon { &:after { background-image: url(/themes/forbion/images/warning-yellow.svg) !important; content: ''; width: 18px; height: 18px; background-size: cover; } & svg { display: none; } } & .checkbox-marked-circle-icon { &:after { background-image: url(/themes/forbion/images/success-green.svg) !important; content: ''; width: 16px; height: 17px; background-size: cover; } & svg { display: none; } } & .information-icon { &:after { background-image: url(/themes/forbion/images/info-purple.svg) !important; content: ''; width: 17px; height: 17px; background-size: cover; } & svg { display: none; } } & .alert-decagram-icon { &:after { background-image: url(/themes/forbion/images/error-red.svg) !important; content: ''; width: 16px; height: 17px; background-size: cover; } & svg { display: none; } } & li { margin-top: 8px; margin-bottom: 8px; & .action-button__text { margin-left: 6px; font-family: Raleway !important; font-weight: 500 !important; font-size: 14px !important; /*line-height: 20px !important;*/ letter-spacing: 0 !important; } } } & .text-menubar { width: 99%; margin: 16px 5px; border: 1px solid #E6E6E6 !important; border-radius: 8px; padding: 25px; } & .text-menubar__entries { margin-left: unset !important; justify-content: center; gap: 8px !important; & .button-vue { /*margin-right: 10px;*/ background: #ffffff !important; --button-size: 30px !important; color: #000000 !important; } & .button-vue.button-vue--vue-primary {} & .material-design-icon.paperclip-icon { background-image: url('/themes/forbion/images/image-black.svg'); background-repeat: no-repeat; background-position: center; background-size: cover; width: 16px; height: 16px; } & .material-design-icon.paperclip-icon>svg { display: none; } } & .content-wrapper.text-editor__content-wrapper { margin: 16px 5px; min-height: calc(100vh - 246px); border: 1px solid #E6E6E6 !important; border-radius: 8px; display: block !important; & table { & tr { height: 43px !important; min-height: 43px !important; & th { vertical-align: middle !important; } & td { vertical-align: middle !important; } } } & .editor--outline { position: unset !important; } } & .callout { border-radius: 0 !important; --color-warning: #F6E120 !important; --color-success: #70B62B !important; --color-error: #D74642 !important; --color-info: #9747FF !important; & .alert-icon.callout__icon { &:after { background-image: url(/themes/forbion/images/warning-yellow.svg) !important; content: ''; width: 16px; height: 16px; background-size: cover; } & svg { display: none; } } & .checkbox-marked-circle-icon.callout__icon { &:after { background-image: url(/themes/forbion/images/success-green.svg) !important; content: ''; width: 16px; height: 16px; background-size: cover; } & svg { display: none; } } & .information-icon.callout__icon { &:after { background-image: url(/themes/forbion/images/info-purple.svg) !important; content: ''; width: 16px; height: 17px; background-size: cover; } & svg { display: none; } } & .alert-decagram-icon.callout__icon { &:after { background-image: url(/themes/forbion/images/error-red.svg) !important; content: ''; width: 16px; height: 17px; background-size: cover; } & svg { display: none; } } } } } /* Стили иконок */ & .material-design-icon.menu-open-icon>svg, .material-design-icon.cog-outline-icon svg, .material-design-icon.file-document-outline-icon>svg, .material-design-icon.cog-icon>svg, .app-navigation-entry-icon.icon-emptyfolder>span>svg, .app-navigation-entry-icon .material-design-icon.history-icon>svg, .app-navigation-entry-icon.icon-files .material-design-icon.folder-icon>svg, .material-design-icon.archive-icon>svg, .material-design-icon.eye-icon>svg, .material-design-icon.emoticon-outline-icon>svg, .material-design-icon.share-variant-icon>svg, .material-design-icon.folder-outline-icon svg, .material-design-icon.share-variant-outline-icon svg { display: none; } & .material-design-icon.share-variant-outline-icon::before { content: ''; background-image: url('/themes/forbion/images/notes/share-note.svg'); width: 16px; height: 16px; background-size: cover; } & .material-design-icon.cog-outline-icon:after { content: ''; background-image: url('/themes/forbion/images/notes/gear.svg'); width: 16px; height: 16px; background-size: cover; } & .material-design-icon.menu-open-icon:after { content: ''; background-image: url('/themes/forbion/images/notes/close-sidebar-gray.svg'); width: 19px; height: 30px; background-size: cover; margin-bottom: 3px; } & .material-design-icon.file-document-outline-icon:after { content: ''; background-image: url('/themes/forbion/images/notes/user.svg'); width: 25px; height: 25px; background-size: cover; margin-bottom: 3px; } & .material-design-icon.cog-icon:after { content: ''; background-image: url('/themes/forbion/images/notes/gear.svg'); width: 16px; height: 16px; background-size: cover; } & .app-navigation-entry-icon.icon-emptyfolder>span:after { content: ''; background-image: url('/themes/forbion/images/notes/folder.svg'); width: 18px; height: 16px; background-size: cover; } & .app-navigation-entry-icon .material-design-icon.history-icon:after { content: ''; /*background-image: url('/themes/forbion/images/recent.svg');*/ background-image: url('/themes/forbion/images/notes/circle-green.svg'); width: 18px; height: 18px; background-size: cover; } & .app-navigation-entry-icon.icon-files .material-design-icon.folder-icon { content: ''; background-image: url('/themes/forbion/images/notes/folder.svg'); width: 18px; height: 16px; background-size: cover; } & .app-navigation-new .button-vue--vue-primary .button-vue__wrapper { color: white; & .button-vue__icon { display: none !important; } & .button-vue__text { position: absolute; left: 45px; font-family: Raleway; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0; } } & .app-navigation-new .button-vue--vue-primary .button-vue__wrapper:after { background-image: url("/themes/forbion/images/notes/note-white.svg") !important; content: ''; width: 20px; height: 19px; background-size: cover; left: 15px; position: absolute; } & .app-navigation-new .button-vue--vue-primary:after { content: ''; position: absolute; top: 0; right: 32px; width: 2px; height: 100%; background: #ffffff; pointer-events: none; } & .material-design-icon.archive-icon:after { content: ''; background-image: url('/themes/forbion/images/notes/archive-black.svg'); width: 16px; height: 16px; } & .material-design-icon.eye-icon { background-image: url('/themes/forbion/images/notes/eye.svg'); background-size: auto; background-position: center; background-repeat: no-repeat; } & .new-message-form__emoji-picker { position: unset !important; } & .material-design-icon.emoticon-outline-icon { background-image: url('/themes/forbion/images/notes/smile-black.svg'); background-size: auto; background-position: center; background-repeat: no-repeat; width: 18px; height: 18px; } } & .app-sidebar { border-radius: 8px; & .talkChatTab .emptycontent.room-not-joined { gap: 8px; justify-content: flex-start; &>h2 { display: none; } } & .app-sidebar-tabs__nav { & #tab-button-comments .svg-icon, #tab-button-version_vue .checkbox-content__icon svg { display: none !important; } & #tab-button-comments .checkbox-content__icon::before { content: ''; display: block; width: 20px; height: 20px; background-image: url('/themes/forbion/images/right-sidebar/comment-icon-black.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } } & #tab-comments { & .comment.comments__writer { & .comment__body { & .comment__header { display: none; } & .comment__editor { & #tab-comments__editor-description { display: none; } & .comment__editor-group { & .rich-contenteditable__input { margin-top: 0; border: 1px solid #E6E6E6; } & .comment__submit { & .material-design-icon.arrow-right-icon svg { display: none; } & .material-design-icon.arrow-right-icon::before { content: ''; display: block; width: 16px; height: 16px; background-image: url('/themes/forbion/images/right-sidebar/sudmit-icon.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } } } } } } } & .empty-content.comments__empty { gap: 8px; justify-content: flex-start; & .empty-content__icon { margin-bottom: 0; padding: 0; & .material-design-icon.message-reply-text-outline-icon svg { display: none; } & .material-design-icon.message-reply-text-outline-icon::before { content: ''; display: block; width: 64px; height: 64px; background-image: url('/themes/forbion/images/right-sidebar/no-comment-icon-colored.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } } & .empty-content__name { font-weight: 600 !important; font-size: 14px !important; line-height: 20px !important; } } & .app-sidebar-tabs__nav { & #tab-button-version_vue .svg-icon, #tab-button-version_vue .checkbox-content__icon svg { display: none !important; } & #tab-button-version_vue .checkbox-content__icon::before { content: ''; display: block; width: 20px; height: 20px; background-image: url('/themes/forbion/images/right-sidebar/version-icon-black.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } & #tab-button-sharing .svg-icon, #tab-button-sharing_vue .checkbox-content__icon svg { display: none !important; } & #tab-button-sharing .checkbox-content__icon::before { content: ''; display: block; width: 20px; height: 20px; background-image: url('/themes/forbion/images/right-sidebar/people-icon-black.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } & #tab-button-chat .icon-talk, #tab-button-chat_vue .checkbox-content__icon svg { display: none !important; } & #tab-button-chat .checkbox-content__icon::before { content: ''; display: block; width: 20px; height: 20px; background-image: url('/themes/forbion/images/right-sidebar/chats-icon-black.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } } & #tab-activity { & .activity-entry { align-items: center; gap: 5px; } & .rich-text--wrapper.activity-entry__content__subject { font-weight: 500; font-size: 14px; line-height: 20.14px; } & .nc-datetime.activity-entry__date { font-weight: 600; font-size: 12px; line-height: 20.14px; } } & .sharingTab__content { display: flex; flex-direction: column; & .sharing-entry__title { font-size: 12px; } } & .sharingTabDetailsView__wrapper { overflow-x: hidden !important; } & .sharingTabDetailsView__advanced { & .input-field__main-wrapper input { box-shadow: none; border: 1px solid #E6E6E6; } } & .sharingTabDetailsView__wrapper { & input[type="text"] { box-shadow: none; border: 1px solid #E6E6E6; } } & .sharingTab { & .avatar-class-icon.avatar-link-share.icon-public-white { background-image: url('/themes/forbion/images/right-sidebar/sidebar-share-icon.svg'); } & .avatar-shared.icon-more-white { background-image: url('/themes/forbion/images/right-sidebar/sidebar-people-icon.svg'); } & .avatar-external.icon-external-white { background-image: url('/themes/forbion/images/right-sidebar/sidebar-link-icon.svg'); } & .material-design-icon.content-copy-icon svg { display: none; } & .material-design-icon.content-copy-icon::before { content: ''; background-image: url("/themes/forbion/images/files/plus-black.svg"); width: 16px; height: 16px; background-size: auto; background-position: center; background-repeat: no-repeat; } & .sharingTab__content section:nth-child(2) { order: -1; padding-bottom: 0px; border-bottom: none; & .section-header, .sharing-search { display: none; } } & .sharingTab__content section:nth-child(1) { padding-bottom: 0px; border-bottom: none; & .section-header, .sharing-search { display: none; } & .sharing-entry__desc { &>p { display: none; } } } & .sharingTab__content section:nth-child(3) { display: none; } } & .talkChatTab { & .icon.icon-talk { margin: 0 !important; background-image: url("/themes/forbion/images/files/go-to-chat-colored.svg"); opacity: 1; } & .emptycontent.room-not-joined>button { height: 36px; & .button-vue__text { font-weight: 500; font-size: 14px; line-height: 20px; } } } } & .v-popper__popper { & .material-design-icon.share-variant-outline-icon svg, .material-design-icon.share-variant-outline-icon svg, .material-design-icon.folder-outline-icon svg, .material-design-icon.pencil-outline-icon svg { display: none; } & .material-design-icon.folder-outline-icon::before { content: ''; background-image: url('/themes/forbion/images/notes/folser-black.svg'); width: 16px; height: 16px; background-size: cover; } & .material-design-icon.share-variant-outline-icon::before { content: ''; background-image: url('/themes/forbion/images/notes/share-note.svg'); width: 16px; height: 16px; background-size: cover; } & .material-design-icon.pencil-outline-icon::before { content: ''; background-image: url('/themes/forbion/images/notes/edit-pencil-black.svg'); width: 16px; height: 16px; background-size: cover; } } .app-notes~.modal-mask.app-settings, .app-notes+.modal-mask.app-settings { & .modal-container { padding-inline: 32px !important; padding-top: 32px !important; & #settings-section_help-apps, li:has(a[href="#settings-section_help-apps"]) { display: none; } & .dialog__content.app-settings__content { padding: unset !important; & .app-settings-section__name { font-family: Raleway; font-weight: 600; font-size: 16px; line-height: 20px; letter-spacing: 0; } & #settings-section_help-shortcuts { margin-bottom: 32px !important; } } } } } } .modal-mask { & section#settings-section_help-apps, li:has(.navigation-list__link[href="#settings-section_help-apps"]), section#settings-section_undefined, section#settings-section_keyboard-shortcuts > h3 { display: none; } & .dialog__navigation.app-settings__navigation { & li a[href="#settings-section_keyboard-shortcuts"] { & span { display: none; } } & li a[href="#settings-section_keyboard-shortcuts"]::before { content: "Сочетания клавиш"; font-size: 16px; font-weight: 700; } } } @media only screen and (max-width: 800px) { #app-content-vue { background-color: #ffffff !important; } }