@media screen and (min-width: 1000px) { .app-notes { font-family: Raleway; font-weight: 500; font-size: 14px; letter-spacing: 0; --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; & .button-vue--vue-tertiary:hover:not(:disabled) { background-color: unset !important; } & .input-field__input { border-width: 1px !important; border-radius: 27px !important; border-color: #D9D9D9 !important; } & .input-field__input:active:not([disabled]), .input-field__input:hover:not([disabled]), .input-field__input:focus:not([disabled]) { border-color: #D9D9D9 !important; } & .app-navigation { display: flex; flex-direction: column; position: relative; & .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 { 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;*/ border-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; } } } & .app-content { & .welcome-content > div:nth-child(n + 4) { display: none; } & .app-content-wrapper { & .editor { & .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 { margin: 16px; 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; 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; } } } } } & .editor.editor-media-handler.text-editor__main:before { /*content: 'Поле для заметок';*/ /*display: block;*/ /*width: 100%;*/ /*height: 40px;*/ /*margin-bottom: 8px;*/ /*background-color: white;*/ /*border-radius: 8px;*/ /*padding-inline: 12px;*/ /*padding-block: 10px;*/ /*box-sizing: border-box;*/ } & .splitpanes { & .splitpanes__pane.splitpanes__pane-list { min-height: calc(100vh - 140px) !important; width: 257px !important; max-width: 257px !important; min-width: 257px !important; & .list-item-content__actions { max-height: 28px; } & .content-list__search { padding-inline-start: 37px; & .input-field { margin-block-start: 5px; & .input-field__input { width: 200px; } & .input-field__trailing-button { inset-inline-end: 13px; } } } & .app-content-list.content-list > ul { padding-top: 8px; padding-left: 3px; & .list-item__wrapper { padding: 10px 4px; & .material-design-icon.star-outline-icon { & svg { display: none; } content: ''; width: 28px; height: 27px; background-size: contain; background-image: url(/themes/forbion/images/star-green.svg) !important; } } } } & .splitpanes__pane.splitpanes__pane-details { background-color: transparent; min-height: calc(100vh - 140px) !important; width: 100% !important; } & .action-buttons { top: 110px !important; inset-inline-end: 33px; } } } } & .app-sidebar { height: calc(100vh - 140px) !important; & .app-sidebar-tabs__tab-icon.icon-talk { background-image: url(/themes/forbion/images/chat.svg) !important; content: ''; width: 20px; height: 19px; background-size: cover; } & .avatar-class-icon.avatar-link-share.icon-public-white, .avatar-external.icon-external-white { background-image: url(/themes/forbion/images/chain.svg) !important; content: ''; background-color: #D9D9D9; } & .avatar-shared.icon-more-white { background-image: url(/themes/forbion/images/users-gray.svg) !important; content: ''; background-color: #D9D9D9; } & .app-sidebar-tabs .app-sidebar-tabs__nav { justify-content: space-between !important; padding: 0 20px !important; margin: unset; border-bottom: 2px solid #E6E6E6 !important; & button.active { border-bottom: 2px solid var(--color-primary-element) !important; top: 2px; } & button { border-bottom: 2px solid #E6E6E6 !important; top: 2px; } & span { font-family: Raleway; font-weight: 500 !important; font-size: 16px !important; line-height: 20px !important; letter-spacing: 0 !important; border-bottom: unset !important; } } /*asd*/ & .app-sidebar-tabs .app-sidebar-tabs__nav #tab-button-participants { max-width: 110px; min-height: 76px; top: 2px; border-bottom: 2px solid #E6E6E6 !important; } & .app-sidebar-tabs .app-sidebar-tabs__nav #tab-button-participants.active{ border-bottom: 2px solid var(--color-primary-element) !important; } & .app-sidebar-tabs .app-sidebar-tabs__nav #tab-button-shared-items { max-width: 156px; min-height: 76px; top: 2px; border-bottom: 2px solid #E6E6E6 !important; } & .app-sidebar-tabs .app-sidebar-tabs__nav #tab-button-shared-items.active { border-bottom: 2px solid var(--color-primary-element) !important; } & .app-sidebar-tabs .app-sidebar-tabs__nav .checkbox-radio-switch--button-variant.checkbox-radio-switch--checked .checkbox-radio-switch__content { --default-grid-baseline: 2px !important; padding: unset; border-bottom: unset!important; } & .app-sidebar__tab { padding: 20px 18px 10px 18px !important; } & .app-sidebar__tab { overflow: hidden !important; } & .app-sidebar-tabs__content { overflow: hidden !important; } & .app-sidebar-tabs .app-sidebar-tabs__content .input-field__main-wrapper{ min-height: 44px; height: unset; display: flex; align-items: center; } & .app-sidebar-tabs .app-sidebar-tabs__content .input-field__main-wrapper .input-field__input { min-height: 44px; height: 44px; border-radius: 4px; padding: 11px 12px; border: 1px solid #E6E6E6; min-width: 100%; padding-block: unset !important; } & .app-sidebar-tabs .app-sidebar-tabs__content .input-field__main-wrapper .input-field__input:hover { min-height: 44px; height: 44px; border-radius: 4px; padding: 11px 12px; border: 1px solid #E6E6E6 !important; min-width: 100%; padding-block: unset !important; } & .app-sidebar-tabs .app-sidebar-tabs__content .input-field__main-wrapper .input-field__input:active { min-height: 44px; height: 44px; border-radius: 4px; padding: 11px 12px; border: 1px solid #E6E6E6 !important; min-width: 100%; padding-block: unset !important; } & .app-sidebar-tabs .app-sidebar-tabs__content .input-field__main-wrapper .input-field__icon { left: unset !important; right: 28px !important; position: relative !important; } & .app-sidebar-tabs .app-sidebar-tabs__content .input-field__main-wrapper .input-field__trailling-button { width: 10px; height: 10px; } /*asd*/ } /* Стили иконок */ & .material-design-icon.menu-open-icon > svg { display: none; } & .material-design-icon.menu-open-icon:after { content: ''; background-image: url('/themes/forbion/images/exit.svg'); width: 16px; height: 16px; background-size: cover; } & .material-design-icon.file-document-outline-icon > svg { display: none; } & .material-design-icon.file-document-outline-icon:after { content: ''; background-image: url('/themes/forbion/images/user.svg'); width: 26px; height: 27px; background-size: cover; } & .material-design-icon.cog-icon > svg { display: none; } & .material-design-icon.cog-icon:after { content: ''; background-image: url('/themes/forbion/images/gear.svg'); width: 16px; height: 16px; background-size: cover; } & .app-navigation-entry-icon.icon-emptyfolder > span > svg { display: none; } & .app-navigation-entry-icon.icon-emptyfolder > span:after { content: ''; background-image: url('/themes/forbion/images/folder.svg'); width: 18px; height: 16px; background-size: cover; } & .app-navigation-entry-icon .material-design-icon.history-icon > svg { display: none; } & .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/circle-green.svg'); width: 18px; height: 18px; background-size: cover; } & .app-navigation-entry-icon.icon-files .material-design-icon.folder-icon > svg { display: none; } & .app-navigation-entry-icon.icon-files .material-design-icon.folder-icon { content: ''; background-image: url('/themes/forbion/images/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/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/archive-black.svg'); width: 16px; height: 16px; } & .material-design-icon.archive-icon > svg { display: none; } & .material-design-icon.eye-icon { background-image: url('/themes/forbion/images/eye.svg'); background-size: auto; background-position: center; background-repeat: no-repeat; } & .material-design-icon.eye-icon > svg { display: none; } & .new-message-form__emoji-picker { position: unset !important; } & .material-design-icon.emoticon-outline-icon { background-image: url('/themes/forbion/images/smile-black.svg'); background-size: auto; background-position: center; background-repeat: no-repeat; width: 18px; height: 18px; } & .material-design-icon.emoticon-outline-icon > svg { display: none; } & .material-design-icon.share-variant-icon > svg { display: none; } } /* Стили для .modal-mask.app-settings */ .app-notes ~ .modal-mask.app-settings, .app-notes + .modal-mask.app-settings { & .modal-container { padding-inline: 32px !important; padding-top: 32px !important; & .dialog__navigation.app-settings__navigation { display: none; } & .dialog__content.app-settings__content { padding: unset !important; & #noteMode { background-color: white; border: 1px solid #E6E6E6; } & .app-settings-section__name { font-family: Raleway; font-weight: 600; font-size: 16px; line-height: 20px; letter-spacing: 0; } & #settings-section_help-basics, #settings-section_notes-path-section, #settings-section_file-suffix-section, #settings-section_help-apps { display: none; } & #settings-section_help-shortcuts { margin-bottom: 32px !important; & .notes-help { border: 1px solid #E6E6E6; border-radius: 8px; padding: 10px; width: 100%; font-family: Raleway; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0; &>tr { display: block; padding-bottom: 20px; &>th { padding-left: 10px; min-width: 155px; } &>td { min-width: 135px; padding-left: 30px; } } } & .feature.icon-toggle-filelist { font-family: Raleway; font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0; padding-left: 0; } } } } } /* Стили для .v-popper__popper */ .app-notes ~ .v-popper__popper, .app-notes + .v-popper__popper { & .v-popper__wrapper { & .v-popper__inner { --color-primary-element: #70B62B !important; --color-primary-element-hover: #70B62B !important; --color-primary-element-text: #f3f3f3 !important; --color-primary-element-light: #F5F5F5 !important; & .action-input--visible-label { padding-inline: 20px; padding-top: 10px; padding-bottom: 22px; min-width: 321px; width: 321px; & .action-input__text-label { padding: 0 0 17px; font-family: Raleway; font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0; } & .input-field__input { height: 44px !important; --default-clickable-area: 44px !important; border: 1px solid #E6E6E6 !important; padding-right: 30px; background-image: url('/themes/forbion/images/pencil-icon-black.svg'); background-repeat: no-repeat; background-position: right 10px center; background-size: 16px 16px; } & .input-field__input:hover { border: 1px solid #E6E6E6 !important; } & .action-input__icon-wrapper { display: none; } } & .action.action-separator.action--disabled { display: none; } /*Общие стили для иконок выпадающих списков*/ & .material-design-icon { content: ''; width: 34px; height: 34px; background-size: auto; background-position: center; background-repeat: no-repeat; } & .action-button__icon.icon-star-dark.loading:after, .action-button__icon.icon-starred.loading:after { content: none; } /*Стили для каждой иконки*/ & .action-button__icon.icon-starred { background-image: url('/themes/forbion/images/star-green.svg'); } & .action-button__icon.icon-starred > svg { display: none; } & .action-button__icon.icon-star-dark { background-image: url('/themes/forbion/images/star-icon-black.svg'); } & .action-button__icon.icon-star-dark > svg { display: none; } & .action-button__icon.icon-tag { background-image: url('/themes/forbion/images/tags-black.svg'); } & .action-button__icon.icon-tag > svg { display: none; } & .material-design-icon.table-row-plus-before-icon { background-image: url('/themes/forbion/images/arrow-up-black.svg'); } & .material-design-icon.table-row-plus-before-icon > svg { display: none; } & .material-design-icon.table-row-plus-after-icon { background-image: url('/themes/forbion/images/arrow-down-black.svg'); } & .material-design-icon.table-row-plus-after-icon > svg { display: none; } & .material-design-icon.folder-icon { background-image: url('/themes/forbion/images/change.svg'); } & .material-design-icon.folder-icon > svg { display: none; } & .material-design-icon.share-variant-icon { background-image: url('/themes/forbion/images/chain-black.svg'); } & .material-design-icon.share-variant-icon > svg { display: none; } & .material-design-icon.pencil-icon { background-image: url('/themes/forbion/images/pencil-icon-black.svg'); } & .material-design-icon.pencil-icon > svg { display: none; } & .action-button__icon.icon-delete, .material-design-icon.delete-icon { background-image: url('/themes/forbion/images/trashbin-black.svg'); } & .material-design-icon.delete-icon > svg { display: none; } & .material-design-icon.download-icon { background-image: url('/themes/forbion/images/download-icon.svg'); } & .material-design-icon.download-icon > svg { display: none; } & .material-design-icon.backup-restore-icon { background-image: url('/themes/forbion/images/recent-black.svg'); } & .material-design-icon.backup-restore-icon > svg { display: none; } & .material-design-icon.eye-outline-icon { background-image: url('/themes/forbion/images/eye.svg'); } & .material-design-icon.eye-outline-icon > svg { display: none; } & .material-design-icon.tune-icon { background-image: url('/themes/forbion/images/gear-black.svg'); } & .material-design-icon.tune-icon > svg { display: none; } & .material-design-icon.table-column-plus-before-icon, .material-design-icon.table-column-plus-after-icon { background-image: url('/themes/forbion/images/plus-black.svg'); } & .material-design-icon.table-column-plus-after-icon > svg { display: none; } & .material-design-icon.table-column-plus-before-icon > svg { display: none; } } } } } .app-navigation-entry__settings { display: none !important; }