Initial commit
This commit is contained in:
net909
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,352 @@
|
||||
|
||||
.add-opt:hover .sub-text, .add-opt:hover .icon { color: #6576ff; }
|
||||
|
||||
.add-opt-icon .icon-circle, .chat-option-link .icon-circle, .chat-members-link .icon-circle, .contacts-add-link .icon-circle { height: 32px; width: 32px; font-size: 1rem; }
|
||||
|
||||
.add-opt-icon .icon + span, .chat-option-link .icon + span, .chat-members-link .icon + span, .contacts-add-link .icon + span, .add-opt-icon .icon + div, .chat-option-link .icon + div, .chat-members-link .icon + div, .contacts-add-link .icon + div { margin-left: 0.75rem; }
|
||||
|
||||
.chat-item { position: relative; border-radius: 4px; transition: background-color .3s; }
|
||||
|
||||
.chat-item:hover { background-color: #ebeef2; }
|
||||
|
||||
.chats-dropdown .chat-item:hover { background-color: #f5f6fa; }
|
||||
|
||||
.chat-item:hover .chat-actions { opacity: 1; pointer-events: initial; transition: opacity .5s; }
|
||||
|
||||
.chat-item.current { background-color: #f5f6fa; }
|
||||
|
||||
.chat-item.current:hover { background-color: #ebeef2; }
|
||||
|
||||
.chat-link { display: flex; align-items: center; width: 100%; padding: .75rem; cursor: pointer; }
|
||||
|
||||
.chat-media { height: 44px; width: 44px; }
|
||||
|
||||
.chat-media + .chat-info { margin-left: 1rem; }
|
||||
|
||||
.chat-info { width: calc(100% - 3.75rem); }
|
||||
|
||||
.chat-from { display: flex; align-items: center; justify-content: space-between; }
|
||||
|
||||
.chat-from .name { font-size: 0.9375rem; margin-bottom: 0; font-weight: 500; color: #526484; }
|
||||
|
||||
.is-unread .chat-from .name { font-weight: 700; color: #364a63; }
|
||||
|
||||
.chat-from .time { font-size: 12px; color: #8094ae; }
|
||||
|
||||
.chat-context { display: flex; align-items: center; justify-content: space-between; }
|
||||
|
||||
.chat-context .text { width: calc(100% - 2.5rem); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 13px; color: #8094ae; }
|
||||
|
||||
.is-unread .chat-context .text { font-weight: 500; color: #526484; }
|
||||
|
||||
.chat-context .status { display: flex; color: rgba(128, 148, 174, 0.8); }
|
||||
|
||||
.is-unread .chat-context .status { color: #6576ff; }
|
||||
|
||||
.chat-context .status.seen { color: #6576ff; }
|
||||
|
||||
.chat-actions { background-color: #ebeef2; position: absolute; top: 0; bottom: 0; right: 0.75rem; opacity: 0; pointer-events: none; z-index: 2; display: flex; align-items: center; justify-content: flex-end; width: 3rem; }
|
||||
|
||||
.chat-profile-group { border-top: 1px solid #e5e9f2; padding: .25rem 0; }
|
||||
|
||||
.chat-profile-head { padding: 1.25rem 1.5rem; display: flex; align-items: center; justify-content: space-between; }
|
||||
|
||||
.chat-profile-head .title { margin-bottom: 0; }
|
||||
|
||||
.chat-profile-head .indicator-icon { display: inline-flex; }
|
||||
|
||||
.chat-profile-head.collapsed .indicator-icon { transform: rotate(-180deg); }
|
||||
|
||||
.chat-profile-body-inner { padding: 0 1.5rem 1.5rem; }
|
||||
|
||||
.chat-profile-options { margin: -0.25rem; }
|
||||
|
||||
.chat-profile-options li { padding: .25rem; }
|
||||
|
||||
.chat-profile-settings { margin: -0.5rem; }
|
||||
|
||||
.chat-profile-settings li { padding: .5rem; }
|
||||
|
||||
.chat-profile-settings .custom-control-sm .custom-control-label { padding-left: 0.25rem; font-size: 13px; font-weight: 500; color: #526484; }
|
||||
|
||||
.chat-profile-media { display: flex; margin: -0.25rem; }
|
||||
|
||||
.chat-profile-media li { width: 33.33%; padding: 0.25rem; }
|
||||
|
||||
.chat-profile-media li a { display: inline-block; }
|
||||
|
||||
.chat-profile-media li img { border-radius: 4px; }
|
||||
|
||||
.chat-option-link { display: flex; align-items: center; }
|
||||
|
||||
.chat-option-link .lead-text { font-weight: 500; font-size: 13px; transition: color .3s; color: #526484; }
|
||||
|
||||
.chat-option-link:hover .lead-text { color: #1c2b46; }
|
||||
|
||||
.chat-members { margin: -0.375rem -.5rem; }
|
||||
|
||||
.chat-members li { position: relative; }
|
||||
|
||||
.chat-members-link { display: flex; align-items: center; padding: 0.375rem .5rem; }
|
||||
|
||||
.chat-members .user-card { position: relative; padding: 0.375rem .5rem; border-radius: 3px; transition: background-color .3s; }
|
||||
|
||||
.chat-members .user-card > a { width: 100%; display: flex; align-items: center; }
|
||||
|
||||
.chat-members .user-card:hover { background-color: #ebeef2; }
|
||||
|
||||
.chat-members .user-card:hover .user-actions { opacity: 1; pointer-events: initial; transition: opacity .5s; }
|
||||
|
||||
.chat-members .user-role { margin-left: auto; font-size: 12px; color: #8094ae; }
|
||||
|
||||
.chat-members .user-actions { position: absolute; top: 0; right: .25rem; bottom: 0; width: 3rem; background-color: #ebeef2; display: flex; align-items: center; justify-content: flex-end; opacity: 0; pointer-events: none; }
|
||||
|
||||
.chat { display: flex; align-items: flex-end; margin: -4px; }
|
||||
|
||||
.chat > div { padding: 4px; }
|
||||
|
||||
.chat + .chat { padding-top: 0.5rem; }
|
||||
|
||||
.chat-avatar { margin-bottom: 1.4rem; }
|
||||
|
||||
.chat-avatar.no-meta { margin-bottom: 0; }
|
||||
|
||||
.chat-bubble { display: flex; align-items: center; padding: .125rem 0; }
|
||||
|
||||
.chat-bubble:hover .chat-msg-more { opacity: 1; }
|
||||
|
||||
.chat-bubbles .attach-files { margin-top: .75rem; }
|
||||
|
||||
.chat-msg { background-color: #fff; border-radius: 8px; padding: .5rem 1rem; }
|
||||
|
||||
.chat-msg-more { display: flex; align-items: center; margin: 0 0.75rem; opacity: 0; flex-shrink: 0; transition: all .3s; }
|
||||
|
||||
.chat-msg-more > li { padding: 0.25rem; }
|
||||
|
||||
.chat-msg.is-light { background-color: #ebeef2; color: #526484; }
|
||||
|
||||
.chat-msg.is-theme { background-color: #6576ff; color: #fff; }
|
||||
|
||||
.chat-meta { display: flex; align-items: center; margin: .25rem -.375rem 0; }
|
||||
|
||||
.chat-meta li { position: relative; padding: 0 .375rem; font-size: 12px; color: #8094ae; }
|
||||
|
||||
.chat-meta li:not(:first-child):before { content: ""; font-family: "Nioicon"; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); font-size: 11px; line-height: 10px; opacity: .8; }
|
||||
|
||||
.chat-sap { overflow: hidden; text-align: center; padding: 1rem 0; }
|
||||
|
||||
.chat-sap-meta { position: relative; display: inline-block; padding: 0 .75rem; color: #8094ae; font-size: 12px; line-height: 1.4; }
|
||||
|
||||
.chat-sap-meta:before, .chat-sap-meta:after { position: absolute; height: 1px; background: #dbdfea; content: ''; width: 100vw; top: 50%; }
|
||||
|
||||
.chat-sap-meta:before { right: 100%; }
|
||||
|
||||
.chat-sap-meta:after { left: 100%; }
|
||||
|
||||
.chat.is-you .chat-bubbles .attach-files { border-color: #fff; overflow: hidden; }
|
||||
|
||||
.chat.is-you .chat-bubbles .attach-files, .chat.is-you .chat-bubbles .attach-foot { background-color: #fff; }
|
||||
|
||||
.chat.is-you .chat-bubble:last-child .chat-msg { border-bottom-left-radius: 0; }
|
||||
|
||||
.chat.is-you .chat-bubble:not(:first-child) .chat-msg { border-top-left-radius: 4px; }
|
||||
|
||||
.chat.is-you .chat-bubble:not(:last-child) .chat-msg { border-bottom-left-radius: 4px; }
|
||||
|
||||
.chat.is-me { justify-content: flex-end; }
|
||||
|
||||
.chat.is-me .chat-msg { background-color: #6576ff; color: #fff; }
|
||||
|
||||
.chat.is-me .chat-meta { justify-content: flex-end; }
|
||||
|
||||
.chat.is-me .chat-bubble { flex-direction: row-reverse; }
|
||||
|
||||
.chat.is-me .chat-bubbles .attach-files { border-color: #c4cefe; overflow: hidden; }
|
||||
|
||||
.chat.is-me .chat-bubbles .attach-files, .chat.is-me .chat-bubbles .attach-foot { background-color: #fff; }
|
||||
|
||||
.chat.is-me .chat-bubble:last-child .chat-msg { border-bottom-right-radius: 0; }
|
||||
|
||||
.chat.is-me .chat-bubble:not(:first-child) .chat-msg { border-top-right-radius: 4px; }
|
||||
|
||||
.chat.is-me .chat-bubble:not(:last-child) .chat-msg { border-bottom-right-radius: 4px; }
|
||||
|
||||
.chat-upload-option { display: none; position: absolute; left: 100%; padding: 0.5rem; background-color: #fff; }
|
||||
|
||||
.chat-upload-option.expanded { display: block; }
|
||||
|
||||
.chat-upload-option ul { display: flex; align-items: center; }
|
||||
|
||||
.chat-upload-option a { color: #6576ff; font-size: 1.25rem; height: 36px; width: 36px; display: inline-flex; align-items: center; justify-content: center; }
|
||||
|
||||
.chat-upload-option a:hover { color: #3c52ff; }
|
||||
|
||||
.fav-list { display: flex; margin: -0.375rem; overflow-x: auto; }
|
||||
|
||||
.fav-list li { padding: 0.375rem; }
|
||||
|
||||
.fav-list a:hover > .user-avatar:after { opacity: 1; }
|
||||
|
||||
.fav-list .user-avatar { height: 44px; width: 44px; }
|
||||
|
||||
.fav-list .user-avatar:after { content: ""; position: absolute; width: 100%; left: 0; height: 100%; background: #e5e9f2; transform: scale(1.15); opacity: 0; border-radius: 50%; z-index: -1; transition: opacity .3s; }
|
||||
|
||||
@media (min-width: 768px) { .fav-list { flex-wrap: wrap; } }
|
||||
|
||||
@media (max-width: 859px) { .fav-list { margin: -0.375rem 0; }
|
||||
.fav-list li:first-child { padding-left: 0; }
|
||||
.fav-list li:last-child { padding-right: 0; } }
|
||||
|
||||
.channel-list li { margin: 0.125rem -0.5rem; }
|
||||
|
||||
.channel-list a { padding: 0.375rem .5rem; display: block; transition: all .3s; font-weight: 500; color: #526484; border-radius: 3px; }
|
||||
|
||||
.channel-list a:hover, .channel-list a.active { color: #6576ff; background: #eff1ff; }
|
||||
|
||||
.contacts-list { margin: -0.375rem -.5rem; }
|
||||
|
||||
.contacts-list + .contacts-list { margin-top: 1.75rem; }
|
||||
|
||||
.contacts-list li { position: relative; }
|
||||
|
||||
.contacts-list li > .title { padding-left: 1.25rem; margin-bottom: .25rem; }
|
||||
|
||||
.contacts-list .user-card { position: relative; padding: 0.375rem .5rem; border-radius: 3px; transition: background-color .3s; }
|
||||
|
||||
.contacts-list .user-card > a { width: 100%; display: flex; align-items: center; }
|
||||
|
||||
.contacts-list .user-card:hover { background-color: #ebeef2; }
|
||||
|
||||
.contacts-list .user-card:hover .user-actions { opacity: 1; pointer-events: initial; transition: opacity .4s; }
|
||||
|
||||
.contacts-list .user-meta { margin-left: auto; font-size: 12px; color: #8094ae; }
|
||||
|
||||
.contacts-list .user-actions { font-size: 12px; position: absolute; top: 0; right: .25rem; bottom: 0; width: 4.5rem; background-color: #ebeef2; display: flex; align-items: center; justify-content: flex-end; opacity: 0; pointer-events: none; }
|
||||
|
||||
.contacts-list .user-actions > a { padding: 0 .375rem; }
|
||||
|
||||
.contacts-add-link { padding: 0.375rem .5rem; display: flex; align-items: center; }
|
||||
|
||||
.contacts-add-link .lead-text { font-weight: 500; font-size: 13px; }
|
||||
|
||||
.nk-chat { position: relative; display: flex; overflow: hidden; border: 1px solid #dbdfea; border-radius: 4px; min-height: calc(100vh - (65px + 64px + 64px)); max-height: calc(100vh - (65px + 64px + 64px)); background: #fff; }
|
||||
|
||||
.nk-chat-blank { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; background-color: #ebeef2; }
|
||||
|
||||
.nk-chat-blank-icon { margin-bottom: 1.5rem; }
|
||||
|
||||
.nk-chat-aside { background: #fff; width: 100%; overflow: hidden; max-height: 100%; position: relative; display: flex; flex-direction: column; flex-shrink: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
|
||||
|
||||
.nk-chat-aside-head { display: flex; align-items: center; justify-content: space-between; padding: 1.125rem 1.25rem 0.875rem; }
|
||||
|
||||
.nk-chat-aside-user .title { font-size: 1.375rem; color: #364a63; }
|
||||
|
||||
.nk-chat-aside-user .user-avatar { height: 36px; width: 36px; }
|
||||
|
||||
.nk-chat-aside-user .user-avatar + .title { margin-left: 1rem; }
|
||||
|
||||
.nk-chat-aside-user .dropdown-toggle:after { font-size: 1.125rem; color: #8094ae; margin-left: 1rem; }
|
||||
|
||||
.nk-chat-aside-tools { display: flex; align-items: center; }
|
||||
|
||||
.nk-chat-aside-body { max-height: 100%; height: 100%; overflow: auto; }
|
||||
|
||||
.nk-chat-aside-search { padding: 0 1.25rem; margin-bottom: 1.75rem; margin-top: 0.25rem; }
|
||||
|
||||
.nk-chat-aside-search .form-control, .nk-chat-aside-search div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter .nk-chat-aside-search input, .nk-chat-aside-search .dual-listbox .dual-listbox__search, .dual-listbox .nk-chat-aside-search .dual-listbox__search { background-color: #f5f6fa; border-color: #f5f6fa; }
|
||||
|
||||
.nk-chat-aside-search .form-control::placeholder, .nk-chat-aside-search div.dataTables_wrapper div.dataTables_filter input::placeholder, div.dataTables_wrapper div.dataTables_filter .nk-chat-aside-search input::placeholder, .nk-chat-aside-search .dual-listbox .dual-listbox__search::placeholder, .dual-listbox .nk-chat-aside-search .dual-listbox__search::placeholder { color: #8094ae; }
|
||||
|
||||
.nk-chat-aside-panel { padding: 0 1.25rem 1.75rem; }
|
||||
|
||||
.nk-chat-aside-panel .title { margin-bottom: .75rem; }
|
||||
|
||||
.nk-chat-list { padding: 0 0.5rem; }
|
||||
|
||||
.nk-chat-list .title { margin-left: .75rem; }
|
||||
|
||||
.nk-chat-body { background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; transition: padding .3s ease-in-out; opacity: 0; pointer-events: none; z-index: 5; }
|
||||
|
||||
.nk-chat-body.show-chat { opacity: 1; pointer-events: auto; }
|
||||
|
||||
.nk-chat-head { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.75rem; border-bottom: 1px solid #e5e9f2; background-color: #fff; }
|
||||
|
||||
.nk-chat-head-info { width: 60%; }
|
||||
|
||||
.nk-chat-head-info .user-avatar + .user-info { margin-left: 0.75rem; }
|
||||
|
||||
.nk-chat-head-info .user-info .lead-text { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
|
||||
|
||||
.nk-chat-head-info, .nk-chat-head-tools { display: flex; align-items: center; margin: -0.125rem; }
|
||||
|
||||
.nk-chat-head-info > li, .nk-chat-head-tools > li { padding: .125rem; }
|
||||
|
||||
.nk-chat-head-info .btn-icon .icon, .nk-chat-head-info .dt-buttons .btn-secondary .icon, .dt-buttons .nk-chat-head-info .btn-secondary .icon, .nk-chat-head-tools .btn-icon .icon, .nk-chat-head-tools .dt-buttons .btn-secondary .icon, .dt-buttons .nk-chat-head-tools .btn-secondary .icon { font-size: 1.25rem; }
|
||||
|
||||
.nk-chat-head-search { position: absolute; top: calc(100% + 1rem); left: 0; z-index: 9; width: 100%; padding: 0 1.75rem; opacity: 0; pointer-events: none; transform: translateY(-10px); transition: all .5s; }
|
||||
|
||||
.nk-chat-head-search.show-search { opacity: 1; pointer-events: auto; transform: none; }
|
||||
|
||||
.nk-chat-panel { background-color: rgba(235, 238, 242, 0.7); height: 100%; max-height: 100%; overflow: auto; padding: 1.25rem; }
|
||||
|
||||
.nk-chat-editor { display: flex; align-items: center; padding: 1rem 1.25rem; background-color: #fff; }
|
||||
|
||||
.nk-chat-editor-form { padding: 0 .5rem; flex-grow: 1; }
|
||||
|
||||
.nk-chat-editor-form .form-control, .nk-chat-editor-form div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter .nk-chat-editor-form input, .nk-chat-editor-form .dual-listbox .dual-listbox__search, .dual-listbox .nk-chat-editor-form .dual-listbox__search { min-height: 36px; padding-top: 0.5rem; }
|
||||
|
||||
.nk-chat-editor-upload, .nk-chat-editor-tools { display: flex; align-items: center; }
|
||||
|
||||
.nk-chat-editor-upload .btn-icon .icon, .nk-chat-editor-upload .dt-buttons .btn-secondary .icon, .dt-buttons .nk-chat-editor-upload .btn-secondary .icon, .nk-chat-editor-tools .btn-icon .icon, .nk-chat-editor-tools .dt-buttons .btn-secondary .icon, .dt-buttons .nk-chat-editor-tools .btn-secondary .icon { font-size: 1.5rem; }
|
||||
|
||||
.nk-chat-editor-upload { position: relative; z-index: 2; }
|
||||
|
||||
.nk-chat-editor-upload .toggle-opt { transition: .3s; }
|
||||
|
||||
.nk-chat-editor-upload .toggle-opt.active { opacity: 0.7; transform: rotate(-45deg); }
|
||||
|
||||
.nk-chat-profile { position: absolute; top: 0; right: 0; transform: translateX(100%); width: 325px; height: 100%; max-height: 100%; transition: transform .3s ease-in-out; background: #fff; z-index: 100; }
|
||||
|
||||
.nk-chat-profile-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(16, 25, 36, 0.4); z-index: 600; z-index: 90; animation: overlay-fade-in .4s ease 1; }
|
||||
|
||||
.nk-chat-profile.visible { transform: none; }
|
||||
|
||||
@media (max-width: 575.98px) { .nk-chat { border: none; border-radius: 4px; min-height: calc(100vh - (65px + 85px)); max-height: calc(100vh - (65px + 85px)); margin: -24px -18px; }
|
||||
.nk-chat-head { padding: 0.75rem 1.25rem; }
|
||||
.nk-chat-head-user { max-width: calc(100% - 34px); }
|
||||
.nk-chat-head-user .user-avatar { height: 36px; width: 36px; }
|
||||
.nk-chat-head-user .user-info { width: calc(100% - 36px - .75rem); } }
|
||||
|
||||
@media (min-width: 576px) { .nk-chat-head-info, .nk-chat-head-tools { margin: -0.375rem; }
|
||||
.nk-chat-head-info > li, .nk-chat-head-tools > li { padding: .375rem; } }
|
||||
|
||||
@media (min-width: 576px) and (max-width: 991px) { .nk-chat-aside-head, .nk-chat-aside-search { padding-left: 2.25rem; padding-right: 2.25rem; }
|
||||
.nk-chat-aside-panel { padding: 0 2.25rem 1.75rem; }
|
||||
.nk-chat-list { padding: 0 1.5rem; }
|
||||
.nk-chat-head, .nk-chat-panel, .nk-chat-editor { padding-left: 2.25rem; padding-right: 2.25rem; }
|
||||
.nk-chat-head-search { padding: 0 2.25rem; } }
|
||||
|
||||
@media (min-width: 860px) { .nk-chat-aside { width: 320px; border-right: 1px solid #e5e9f2; }
|
||||
.nk-chat-body { position: static; opacity: 1; pointer-events: auto; }
|
||||
.nk-chat-body-close { display: none; } }
|
||||
|
||||
@media (max-width: 859px) { .nk-chat-body.show-chat { position: fixed; z-index: 2999; }
|
||||
.nk-chat-head { padding-top: 0.75rem; padding-bottom: 0.75rem; } }
|
||||
|
||||
@media (min-width: 860px) and (max-width: 991px) { .nk-chat-aside { width: 345px; border-right: 1px solid #e5e9f2; } }
|
||||
|
||||
@media (min-width: 992px) { .nk-chat { min-height: calc(100vh - (65px + 64px + 72px)); max-height: calc(100vh - (65px + 64px + 72px)); }
|
||||
.nk-chat-aside-panel, .nk-chat-aside-head, .nk-chat-aside-search { padding-left: 1.75rem; padding-right: 1.75rem; }
|
||||
.nk-chat-list { padding: 0 1rem; }
|
||||
.nk-chat-aside { width: 325px; }
|
||||
.nk-chat-panel { padding: 1.25rem 1.75rem; }
|
||||
.chat-profile-head, .chat-profile-body-inner { padding-right: 1.75rem; padding-left: 1.75rem; } }
|
||||
|
||||
@media (min-width: 1200px) { .nk-chat-body.profile-shown { padding-right: 325px; }
|
||||
.nk-chat-profile { border-left: 1px solid #e5e9f2; } }
|
||||
|
||||
@media (min-width: 1540px) { .nk-chat-aside { width: 382px; }
|
||||
.nk-chat-body.profile-shown { padding-right: 365px; }
|
||||
.nk-chat-profile { width: 365px; } }
|
||||
|
||||
@media (max-width: 359px) { .nk-chat-profile { width: 280px; } }
|
||||
@@ -0,0 +1,352 @@
|
||||
|
||||
.nk-fmg { position: relative; border: 1px solid #dbdfea; border-radius: 4px; background-color: rgba(255, 255, 255, 0.4); }
|
||||
|
||||
.nk-fmg-aside { position: fixed; width: 260px; overflow: hidden; height: 100%; max-height: 100%; background: #fff; flex-shrink: 0; left: 0; transform: translateX(-100%); border-right: 1px solid #e5e9f2; z-index: 99; top: 65px; transition: transform .4s linear; min-height: calc(100vh - 65px); max-height: calc(100vh - 65px); overflow-y: auto; }
|
||||
|
||||
.nk-fmg-aside + .toggle-overlay { z-index: 90; }
|
||||
|
||||
.nk-fmg-aside.content-active { transform: none; }
|
||||
|
||||
.nk-fmg-aside .simplebar-content { height: 100%; }
|
||||
|
||||
.nk-fmg-aside-wrap { height: 100%; display: flex; flex-direction: column; }
|
||||
|
||||
.nk-fmg-aside-top { margin-bottom: 30px; }
|
||||
|
||||
.nk-fmg-menu { padding: 1rem; }
|
||||
|
||||
.nk-fmg-menu li { margin: 2px 0; }
|
||||
|
||||
.nk-fmg-menu-item { position: relative; display: flex; align-items: center; padding: .5rem .75rem; border-radius: 4px; }
|
||||
|
||||
.nk-fmg-menu-item:hover { background: #f5f6fa; border-radius: 3px; }
|
||||
|
||||
.active > .nk-fmg-menu-item { background: #eff1ff; border-radius: 3px; }
|
||||
|
||||
.nk-fmg-menu-item .icon { font-size: 1.25rem; line-height: 1.25rem; margin-top: -2px; width: 2rem; color: #8094ae; }
|
||||
|
||||
.nk-fmg-menu-item .badge { margin-left: auto; min-width: 2.25rem; }
|
||||
|
||||
.active > .nk-fmg-menu-item .icon { color: #6576ff; }
|
||||
|
||||
.nk-fmg-menu-text { font-size: .875rem; color: #526484; font-weight: 500; line-height: 1.5rem; }
|
||||
|
||||
.active > .nk-fmg-menu-item > .nk-fmg-menu-text { color: #6576ff; }
|
||||
|
||||
.nk-fmg-menu li ul { margin-top: -0.125rem; margin-bottom: 0.5rem; padding-left: 2.75rem; }
|
||||
|
||||
.nk-fmg-menu li ul ul { padding-left: .75rem; border-left: 1px solid #e5e9f2; }
|
||||
|
||||
.nk-fmg-menu li ul .nk-fmg-menu-item { padding: .125rem 0; }
|
||||
|
||||
.nk-fmg-menu li ul .nk-fmg-menu-item:hover, .nk-fmg-menu li ul .nk-fmg-menu-item.active { background: transparent; }
|
||||
|
||||
.nk-fmg-menu li ul .nk-fmg-menu-item:hover span, .nk-fmg-menu li ul .nk-fmg-menu-item.active span { color: #6576ff; }
|
||||
|
||||
.nk-fmg-menu li ul .nk-fmg-menu-text { font-size: 90%; line-height: 1.375rem; }
|
||||
|
||||
.nk-fmg-status { padding: 1.75rem; }
|
||||
|
||||
.nk-fmg-status-title { font-size: .875rem; display: flex; align-items: center; color: #526484; margin-bottom: 1rem; }
|
||||
|
||||
.nk-fmg-status-title .icon { font-size: 1.25rem; margin-right: .75rem; }
|
||||
|
||||
.nk-fmg-status-info { font-size: 12px; font-weight: 500; color: #8094ae; margin-top: 1rem; }
|
||||
|
||||
.nk-fmg-body { display: flex; flex-direction: column; max-height: 100%; flex-grow: 1; flex-shrink: 0; }
|
||||
|
||||
.nk-fmg-body-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: .75rem 1.25rem; border-bottom: 1px solid #dbdfea; background-color: #fff; z-index: 9; position: relative; top: 0; border-top-right-radius: 4px; }
|
||||
|
||||
.nk-fmg-body-content { padding: 1.125rem 1.25rem; height: 100%; max-height: 100%; overflow: auto; }
|
||||
|
||||
.nk-fmg-body .simplebar-content { min-height: 470px; }
|
||||
|
||||
.nk-fmg-search { display: flex; align-items: center; flex-grow: 1; }
|
||||
|
||||
.nk-fmg-filter { margin-bottom: 1.25rem; }
|
||||
|
||||
.nk-fmg-filter .form-label { font-weight: 500; font-size: 13px; color: #8094ae; }
|
||||
|
||||
.nk-fmg-filter .form-group { margin-bottom: 1rem; }
|
||||
|
||||
.nk-fmg-switch { background-color: transparent; border-top: 1px solid #e5e9f2; }
|
||||
|
||||
.nk-fmg-switch > div { width: 100%; }
|
||||
|
||||
.nk-fmg-switch .dropdown-toggle { padding: 1.25rem 1.75rem; width: 100%; flex-direction: column; align-items: flex-start; }
|
||||
|
||||
.nk-fmg-switch .dropdown-toggle:after { position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); font-size: 1rem; color: #526484; }
|
||||
|
||||
.nk-fmg-listing { min-height: 380px; }
|
||||
|
||||
.nk-fmg-listing.is-scrollable { min-height: auto; max-height: 298px; }
|
||||
|
||||
@media (min-width: 576px) { .nk-fmg-body-content { padding-top: 1.25rem; padding-bottom: 1.25rem; }
|
||||
.nk-fmg-aside-top { margin-bottom: 100px; } }
|
||||
|
||||
@media (min-width: 992px) { .nk-fmg { padding-left: 260px; }
|
||||
.nk-fmg-aside { transform: none; transition: none; width: 260px; position: absolute; top: 0; left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; min-height: 100%; max-height: 100%; }
|
||||
.nk-fmg-aside-top { flex-grow: 0; }
|
||||
.nk-fmg-body-head { padding: .75rem 1.75rem; z-index: 9; }
|
||||
.nk-fmg-body-content { padding: 1.75rem; } }
|
||||
|
||||
@media (min-width: 1200px) { .nk-fmg { padding-left: 220px; }
|
||||
.nk-fmg-filter.toggle-expand-content { display: block !important; }
|
||||
.nk-fmg-aside { width: 220px; } }
|
||||
|
||||
@media (min-width: 992px) and (max-width: 1360px) { .nk-fmg { padding-left: 220px; }
|
||||
.nk-fmg-aside { width: 220px; } }
|
||||
|
||||
@media (min-width: 576px) and (max-width: 991.98px) { .nk-fmg-aside { width: 320px; }
|
||||
.nk-fmg-body-head, .nk-fmg-body-content, .nk-fmg-status, .nk-fmg-switch .dropdown-toggle { padding-left: 2.25rem; padding-right: 2.25rem; }
|
||||
.nk-fmg-menu { padding: 1rem 1.75rem; } }
|
||||
|
||||
.nk-file .tb-sub { font-size: 12px; color: #8094ae; }
|
||||
|
||||
.nk-file .tb-head { font-weight: 500; font-size: 13px; color: #8094ae; }
|
||||
|
||||
.nk-file-info:hover .nk-file-name .asterisk a, .nk-file-info .nk-file-name .asterisk a.active { opacity: 1; }
|
||||
|
||||
.nk-file-icon { margin-right: 8px; flex-shrink: 0; }
|
||||
|
||||
.nk-file-icon-link { display: block; text-decoration: none; color: inherit; }
|
||||
|
||||
.nk-file-icon-type { width: 32px; display: inline-block; text-decoration: none; color: inherit; margin: auto; }
|
||||
|
||||
.nk-file-title { display: flex; align-items: center; }
|
||||
|
||||
.nk-file-title .breadcrumb { padding-top: 0.25rem; padding-bottom: 0; }
|
||||
|
||||
.nk-file-name { font-weight: 500; color: #364a63; position: relative; line-height: 1.4; }
|
||||
|
||||
.nk-file-name-text { padding-right: 1.5rem; display: inline-block; }
|
||||
|
||||
.nk-file-name-text .title { transition: color .3s; display: inline-block; text-decoration: none; word-break: break-word; }
|
||||
|
||||
.nk-file-name-text a.title { color: #364a63; }
|
||||
|
||||
.nk-file-name-text a.title:hover { color: #6576ff; }
|
||||
|
||||
.nk-file-name-sub { font-size: 12px; color: #8094ae; }
|
||||
|
||||
.nk-file-name .asterisk { position: absolute; display: inline-flex; margin-left: .5rem; transition: .3s opacity; margin-top: -1px; top: 50%; transform: translateY(-50%); }
|
||||
|
||||
.nk-file-name .asterisk a { opacity: 0; }
|
||||
|
||||
.nk-file-name .asterisk .icon { font-size: 1.125rem; color: #6576ff; }
|
||||
|
||||
.nk-file-desc { display: flex; align-items: center; margin: 0 -.375rem; }
|
||||
|
||||
.nk-file-desc li { position: relative; padding: 0 .375rem; font-size: 12px; color: #8094ae; }
|
||||
|
||||
.nk-file-desc li:not(:first-child):before { content: ""; font-family: "Nioicon"; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); font-size: 11px; line-height: 10px; opacity: .8; }
|
||||
|
||||
.nk-file-link { text-decoration: none; color: inherit; display: block; }
|
||||
|
||||
.nk-file-link:hover .title { color: #6576ff; }
|
||||
|
||||
.nk-file-info > .nk-file-link { padding: .75rem 0; }
|
||||
|
||||
.is-compact .nk-file-info > .nk-file-link { padding: .375rem 0; }
|
||||
|
||||
.nk-file-share-header { display: flex; align-items: center; justify-content: space-between; padding: 0 1.25rem; border-bottom: 1px solid #e5e9f2; }
|
||||
|
||||
.nk-file-share-field { padding: .5rem 1.25rem; }
|
||||
|
||||
.nk-file-share-field:not(:last-child) { border-bottom: 1px solid #e5e9f2; }
|
||||
|
||||
.nk-file-share-field .form-control, .nk-file-share-field div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter .nk-file-share-field input, .nk-file-share-field .dual-listbox .dual-listbox__search, .dual-listbox .nk-file-share-field .dual-listbox__search { font-size: 0.875rem; }
|
||||
|
||||
.nk-file-share-field textarea.form-control, .nk-file-share-field .dual-listbox textarea.dual-listbox__search, .dual-listbox .nk-file-share-field textarea.dual-listbox__search { min-height: 78px; }
|
||||
|
||||
.nk-file-share-field textarea.form-control.ex-large, .nk-file-share-field .dual-listbox textarea.ex-large.dual-listbox__search, .dual-listbox .nk-file-share-field textarea.ex-large.dual-listbox__search { min-height: 160px; }
|
||||
|
||||
.nk-file-share-input { display: flex; }
|
||||
|
||||
.nk-file-share-input .label { margin: .3rem .5rem .3rem 0; width: 1.25rem; color: #8094ae; }
|
||||
|
||||
.nk-file-share-input-group { width: 100%; }
|
||||
|
||||
.nk-file-share-group { position: relative; padding: 1rem 0; flex-grow: 1; display: flex; align-items: center; }
|
||||
|
||||
.nk-file-share-nav { flex-shrink: 0; }
|
||||
|
||||
.nk-file-details-row { display: flex; flex-wrap: wrap; padding: .25rem 0; }
|
||||
|
||||
.nk-file-details-col { font-size: 13px; }
|
||||
|
||||
.nk-file-details-col:first-child { color: #8094ae; width: 100%; }
|
||||
|
||||
.nk-file-details-col:last-child { color: #526484; }
|
||||
|
||||
.nk-file-details-col .breadcrumb { padding: 0; }
|
||||
|
||||
@media (min-width: 420px) { .nk-file-details-row { flex-wrap: nowrap; padding: .375rem 0; }
|
||||
.nk-file-details-col:first-child { width: 100px; flex-shrink: 0; } }
|
||||
|
||||
@media (min-width: 576px) { .nk-file-share-field textarea.form-control.ex-large, .nk-file-share-field .dual-listbox textarea.ex-large.dual-listbox__search, .dual-listbox .nk-file-share-field textarea.ex-large.dual-listbox__search { min-height: 278px; } }
|
||||
|
||||
.nk-files .nk-file .hideable { opacity: 0; transition: opacity .3s; }
|
||||
|
||||
.nk-files .nk-file:hover .hideable { opacity: 1; }
|
||||
|
||||
.nk-files .nk-file-item { display: table-row; }
|
||||
|
||||
.nk-files .nk-file-item > div { position: relative; display: table-cell; padding: .5rem; vertical-align: middle; }
|
||||
|
||||
.nk-files .nk-file-actions { width: 60px; text-align: center; }
|
||||
|
||||
.nk-files-head { display: table-header-group; }
|
||||
|
||||
.nk-files-head .nk-file-item > div { font-weight: 500; font-size: 0.8125rem; padding: 0.25rem; }
|
||||
|
||||
.nk-files-head .nk-file-item > div:first-child { padding-left: 0; }
|
||||
|
||||
.nk-files-head .nk-file-item > div:last-child { padding-right: .5rem; }
|
||||
|
||||
.nk-files-head .dropdown-menu-xs { min-width: 140px; max-width: 140px; }
|
||||
|
||||
.nk-files-list { display: table-row-group; }
|
||||
|
||||
.nk-files-view-list { display: table; width: 100%; }
|
||||
|
||||
.nk-files-view-list .nk-file { display: table-row; }
|
||||
|
||||
.nk-files-view-list .nk-file.selected { background: #e3e7fe; }
|
||||
|
||||
.nk-files-view-list .nk-file.selected > div { background: transparent; }
|
||||
|
||||
.nk-files-view-list .nk-file > div { padding: .5rem .375rem; border-bottom: 1px solid #dbdfea; height: 4rem; background-color: #fff; }
|
||||
|
||||
.nk-files-view-list .nk-file > div:first-child { border-left: 1px solid #dbdfea; padding-left: 1.25rem; }
|
||||
|
||||
.nk-files-view-list .nk-file > div:last-child { border-right: 1px solid #dbdfea; }
|
||||
|
||||
.nk-files-view-list .nk-file > div.nk-file-info { padding-top: 0.125rem; padding-bottom: 0.125rem; }
|
||||
|
||||
.nk-files-view-list .nk-file:first-child > div { border-top: 1px solid #dbdfea; }
|
||||
|
||||
.nk-files-view-list .nk-file:first-child > div:first-child { border-top-left-radius: 4px; }
|
||||
|
||||
.nk-files-view-list .nk-file:first-child > div:last-child { border-top-right-radius: 4px; }
|
||||
|
||||
.nk-files-view-list .nk-file:last-child > div:first-child { border-bottom-left-radius: 4px; }
|
||||
|
||||
.nk-files-view-list .nk-file:last-child > div:last-child { border-bottom-right-radius: 4px; }
|
||||
|
||||
.nk-files-view-list .nk-file .custom-checkbox { margin-right: 1rem; }
|
||||
|
||||
.nk-files-view-list .nk-file-members .tb-shared { position: absolute; left: -1rem; top: 50%; transform: translateY(-50%); font-size: 1rem; }
|
||||
|
||||
.nk-files-view-list .nk-file-name-text a.title { padding: 1rem 0 0.875rem; }
|
||||
|
||||
.nk-files-view-list .nk-file-icon + .nk-file-name a.title { padding-left: 40px; margin-left: -40px; }
|
||||
|
||||
.nk-files-view-list.is-compact .nk-file > div { height: 3rem; }
|
||||
|
||||
.nk-files-view-grid .nk-files-head, .nk-files-view-group .nk-files-head { margin-bottom: 0.25rem; width: 100%; display: flex; }
|
||||
|
||||
.nk-files-view-grid .nk-files-head .nk-file-item, .nk-files-view-group .nk-files-head .nk-file-item { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0; }
|
||||
|
||||
.nk-files-view-grid .nk-files-head .nk-file-item > div:not(.nk-file-info):not(.nk-file-actions), .nk-files-view-group .nk-files-head .nk-file-item > div:not(.nk-file-info):not(.nk-file-actions) { display: none; }
|
||||
|
||||
.nk-files-view-grid .nk-files-head .nk-file-actions, .nk-files-view-group .nk-files-head .nk-file-actions { width: 30px; padding: 0 !important; margin-right: -4px; }
|
||||
|
||||
.nk-files-view-grid .nk-files-list, .nk-files-view-group .nk-files-list { display: flex; flex-wrap: wrap; margin: -8px; }
|
||||
|
||||
.nk-files-view-grid .nk-files-list .nk-file-actions, .nk-files-view-group .nk-files-list .nk-file-actions { position: absolute; border: 0 none; background: transparent; width: 46px; right: 4px; top: 10px; }
|
||||
|
||||
.nk-files-view-grid .nk-files-list .custom-control, .nk-files-view-group .nk-files-list .custom-control { position: absolute; }
|
||||
|
||||
.nk-files-view-grid .nk-file, .nk-files-view-group .nk-file { display: flex; position: relative; margin: 8px; background: #fff; border: 1px solid #dbdfea; border-radius: 4px; }
|
||||
|
||||
.nk-files-view-grid .nk-file .nk-file-members, .nk-files-view-group .nk-file .nk-file-members { display: none; }
|
||||
|
||||
.nk-files-view-grid .nk-file { display: block; position: relative; width: calc(50% - 16px); text-align: center; padding: .5rem 0.25rem; }
|
||||
|
||||
.nk-files-view-grid .nk-file > div { display: block; padding: 0; }
|
||||
|
||||
.nk-files-view-grid .nk-file-title { display: flex; flex-direction: column; }
|
||||
|
||||
.nk-files-view-grid .nk-file-icon { display: block; margin: 0; width: 100%; }
|
||||
|
||||
.nk-files-view-grid .nk-file-icon-type { width: 72px; padding: .5rem 0; }
|
||||
|
||||
.nk-files-view-grid .nk-file-name .title { padding: .5rem 0.125rem .5rem; }
|
||||
|
||||
.nk-files-view-grid .nk-file-name-text { padding-left: 1.5rem; padding-right: 1.5rem; }
|
||||
|
||||
.nk-files-view-grid .nk-file-desc { padding: 0 .25rem .75rem; margin-top: -0.125rem; justify-content: center; }
|
||||
|
||||
.nk-files-view-grid .nk-file-desc .members { display: none; }
|
||||
|
||||
.nk-files-view-grid .nk-file-info > .nk-file-link { padding: .5rem 0; }
|
||||
|
||||
.nk-files-view-grid .nk-file .nk-file-members { display: none; }
|
||||
|
||||
.nk-files-view-grid .nk-file .nk-file-meta { padding-bottom: .5rem; }
|
||||
|
||||
.nk-files-view-grid .nk-file .custom-control { top: .75rem; left: 1rem; }
|
||||
|
||||
.nk-files-view-group .nk-file { position: relative; padding: .5rem .5rem; width: 100%; }
|
||||
|
||||
.nk-files-view-group .nk-file > div { display: block; width: 100%; padding-right: 2.5rem; }
|
||||
|
||||
.nk-files-view-group .nk-file-desc { padding: .25rem .125rem 0; }
|
||||
|
||||
.nk-files-view-group .nk-file-name-text a.title { padding: .125rem 0; }
|
||||
|
||||
.nk-files-view-group .nk-file-icon + .nk-file-name a.title { padding-left: 40px; margin-left: -40px; }
|
||||
|
||||
.nk-files-view-group .nk-file .nk-file-actions { right: 2px; top: 4px; }
|
||||
|
||||
.nk-files-view-group .nk-file .custom-control { right: .5rem; bottom: .5rem; }
|
||||
|
||||
.nk-files-view-group .nk-file .nk-file-meta { display: none; }
|
||||
|
||||
.nk-files-group > .title { border-top: 1px solid #e5e9f2; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; padding: 1rem 0; margin: 0; }
|
||||
|
||||
.nk-files-group + .nk-files-group { margin-top: 3rem; }
|
||||
|
||||
@media (max-width: 767.98px) { .nk-file-name-text { font-size: 13px; }
|
||||
.nk-files-view-grid .nk-file-name-text { font-size: 12px; } }
|
||||
|
||||
@media (max-width: 991.98px) { .nk-fmg-body .nk-block-tools .btn-icon.btn-trigger .icon, .nk-fmg-body .nk-block-tools .dt-buttons .btn-trigger.btn-secondary .icon, .dt-buttons .nk-fmg-body .nk-block-tools .btn-trigger.btn-secondary .icon { font-size: 1.25rem; } }
|
||||
|
||||
@media (min-width: 576px) { .nk-files-view-grid .nk-file { width: calc(33.33% - 16px); }
|
||||
.nk-files-view-group .nk-file { width: calc(100% - 16px); } }
|
||||
|
||||
@media (min-width: 660px) { .nk-files-view-group .nk-file { width: calc(50% - 16px); } }
|
||||
|
||||
@media (min-width: 1200px) { .nk-files-view-grid .nk-file { width: calc(25% - 16px); }
|
||||
.nk-files-view-group .nk-file { width: calc(50% - 16px); } }
|
||||
|
||||
@media (max-width: 1199px) and (min-width: 992px), (max-width: 767px) { .nk-files-view-list .nk-file-members, .nk-files-view-list .nk-file-size { display: none !important; } }
|
||||
|
||||
@media (max-width: 599px) { .nk-files-view-list .nk-file-icon-type { width: 24px; }
|
||||
.nk-files-view-list .nk-file-meta, .nk-files-view-list .nk-file-date, .nk-files-view-list .nk-file-size { display: none !important; }
|
||||
.nk-files-view-list .nk-file .custom-checkbox { margin-right: 0.75rem; } }
|
||||
|
||||
@media (max-width: 359px) { .nk-files-view-grid .nk-file { width: 100%; } }
|
||||
|
||||
.nk-upload-form { margin-bottom: 2.25rem; }
|
||||
|
||||
.nk-upload-list > .title { font-size: .875rem; padding-bottom: 1rem; }
|
||||
|
||||
.nk-upload-item { display: flex; align-items: center; padding: .5rem; border-radius: 4px; border: 1px solid #e5e9f2; margin: .5rem 0; }
|
||||
|
||||
.nk-upload-icon { width: 48px; margin-right: .25rem; flex-shrink: 0; }
|
||||
|
||||
.nk-upload-info { font-weight: 500; color: #364a63; flex-grow: 1; padding-right: .75rem; }
|
||||
|
||||
.nk-upload-title { display: flex; align-items: flex-end; }
|
||||
|
||||
.nk-upload-title .title { font-size: .875rem; }
|
||||
|
||||
.nk-upload-title .meta { font-size: 12px; margin-left: auto; color: #8094ae; font-weight: 400; }
|
||||
|
||||
.nk-upload-size { font-size: 12px; color: #8094ae; font-weight: 400; }
|
||||
|
||||
.nk-upload-progress { margin: .375rem 0 .25rem; }
|
||||
|
||||
.nk-upload-action { margin-left: auto; }
|
||||
@@ -0,0 +1,240 @@
|
||||
|
||||
.ibx-count { position: relative; padding: 0.3125rem 0.75rem; font-size: 0.75rem; color: #8094ae; background: #fff; border: 1px solid #e5e9f2; display: inline-block; font-weight: 400; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 3px; }
|
||||
|
||||
.ibx-count:before, .ibx-count:after { position: absolute; height: 0; width: 0; top: 50%; transform: translateY(-50%); content: ''; border-style: solid; }
|
||||
|
||||
.ibx-count:before { right: -8px; border-width: 4px 0 4px 7px; border-color: transparent transparent transparent #e5e9f2; }
|
||||
|
||||
.ibx-count:after { right: -6px; border-width: 3px 0 3px 6px; border-color: transparent transparent transparent #fff; }
|
||||
|
||||
.nk-ibx-context { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
|
||||
|
||||
.nk-ibx-context-group { display: flex; align-items: center; }
|
||||
|
||||
.nk-ibx-context-badges { margin-right: 0.75rem; }
|
||||
|
||||
.nk-ibx-context-text { display: inline; color: #8094ae; }
|
||||
|
||||
.is-unread .nk-ibx-context-text { color: #526484; }
|
||||
|
||||
.nk-ibx-context-text .heading { color: #364a63; }
|
||||
|
||||
.is-unread .nk-ibx-context-text .heading { font-weight: 500; }
|
||||
|
||||
.ibx-actions { position: relative; display: inline-block; transition: background-color .3s; }
|
||||
|
||||
.ibx-actions-hidden { position: absolute; display: flex; right: calc(100% + 8px); opacity: 0; transition: background-color .3s; }
|
||||
|
||||
.nk-ibx-item:hover .ibx-actions-hidden { opacity: 1; background-color: #f5f6fa; }
|
||||
|
||||
.nk-ibx-item:hover .ibx-actions { background-color: #f5f6fa; }
|
||||
|
||||
.nk-ibx { position: relative; display: flex; overflow: hidden; background: #fff; border: 1px solid #dbdfea; border-radius: 4px; min-height: calc(100vh - (65px + 64px + 64px)); max-height: calc(100vh - (65px + 64px + 64px)); }
|
||||
|
||||
.nk-ibx-aside { position: absolute; background: #fff; width: 260px; overflow: hidden; height: 100%; max-height: 100%; display: flex; flex-direction: column; align-items: stretch; flex-shrink: 0; border-right: 1px solid #e5e9f2; transform: translateX(-100%); z-index: 99; transition: transform .4s linear; }
|
||||
|
||||
.nk-ibx-aside + .toggle-overlay { z-index: 90; position: absolute; }
|
||||
|
||||
.nk-ibx-aside.content-active { transform: none; }
|
||||
|
||||
.nk-ibx-aside .simplebar-content { height: 100%; display: flex; flex-direction: column; }
|
||||
|
||||
.nk-ibx-nav { overflow: auto; flex-grow: 1; height: 100%; max-width: 100%; }
|
||||
|
||||
.nk-ibx-nav-head { display: flex; align-items: center; justify-content: space-between; padding: 2rem 1.5rem .75rem; }
|
||||
|
||||
.nk-ibx-nav-head .title { font-size: 1rem; margin-bottom: 0; }
|
||||
|
||||
.nk-ibx-nav-head .dropdown > a, .nk-ibx-nav-head > .link { color: #8094ae; font-size: 0.875rem; }
|
||||
|
||||
.nk-ibx-head { position: relative; display: flex; align-items: center; justify-content: space-between; padding: .75rem 1.25rem; border-bottom: 1px solid #e5e9f2; min-height: 61px; }
|
||||
|
||||
.nk-ibx-head .title { font-size: 1rem; margin-bottom: 0; }
|
||||
|
||||
.nk-ibx-head-actions, .nk-ibx-head-tools { display: flex; align-items: center; }
|
||||
|
||||
.nk-ibx-head-tools .btn-icon.btn-trigger .icon, .nk-ibx-head-tools .dt-buttons .btn-trigger.btn-secondary .icon, .dt-buttons .nk-ibx-head-tools .btn-trigger.btn-secondary .icon { font-size: 1.25rem; }
|
||||
|
||||
.nk-ibx-head .search-wrap { padding: 0 1.365rem 0 1rem; }
|
||||
|
||||
.nk-ibx-head .search-wrap .icon { font-size: 1.25rem; }
|
||||
|
||||
.nk-ibx-head .search-back { transform: translate(-0.5rem, -50%); }
|
||||
|
||||
.nk-ibx-head-check { display: flex; margin-right: .325rem; }
|
||||
|
||||
.nk-ibx-action { position: relative; padding: 1rem 1.5rem; border-bottom: 1px solid #e5e9f2; }
|
||||
|
||||
.nk-ibx-action-list { display: flex; justify-content: space-between; align-items: center; }
|
||||
|
||||
.nk-ibx-action-item a { display: flex; align-items: center; }
|
||||
|
||||
.nk-ibx-action-item .icon { font-size: 1.5rem; }
|
||||
|
||||
.nk-ibx-action-item .icon + span { margin-left: 0.5rem; }
|
||||
|
||||
.nk-ibx-action-item .search-toggle .icon { font-size: 1.125rem; }
|
||||
|
||||
.nk-ibx-menu li { margin: 2px 0; }
|
||||
|
||||
.nk-ibx-menu li:hover { background: #f5f6fa; border-radius: 3px; }
|
||||
|
||||
.nk-ibx-menu li.active { background: #eff1ff; border-radius: 3px; }
|
||||
|
||||
.nk-ibx-menu-item { position: relative; display: flex; align-items: center; padding: .5rem .75rem; border-radius: 4px; }
|
||||
|
||||
.nk-ibx-menu-item .icon { font-size: 1.25rem; line-height: 1.5rem; width: 2rem; color: #8094ae; }
|
||||
|
||||
.nk-ibx-menu-item .badge { margin-left: auto; min-width: 2.25rem; justify-content: center; }
|
||||
|
||||
.active .nk-ibx-menu-item .icon { color: #6576ff; }
|
||||
|
||||
.nk-ibx-menu-text { font-size: .875rem; color: #526484; font-weight: 500; line-height: 1.5rem; }
|
||||
|
||||
.active .nk-ibx-menu-text { color: #6576ff; }
|
||||
|
||||
.nk-ibx-label > li, .nk-ibx-contact > li { position: relative; display: flex; align-items: center; border-radius: 4px; margin: 2px 0; transition: background-color .3s; }
|
||||
|
||||
.nk-ibx-label > li > a, .nk-ibx-contact > li > a { display: flex; padding: .5rem .75rem; flex-grow: 1; }
|
||||
|
||||
.nk-ibx-label > li .dropdown, .nk-ibx-contact > li .dropdown { opacity: 0; }
|
||||
|
||||
.nk-ibx-label > li .dropdown > a, .nk-ibx-contact > li .dropdown > a { color: #526484; padding: .6875rem; }
|
||||
|
||||
.nk-ibx-label > li:hover, .nk-ibx-contact > li:hover { background: #f5f6fa; }
|
||||
|
||||
.nk-ibx-label > li:hover .dropdown, .nk-ibx-contact > li:hover .dropdown { opacity: 1; }
|
||||
|
||||
.nk-ibx-label > li.active, .nk-ibx-contact > li.active { background: #c4cefe; }
|
||||
|
||||
.nk-ibx-label-text { line-height: 1; margin-left: 1rem; font-size: .875rem; color: #526484; font-weight: 500; }
|
||||
|
||||
.nk-ibx-menu, .nk-ibx-label, .nk-ibx-contact { padding-left: .75rem; padding-right: .75rem; }
|
||||
|
||||
.nk-ibx-menu { padding-top: .75rem; }
|
||||
|
||||
.nk-ibx-contact { padding-bottom: 1.75rem; }
|
||||
|
||||
.nk-ibx-status { background: #f5f6fa; padding: 1.5rem 1.5rem; margin-top: auto; }
|
||||
|
||||
.nk-ibx-status-info { margin-bottom: 0.5rem; }
|
||||
|
||||
.nk-ibx-status-info .icon { width: 1.25rem; display: inline-block; }
|
||||
|
||||
.nk-ibx-body { position: relative; display: flex; flex-direction: column; overflow: hidden; flex-grow: 1; flex-shrink: 1; }
|
||||
|
||||
.nk-ibx-list { display: flex; flex-direction: column; max-height: 100%; height: 100%; overflow: auto; }
|
||||
|
||||
.nk-ibx-item { position: relative; display: flex; align-items: center; background: #fff; padding: 1rem 1.25rem; transition: background-color .3s; cursor: pointer; }
|
||||
|
||||
.nk-ibx-item:not(:last-child) { border-bottom: 1px solid #e5e9f2; }
|
||||
|
||||
.nk-ibx-item:not(.no-hover):hover, .nk-ibx-item.active { background: #f5f6fa; }
|
||||
|
||||
.nk-ibx-item.is-unread { background: rgba(245, 246, 250, 0.6); }
|
||||
|
||||
.nk-ibx-item-elem { padding: 0 8px; flex-shrink: 0; }
|
||||
|
||||
.nk-ibx-item-elem:first-child { padding-left: 0; }
|
||||
|
||||
.nk-ibx-item-check { width: 28px; display: inline-flex; }
|
||||
|
||||
.nk-ibx-item-fluid { flex-grow: 1; flex-shrink: 1; width: 100%; max-width: 100%; overflow: hidden; }
|
||||
|
||||
.nk-ibx-item-user .user-name { max-width: calc(100% - 50px); }
|
||||
|
||||
.nk-ibx-item-user .user-name .lead-text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; }
|
||||
|
||||
.is-unread .nk-ibx-item-user .user-name .lead-text { font-weight: 500; }
|
||||
|
||||
.nk-ibx-item-count { width: 3.25rem; }
|
||||
|
||||
.nk-ibx-item-time { width: 80px; text-align: right; }
|
||||
|
||||
.nk-ibx-item-attach { width: 2.25rem; text-align: center; }
|
||||
|
||||
.nk-ibx-item-star .asterisk { padding: 0 .25rem; }
|
||||
|
||||
.nk-ibx-item-star .asterisk a { display: flex; }
|
||||
|
||||
.nk-ibx-item-star .asterisk .icon { line-height: 1; font-size: 1.125rem; }
|
||||
|
||||
.nk-ibx-item-tools { padding-right: 0; margin-left: auto; text-align: right; }
|
||||
|
||||
.nk-ibx-item-check, .nk-ibx-item-star, .nk-ibx-item-attach { position: relative; z-index: 2; }
|
||||
|
||||
.nk-ibx-item-tools { position: relative; z-index: 3; }
|
||||
|
||||
.nk-ibx-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; }
|
||||
|
||||
.nk-ibx-link + .nk-ibx-item-elem { padding-left: 0; }
|
||||
|
||||
.nk-ibx-view { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; z-index: 2; opacity: 0; visibility: hidden; pointer-events: none; display: flex; flex-direction: column; overflow: hidden; }
|
||||
|
||||
.nk-ibx-view.show-ibx { opacity: 1; visibility: visible; pointer-events: all; }
|
||||
|
||||
.nk-ibx-reply-head { padding: 1.5rem 1.25rem 0; display: flex; align-items: flex-start; justify-content: space-between; }
|
||||
|
||||
.nk-ibx-reply-head .title { margin-bottom: .75rem; }
|
||||
|
||||
.nk-ibx-reply-header { margin-right: -.5rem; }
|
||||
|
||||
.nk-ibx-reply-item { position: relative; }
|
||||
|
||||
.nk-ibx-reply-item > div:not(.nk-reply-header) { margin-left: 0; margin-top: 1.25rem; margin-bottom: 0.75rem; }
|
||||
|
||||
.nk-ibx-reply-item:not(:last-child):after { position: absolute; left: 1.25rem; right: 1.25rem; height: 1px; bottom: 1rem; content: ''; background: #e5e9f2; }
|
||||
|
||||
@media (min-width: 576px) { .nk-ibx-item, .nk-ibx-head { padding-left: 2.25rem; padding-right: 2.25rem; }
|
||||
.nk-ibx-head .search-wrap { padding: 0 2.375rem 0 2rem; }
|
||||
.nk-ibx-reply-head { padding: 2em 2.25rem 0; }
|
||||
.nk-ibx-reply-item { padding-bottom: 2.75rem; }
|
||||
.nk-ibx-reply-item > div:not(.nk-reply-header) { margin-left: 56px; }
|
||||
.nk-ibx-reply-item:not(:last-child):after { bottom: 1.375rem; left: 2.25rem; right: 2.25rem; }
|
||||
.nk-ibx-reply-quick-btns, .nk-ibx-reply-form { margin-left: 5.75rem; } }
|
||||
|
||||
@media (min-width: 768px) { .nk-ibx-item-user { width: 180px; } }
|
||||
|
||||
@media (min-width: 992px) { .nk-ibx-aside { position: static; transform: none; transition: none; height: calc(100vh - 196px); }
|
||||
.nk-ibx-menu, .nk-ibx-label, .nk-ibx-contact { padding-left: 1rem; padding-right: 1rem; }
|
||||
.nk-ibx-menu { padding-top: 1rem; }
|
||||
.nk-ibx-contact { padding-bottom: 1rem; }
|
||||
.nk-ibx-nav-head { padding-left: 1.75rem; padding-right: 1.75rem; }
|
||||
.nk-ibx-item, .nk-ibx-head { padding-left: 1.75rem; padding-right: 1.75rem; }
|
||||
.nk-ibx-head .search-wrap { padding: 0 2.25rem 0 1.5rem; }
|
||||
.nk-ibx-body { max-width: calc(100% - 260px); }
|
||||
.nk-ibx-reply-quick-btns, .nk-ibx-reply-form { margin-left: 5.25rem; }
|
||||
.nk-ibx-reply-item, .nk-ibx-reply-head { padding-left: 1.75rem; padding-right: 1.75rem; } }
|
||||
|
||||
@media (min-width: 1200px) { .nk-ibx-aside { width: 300px; }
|
||||
.nk-ibx-item-user { width: 200px; }
|
||||
.nk-ibx-item-time { margin-right: 2rem; } }
|
||||
|
||||
@media (max-width: 1199.98px) { .nk-ibx-item-attach { display: none; } }
|
||||
|
||||
@media (max-width: 767.98px) { .nk-ibx-item { flex-wrap: wrap; }
|
||||
.nk-ibx-item-elem { padding: 0 4px; }
|
||||
.nk-ibx-item-fluid { padding-left: 32px; padding-right: 48px; margin-top: 6px; width: calc(100% - 2.5rem); }
|
||||
.nk-ibx-item-fluid .heading { display: block; }
|
||||
.nk-ibx-item-count, .nk-ibx-item-attach { display: none; }
|
||||
.nk-ibx-item-user { flex-grow: 1; }
|
||||
.nk-ibx-item-user .user-avatar { height: 28px; width: 28px; font-size: 12px; }
|
||||
.nk-ibx-item-time { position: absolute; right: 32px; top: 19px; }
|
||||
.nk-ibx-item-tools { position: absolute; text-align: right; right: 28px; bottom: 18px; }
|
||||
.nk-ibx-item-star { position: absolute; left: 28px; top: 50px; }
|
||||
.nk-ibx-context-badges { display: none; }
|
||||
.ibx-actions-hidden { display: none; } }
|
||||
|
||||
@media (max-width: 575.98px) { .nk-ibx-item-star { left: 12px; }
|
||||
.nk-ibx-item-time { right: 12px; }
|
||||
.nk-ibx-item-tools { right: 8px; }
|
||||
.nk-ibx-reply-head .title { font-size: 1.125rem; }
|
||||
.nk-ibx-reply .btn-icon.btn-trigger, .nk-ibx-reply .dt-buttons .btn-trigger.btn-secondary, .dt-buttons .nk-ibx-reply .btn-trigger.btn-secondary { padding-top: 0.3125rem; padding-bottom: 0.3125rem; }
|
||||
.nk-ibx-reply .btn-icon.btn-trigger .icon, .nk-ibx-reply .dt-buttons .btn-trigger.btn-secondary .icon, .dt-buttons .nk-ibx-reply .btn-trigger.btn-secondary .icon { width: 1.875rem; } }
|
||||
|
||||
@media (max-width: 359px) { .nk-ibx-head .btn-icon.btn-trigger, .nk-ibx-head .dt-buttons .btn-trigger.btn-secondary, .dt-buttons .nk-ibx-head .btn-trigger.btn-secondary { padding-top: 0.3125rem; padding-bottom: 0.3125rem; }
|
||||
.nk-ibx-head .btn-icon.btn-trigger .icon, .nk-ibx-head .dt-buttons .btn-trigger.btn-secondary .icon, .dt-buttons .nk-ibx-head .btn-trigger.btn-secondary .icon { width: 1.875rem; } }
|
||||
|
||||
@media (min-width: 576px) and (max-width: 991.98px) { .nk-ibx-aside { width: 320px; }
|
||||
.nk-ibx-menu, .nk-ibx-label, .nk-ibx-contact { padding-left: 1.5rem; padding-right: 1.5rem; }
|
||||
.nk-ibx-nav-head, .nk-ibx-status { padding-left: 2.25rem; padding-right: 2.25rem; } }
|
||||
@@ -0,0 +1,382 @@
|
||||
/** Project: Invest | Package: DashLite | Version : 1.0.0 **/
|
||||
.table-iv-tnx .sub-text, .table-iv-tnx .lead-text { font-size: 12px; }
|
||||
|
||||
.nk-wg-card.is-dark { background: #2c3782; color: #fff; }
|
||||
|
||||
.nk-wg-card:after { content: ""; position: absolute; height: 0.25rem; background-color: transparent; left: 0; bottom: 0; right: 0; border-radius: 0 0 3px 3px; }
|
||||
|
||||
.nk-wg-card.is-s1:after { background-color: #364a63; }
|
||||
|
||||
.nk-wg-card.is-s2:after { background-color: #6576ff; }
|
||||
|
||||
.nk-wg-card.is-s3:after { background-color: #1ee0ac; }
|
||||
|
||||
.nk-iv-wg1 { position: relative; max-width: 100%; padding: 1rem 1.25rem; border-radius: 4px; border: 1px solid #dbdfea; background: #fff; }
|
||||
|
||||
.nk-iv-wg1 .sub-text { margin-bottom: 0.5rem; }
|
||||
|
||||
.nk-iv-wg1-info { color: #6576ff; font-weight: 400; font-size: 1.125rem; margin-bottom: 1rem; }
|
||||
|
||||
.nk-iv-wg1-progress { position: absolute; left: 0; right: 0; bottom: 0; background: #dbdfea; height: 4px; border-radius: 0 0 4px 4px; overflow: hidden; }
|
||||
|
||||
.nk-iv-wg2 { display: flex; flex-direction: column; height: 100%; }
|
||||
|
||||
.nk-iv-wg2-text:not(:last-child) { margin-bottom: 2.5rem; }
|
||||
|
||||
.nk-iv-wg2-title { margin-bottom: .75rem; }
|
||||
|
||||
.nk-iv-wg2-title .title { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; color: #8094ae; font-family: Roboto, sans-serif; }
|
||||
|
||||
.nk-iv-wg2-title .title .icon { font-size: 13px; margin-left: 0.2rem; }
|
||||
|
||||
.is-dark .nk-iv-wg2-title .title { color: #c4cefe; }
|
||||
|
||||
.nk-iv-wg2-amount { font-size: 2.25rem; letter-spacing: -0.03em; line-height: 1.15em; display: flex; justify-content: space-between; align-items: baseline; }
|
||||
|
||||
.nk-iv-wg2-amount .change, .nk-iv-wg2-amount .sub { padding-left: 0.5rem; line-height: 1; }
|
||||
|
||||
.nk-iv-wg2-amount .change, .nk-iv-wg2-amount .sub > span { font-size: 0.875rem; color: #6576ff; font-weight: 500; letter-spacing: normal; }
|
||||
|
||||
.nk-iv-wg2-amount .sub { font-size: 0.875rem; }
|
||||
|
||||
.nk-iv-wg2-amount .sub span { padding-right: 2px; }
|
||||
|
||||
.nk-iv-wg2-amount.ui-v2 { font-size: 1.875rem; border-bottom: 2px solid #6576ff; padding-bottom: 1.25rem; margin-bottom: 1rem; display: block; }
|
||||
|
||||
.nk-iv-wg2-amount.ui-v2 .change, .nk-iv-wg2-amount.ui-v2 .sub > span { font-size: 1rem; }
|
||||
|
||||
.nk-iv-wg2-cta { text-align: center; margin-top: auto; margin-bottom: -0.5rem; }
|
||||
|
||||
.nk-iv-wg2-cta .cta-extra { margin-top: 1rem; min-height: 28px; }
|
||||
|
||||
.nk-iv-wg2-list li { padding-top: 0.3rem; padding-bottom: 0.3rem; }
|
||||
|
||||
.nk-iv-wg2-list small { font-size: 0.86em; }
|
||||
|
||||
.nk-iv-wg2-list .item-value { font-weight: 500; font-size: 0.8125rem; color: #364a63; float: right; }
|
||||
|
||||
.nk-iv-wg2-list .total { border-top: 1px solid #dbdfea; margin-top: 0.3rem; padding-top: 0.55rem; font-weight: 700; }
|
||||
|
||||
.nk-iv-wg2-list .total .item-value { font-weight: 700; }
|
||||
|
||||
.nk-iv-wg3-group { display: flex; align-items: flex-end; flex-wrap: wrap; }
|
||||
|
||||
.nk-iv-wg3-ck { position: relative; height: 45px; margin-bottom: .5rem; }
|
||||
|
||||
.nk-iv-wg3-title { font-size: 1.125rem; color: #8094ae; margin-bottom: .5rem; font-weight: 400; }
|
||||
|
||||
.nk-iv-wg3-title .icon { font-size: .875rem; }
|
||||
|
||||
.nk-iv-wg3-sub { font-size: .875rem; color: #8094ae; margin-top: .125rem; }
|
||||
|
||||
.nk-iv-wg3-sub-group { display: flex; flex-shrink: 0; }
|
||||
|
||||
.nk-iv-wg3-sub .icon { font-size: .75rem; }
|
||||
|
||||
.nk-iv-wg3-plus { position: absolute; }
|
||||
|
||||
.nk-iv-wg3-plus .icon { font-size: 1rem; line-height: 1.5rem; }
|
||||
|
||||
.nk-iv-wg3-plus ~ * { padding-left: 24px; }
|
||||
|
||||
.nk-iv-wg3-amount .number { font-size: 1.25rem; font-weight: 700; color: #364a63; line-height: 1.5rem; white-space: nowrap; }
|
||||
|
||||
.nk-iv-wg3-amount .number small { font-weight: 400; }
|
||||
|
||||
.nk-iv-wg3-amount .number-sm { font-size: 1.15rem; color: #364a63; line-height: 1.5rem; white-space: nowrap; }
|
||||
|
||||
.nk-iv-wg3-amount .number .number-up, .nk-iv-wg3-amount .number .number-down { font-size: 50%; }
|
||||
|
||||
.nk-iv-wg3-amount .number .number-up .icon, .nk-iv-wg3-amount .number .number-down .icon { color: #526484; }
|
||||
|
||||
.nk-iv-wg3-amount .number .number-up:before, .nk-iv-wg3-amount .number .number-down:before { font-family: "Nioicon"; }
|
||||
|
||||
.nk-iv-wg3-amount .number .number-up { color: #1ee0ac; }
|
||||
|
||||
.nk-iv-wg3-amount .number .number-up:before { content: ""; }
|
||||
|
||||
.nk-iv-wg3-amount .number .number-down { color: #e85347; }
|
||||
|
||||
.nk-iv-wg3-amount .number .number-down:before { content: ""; }
|
||||
|
||||
.nk-iv-wg3-nav { display: flex; align-items: center; flex-wrap: wrap; margin: -.5rem -1.25rem; }
|
||||
|
||||
.nk-iv-wg3-nav li a { padding: .5rem 1.25rem; display: flex; align-items: center; }
|
||||
|
||||
.nk-iv-wg3-nav li a .icon { font-size: 1.125rem; width: 1.75rem; line-height: 1.25rem; }
|
||||
|
||||
.nk-iv-wg3-nav li a span { font-size: 0.875rem; line-height: 1.25rem; }
|
||||
|
||||
.nk-iv-wg3-list li { display: flex; justify-content: space-between; align-items: center; padding: .5rem 1.25rem; border-bottom: 1px solid #e5e9f2; }
|
||||
|
||||
.nk-iv-wg3-list li .lead-text { font-size: 13px; font-weight: 400; }
|
||||
|
||||
.nk-iv-wg3-list:last-child { padding: 0 0 1rem; }
|
||||
|
||||
.nk-iv-wg3-list:last-child li:last-child { border-bottom: none; }
|
||||
|
||||
@media (max-width: 991.98px) { .nk-iv-wg3-sub:first-child { min-width: 160px; } }
|
||||
|
||||
@media (max-width: 420px) { .nk-iv-wg3-sub { width: 100%; }
|
||||
.nk-iv-wg3-sub-group { flex-wrap: wrap; }
|
||||
.nk-iv-wg3-plus { margin-bottom: .75rem; display: inline-block; }
|
||||
.nk-iv-wg3-plus .icon { font-size: 1.5rem; line-height: 2.25rem; }
|
||||
.nk-iv-wg3-plus ~ * { padding-left: 0; }
|
||||
.nk-iv-wg3-plus + * { padding-top: 40px; } }
|
||||
|
||||
@media (min-width: 576px) { .nk-iv-wg3-list li { padding: .5rem 1.75rem; } }
|
||||
|
||||
@media (min-width: 680px) and (max-width: 991px) { .nk-iv-wg3-list { display: flex; flex-wrap: wrap; }
|
||||
.nk-iv-wg3-list li { width: 50%; }
|
||||
.nk-iv-wg3-list li:last-child { border-bottom: 1px solid #e5e9f2; }
|
||||
.nk-iv-wg3-list:last-child li:nth-last-child(2) { border-bottom: none; } }
|
||||
|
||||
@media (min-width: 992px) { .nk-iv-wg3-list { width: 33.333333%; float: left; }
|
||||
.nk-iv-wg3-list li:last-child { border-bottom: none; } }
|
||||
|
||||
@media (min-width: 1200px) { .nk-iv-wg3-amount .number { font-size: 1.75rem; line-height: 2.25rem; font-weight: 500; }
|
||||
.nk-iv-wg3-amount .number-sm { font-size: 1.25rem; line-height: 2.25rem; }
|
||||
.nk-iv-wg3-plus .icon { font-size: 1.25rem; line-height: 2.25rem; }
|
||||
.nk-iv-wg3-plus ~ * { padding-left: 32px; } }
|
||||
|
||||
.nk-iv-wg4 .lead-text { font-weight: 400; }
|
||||
|
||||
.nk-iv-wg4-title { margin-bottom: 0.75rem; }
|
||||
|
||||
.nk-iv-wg4-sub { padding: 1.25rem 1.5rem; }
|
||||
|
||||
.nk-iv-wg4-sub:not(:last-child) { border-bottom: 1px solid #e5e9f2; }
|
||||
|
||||
.card .nk-iv-wg4-sub:last-child { border-radius: 0 0 3px 3px; }
|
||||
|
||||
.nk-iv-wg4-sub .btn, .nk-iv-wg4-sub .dual-listbox .dual-listbox__button, .dual-listbox .nk-iv-wg4-sub .dual-listbox__button { margin-top: 0.5rem; margin-bottom: 0.5rem; }
|
||||
|
||||
.nk-iv-wg4-overview { display: flex; flex-wrap: wrap; }
|
||||
|
||||
.nk-iv-wg4-overview li { width: 50%; }
|
||||
|
||||
.nk-iv-wg4-list li { display: flex; justify-content: space-between; }
|
||||
|
||||
.nk-iv-wg4-list li:not(:last-child) { margin-bottom: 0.25rem; }
|
||||
|
||||
@media (max-width: 420px) { .nk-iv-wg4-overview li { width: 100%; } }
|
||||
|
||||
.nk-iv-wg5 { display: inline-flex; flex-direction: column; margin-left: auto; margin-right: auto; }
|
||||
|
||||
.nk-iv-wg5-head { margin-bottom: 1rem; }
|
||||
|
||||
.nk-iv-wg5-title { margin-bottom: .25rem; }
|
||||
|
||||
.nk-iv-wg5-subtitle { color: #8094ae; }
|
||||
|
||||
.nk-iv-wg5-ck { margin-top: auto; position: relative; display: inline-block; }
|
||||
|
||||
.nk-iv-wg5-ck-result { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
|
||||
|
||||
.nk-iv-wg5-ck-result .text-lead { font-size: 40px; font-weight: 300; color: #364a63; line-height: 1.3; }
|
||||
|
||||
.nk-iv-wg5-ck-result .text-lead.sm { font-size: 30px; }
|
||||
|
||||
.nk-iv-wg5-ck-result .text-sub { font-size: 12px; font-weight: 500; color: #8094ae; }
|
||||
|
||||
.nk-iv-wg5-ck-minmax { display: flex; justify-content: space-between; color: #8094ae; font-size: 12px; }
|
||||
|
||||
@media (min-width: 1200px) { .nk-iv-wg5-ck canvas { width: 300px !important; height: 150px !important; }
|
||||
.nk-iv-wg5-ck.sm canvas { width: 240px !important; height: 120px !important; } }
|
||||
|
||||
|
||||
.plan-iv-actions { padding-top: 2rem; }
|
||||
|
||||
.plan-item { position: relative; padding: 14px; }
|
||||
|
||||
.plan-item-card { position: relative; background: #fff; box-shadow: 0 0.125rem 0.25rem rgba(43, 55, 72, 0.15); border-radius: 4px; border: 1px solid transparent; transition: all .3s; }
|
||||
|
||||
.plan-item-card:after { position: absolute; right: 12px; top: 12px; height: 24px; width: 24px; border-radius: 50%; background: #6576ff; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 14px; font-family: "Nioicon"; content: ""; opacity: 0; transition: opacity .3s; }
|
||||
|
||||
.plan-item-card .sub-text { font-size: 12px; }
|
||||
|
||||
.plan-item-head { text-align: center; padding: 1.75rem 1.5rem; border-bottom: 1px solid #e5e9f2; }
|
||||
|
||||
.plan-item-heading:not(:last-child) { padding-bottom: 1rem; }
|
||||
|
||||
.plan-item-title { margin-bottom: 0.25rem; }
|
||||
|
||||
.plan-item-summary .lead-text { font-size: 2rem; font-weight: 500; line-height: 1.3; }
|
||||
|
||||
.plan-item-desc-list li { display: flex; padding: .25rem 0; }
|
||||
|
||||
.plan-item-desc-list .desc-label { min-width: 50%; }
|
||||
|
||||
.plan-item-desc-list .desc-data { margin-left: auto; }
|
||||
|
||||
.plan-item-desc-list + .plan-item-action { margin-top: 2rem; }
|
||||
|
||||
.plan-item-body { padding: 2rem 2.5rem 2.5rem; }
|
||||
|
||||
.plan-item-action { text-align: center; }
|
||||
|
||||
.plan-control { position: absolute; opacity: 0; height: 1px; width: 1px; }
|
||||
|
||||
.plan-control:checked + .plan-item-card { border-color: #6576ff; }
|
||||
|
||||
.plan-control:checked + .plan-item-card:after { opacity: 1; }
|
||||
|
||||
.plan-control:checked + .plan-item-card .plan-label { cursor: default; background: #6576ff; border-color: #6576ff; color: #fff; }
|
||||
|
||||
.plan-control:checked + .plan-item-card .plan-label-selected { display: block !important; }
|
||||
|
||||
.plan-control:checked + .plan-item-card .plan-label-base { display: none !important; }
|
||||
|
||||
.plan-label { cursor: pointer; padding: 0.4375rem 1rem; margin-bottom: 0; font-family: Nunito, sans-serif; font-weight: 700; font-size: 12px; line-height: 1.25rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: 4px; border: 1px solid #dbdfea; background: #f5f6fa; min-width: 170px; text-align: center; transition: all .3s; }
|
||||
|
||||
.plan-label .plan-label-selected { display: none; }
|
||||
|
||||
@media (min-width: 576px) { .plan-iv-actions { padding-top: 3.5rem; } }
|
||||
|
||||
.invest-cc-dropdown { width: 100%; }
|
||||
|
||||
.invest-cc-dropdown .dropdown-indicator:after { position: absolute; top: 0; right: 0; bottom: 0; width: 56px; font-size: 24px; display: inline-flex; align-items: center; justify-content: center; color: #8094ae; opacity: 0.5; }
|
||||
|
||||
.invest-cc-dropdown .dropdown-menu { margin-top: -78px; }
|
||||
|
||||
.invest-cc-dropdown .dropdown-menu[x-placement="top-start"] { margin-top: 0; margin-bottom: -78px; }
|
||||
|
||||
.invest-cc-item:not(:last-child) { border-bottom: 1px solid #e5e9f2; }
|
||||
|
||||
.invest-cc-choosen, .invest-cc-chosen { display: block; width: 100%; border: 1px solid #dbdfea; border-radius: 4px; background: #fff; }
|
||||
|
||||
.invest-cc-opt { display: block; }
|
||||
|
||||
.invest-pm-list { border: 1px solid #dbdfea; background: #fff; border-radius: 4px; }
|
||||
|
||||
.invest-pm-item { position: relative; }
|
||||
|
||||
.invest-pm-item:not(:last-child) { border-bottom: 1px solid #e5e9f2; }
|
||||
|
||||
.invest-pm-label { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; padding: 16px 20px 16px 60px; cursor: pointer; }
|
||||
|
||||
.invest-pm-label:before, .invest-pm-label:after { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); height: 24px; width: 24px; border-radius: 50%; }
|
||||
|
||||
.invest-pm-label:before { content: ''; border: 2px solid #dbdfea; }
|
||||
|
||||
.invest-pm-label:after { font-family: "Nioicon"; content: ""; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: #6576ff; transition: opacity .3s; opacity: 0; }
|
||||
|
||||
.invest-pm-label .pm-name { font-size: 14px; color: #364a63; }
|
||||
|
||||
.invest-pm-label .pm-icon { display: inline-flex; font-size: 24px; color: #8094ae; }
|
||||
|
||||
.invest-pm-control { position: absolute; top: 0; height: 1px; width: 1px; opacity: 0; }
|
||||
|
||||
.invest-pm-control:checked ~ .buysell-pm-label { cursor: default; }
|
||||
|
||||
.invest-pm-control:checked ~ .buysell-pm-label:after { opacity: 1; }
|
||||
|
||||
.invest-field .form-control-amount { padding: 1rem 4rem 1.25rem 1.5rem; height: 3.75rem; font-size: 1.25rem; color: #8094ae; border-color: #dbdfea; }
|
||||
|
||||
.invest-field .form-control-amount ~ .form-range-slider { position: absolute; left: 0; bottom: 0; right: 0; }
|
||||
|
||||
.invest-field .form-control-amount ~ .form-range-slider.noUi-horizontal { height: 4px; border-radius: 0 0 4px 4px; }
|
||||
|
||||
.invest-field .form-control-amount ~ .form-range-slider.noUi-target { background: rgba(219, 223, 234, 0.6); }
|
||||
|
||||
.invest-field .form-control-amount ~ .form-range-slider .noUi-connects { border-radius: 0 0 4px 4px; }
|
||||
|
||||
.invest-field:not(:last-child) { margin-bottom: 1.75rem; }
|
||||
|
||||
.invest-amount-group { display: flex; flex-wrap: wrap; }
|
||||
|
||||
.invest-amount-item { position: relative; flex-grow: 1; width: 33.33%; }
|
||||
|
||||
.invest-amount-label { cursor: pointer; border-radius: 4px; border: 1px solid #dbdfea; background: #fff; font-size: 14px; text-align: center; line-height: 1.25rem; padding: 1rem; width: 100%; margin-bottom: 0; transition: all .3s; }
|
||||
|
||||
.invest-amount-control { position: absolute; opacity: 0; height: 1px; width: 1px; }
|
||||
|
||||
.invest-amount-control:checked ~ .invest-amount-label { border-color: #6576ff; background-color: #6576ff; color: #fff; }
|
||||
|
||||
@media (min-width: 576px) { .invest-amount-item { width: auto; } }
|
||||
|
||||
.nk-iv-scheme-list:not(:last-child) { margin-bottom: 1.5rem; }
|
||||
|
||||
.nk-iv-scheme-item { position: relative; display: flex; flex-wrap: nowrap; align-items: center; background-color: #fff; border-radius: 4px; border: 1px solid #dbdfea; padding: 1.25rem; }
|
||||
|
||||
.nk-iv-scheme-item:not(:first-child) { margin-top: 1.5rem; }
|
||||
|
||||
.nk-iv-scheme-item .amount { color: #364a63; font-weight: 700; }
|
||||
|
||||
.nk-iv-scheme-item .amount-ex { color: #6576ff; font-weight: 400; }
|
||||
|
||||
.nk-iv-scheme-item div { flex-grow: 1; }
|
||||
|
||||
.nk-iv-scheme-icon { width: 40px; height: 40px; text-align: center; background: #f5f6fa; border-radius: 50%; margin-right: 1rem; flex-shrink: 0; flex-grow: 0 !important; color: #526484; }
|
||||
|
||||
.nk-iv-scheme-icon.is-running { color: #6576ff; background: rgba(101, 118, 255, 0.08); }
|
||||
|
||||
.nk-iv-scheme-icon.is-pause { color: #f4bd0e; background: rgba(244, 189, 14, 0.08); }
|
||||
|
||||
.nk-iv-scheme-icon.is-pending { color: #09c2de; background: rgba(9, 194, 222, 0.08); }
|
||||
|
||||
.nk-iv-scheme-icon.is-cancel { color: #e85347; background: rgba(232, 83, 71, 0.08); }
|
||||
|
||||
.nk-iv-scheme-icon .icon { line-height: 40px; font-size: 1.3rem; }
|
||||
|
||||
.nk-iv-scheme-info { padding-right: 0.75rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
|
||||
|
||||
.nk-iv-scheme-name { font-weight: 700; font-size: 0.875rem; color: #364a63; }
|
||||
|
||||
.nk-iv-scheme-desc { color: #8094ae; font-size: 0.8125rem; }
|
||||
|
||||
.nk-iv-scheme-amount { display: none; }
|
||||
|
||||
.nk-iv-scheme-amount a { display: none; }
|
||||
|
||||
.nk-iv-scheme-amount div { flex-grow: 0; padding: 0 1rem; }
|
||||
|
||||
.nk-iv-scheme-term { display: none; }
|
||||
|
||||
.nk-iv-scheme-term div { flex-grow: 0; padding: 0 1.5rem; }
|
||||
|
||||
.nk-iv-scheme-start { position: relative; }
|
||||
|
||||
.nk-iv-scheme-start:after { border: none !important; font-family: "Nioicon"; vertical-align: middle; position: absolute; top: 50%; left: 100%; margin-left: -0.7rem; content: ""; transform: translateY(-50%); font-size: 18px; color: #8094ae; }
|
||||
|
||||
.nk-iv-scheme-label { display: block; font-size: 0.8125rem; }
|
||||
|
||||
.nk-iv-scheme-value { font-weight: 500; }
|
||||
|
||||
.nk-iv-scheme-more { margin-left: auto; margin-right: -1rem; flex-grow: 0 !important; border-radius: 50%; transition: background-color 0.4s; }
|
||||
|
||||
.nk-iv-scheme-more:hover { background-color: #f5f6fa; }
|
||||
|
||||
.nk-iv-scheme-more .btn, .nk-iv-scheme-more .dual-listbox .dual-listbox__button, .dual-listbox .nk-iv-scheme-more .dual-listbox__button { margin-left: auto; color: #8094ae; width: 40px; height: 40px; }
|
||||
|
||||
.nk-iv-scheme-more .btn .icon, .nk-iv-scheme-more .dual-listbox .dual-listbox__button .icon, .dual-listbox .nk-iv-scheme-more .dual-listbox__button .icon { font-size: 18px; }
|
||||
|
||||
.nk-iv-scheme-progress { position: absolute; bottom: 0; left: 0; right: 0; }
|
||||
|
||||
.nk-iv-scheme-progress .progress-bar { width: 0px; height: 3px; border-radius: 0 3px 3px 3px; }
|
||||
|
||||
.nk-iv-scheme-progress .progress-bar[data-progress="100"] { border-radius: 0 0 3px 3px; }
|
||||
|
||||
.nk-iv-scheme-order { display: flex; flex-direction: column; }
|
||||
|
||||
.nk-iv-scheme-order .nk-iv-scheme-value { order: -1; }
|
||||
|
||||
@media (min-width: 576px) { .nk-iv-scheme-list:not(:last-child) { margin-bottom: 2.75rem; }
|
||||
.nk-iv-scheme-item { padding: 1.5rem; }
|
||||
.nk-iv-scheme-amount { display: block; }
|
||||
.nk-iv-scheme-amount-a { display: none; }
|
||||
.nk-iv-scheme-amount div { padding: 0; } }
|
||||
|
||||
@media (min-width: 768px) { .nk-iv-scheme-amount { display: flex !important; }
|
||||
.nk-iv-scheme-amount-a { display: flex; }
|
||||
.nk-iv-scheme-amount div { padding: 0 1rem; } }
|
||||
|
||||
@media (min-width: 992px) { .nk-iv-scheme-icon { width: 50px; height: 50px; }
|
||||
.nk-iv-scheme-icon .icon { line-height: 50px; font-size: 1.5rem; }
|
||||
.nk-iv-scheme-term { display: flex !important; }
|
||||
.nk-iv-scheme-more .btn, .nk-iv-scheme-more .dual-listbox .dual-listbox__button, .dual-listbox .nk-iv-scheme-more .dual-listbox__button { width: 44px; height: 44px; } }
|
||||
|
||||
@media (min-width: 1200px) { .nk-iv-scheme-term div, .nk-iv-scheme-amount div { flex-grow: 0; padding: 0 2rem; }
|
||||
.nk-iv-scheme-info { padding-right: 2rem; } }
|
||||
|
||||
.nk-news .card-inner { padding-top: 1.25rem; padding-bottom: 1.25rem; }
|
||||
@@ -0,0 +1,129 @@
|
||||
.nk-msg-nav { position: relative; border-bottom: 1px solid #e5e9f2; padding: 0 1.25rem; background: #f5f6fa; z-index: 2; border-top-left-radius: 3px; }
|
||||
|
||||
.nk-msg-nav .search-wrap { padding: 0 1rem; bottom: -1px; border-bottom: 1px solid #e5e9f2; }
|
||||
|
||||
.nk-msg-nav .search-submit { transform: translate(0.25rem, -50%); }
|
||||
|
||||
.nk-msg-menu { display: flex; margin: 0 -0.75rem; }
|
||||
|
||||
.nk-msg-menu-item { padding: 0 0.75rem; }
|
||||
|
||||
.nk-msg-menu-item a { display: inline-flex; position: relative; color: #8094ae; font-weight: 500; font-size: .875rem; line-height: 1.5rem; padding: 1rem 0; }
|
||||
|
||||
.nk-msg-menu-item a:after { position: absolute; content: ''; height: 2px; background: #6576ff; bottom: -1px; left: 0; right: 0; opacity: 0; transition: .3s ease; }
|
||||
|
||||
.nk-msg-menu-item a .icon { font-size: 1.125rem; line-height: 1.5rem; }
|
||||
|
||||
.nk-msg-menu-item a:hover { color: #6576ff; }
|
||||
|
||||
.nk-msg-menu-item.active a { color: #6576ff; }
|
||||
|
||||
.nk-msg-menu-item.active a:after { opacity: 1; }
|
||||
|
||||
.nk-msg { position: relative; display: flex; overflow: hidden; background: #fff; border: 1px solid #dbdfea; border-radius: 4px; min-height: calc(100vh - (65px + 64px + 64px)); max-height: calc(100vh - (65px + 64px + 64px)); }
|
||||
|
||||
.nk-msg-aside { width: 100%; overflow: hidden; max-height: 100%; position: relative; display: flex; flex-direction: column; flex-shrink: 0; background: rgba(245, 246, 250, 0.7); border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
|
||||
|
||||
.nk-msg-list { max-height: 100%; height: 100%; overflow: auto; }
|
||||
|
||||
.nk-msg-item { display: flex; padding: 1.25rem 1.25rem; cursor: pointer; }
|
||||
|
||||
.nk-msg-item:not(:last-child) { border-bottom: 1px solid #e5e9f2; }
|
||||
|
||||
.nk-msg-item.active, .nk-msg-item.current { background: #fff; cursor: default; }
|
||||
|
||||
.nk-msg-info { max-width: calc(100% - 52px); margin-left: 0.75rem; flex-grow: 1; }
|
||||
|
||||
.nk-msg-from { display: flex; justify-content: space-between; align-items: center; }
|
||||
|
||||
.nk-msg-context { display: flex; justify-content: space-between; margin-top: 0.25rem; }
|
||||
|
||||
.nk-msg-context .asterisk { margin-top: auto; }
|
||||
|
||||
.nk-msg-sender { display: inline-flex; align-items: center; color: #8094ae; font-size: 12px; }
|
||||
|
||||
.nk-msg-sender .name { margin-right: 0.5rem; }
|
||||
|
||||
.is-unread .nk-msg-sender .name { font-weight: 500; color: #364a63; }
|
||||
|
||||
.nk-msg-meta { display: inline-flex; align-items: center; color: #8094ae; font-size: 12px; }
|
||||
|
||||
.nk-msg-meta .attchment .icon { font-size: 1.125rem; }
|
||||
|
||||
.nk-msg-meta .date { margin-left: 0.75rem; }
|
||||
|
||||
.nk-msg-text { max-width: calc(100% - 35px); flex-grow: 0; padding-right: 0.5rem; }
|
||||
|
||||
.nk-msg-text .title { font-size: 15px; margin-bottom: 0.25rem; }
|
||||
|
||||
.nk-msg-text p { font-size: 13px; color: #8094ae; max-height: 42px; overflow: hidden; }
|
||||
|
||||
.is-unread .nk-msg-text p { color: #526484; font-weight: 500; }
|
||||
|
||||
.nk-msg-lables { text-align: center; margin: -.125rem; display: inline-flex; flex-direction: column; }
|
||||
|
||||
.nk-msg-lables > div { padding: .125rem; }
|
||||
|
||||
.nk-msg-lables .icon { font-size: 1.125rem; }
|
||||
|
||||
.nk-msg-lables .badge { line-height: 14px; font-size: 10px; padding: 0 .25rem; }
|
||||
|
||||
.nk-msg-body { position: absolute; top: 0; left: 0; right: 0; bottom: 0; flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; transition: padding .3s ease-in-out; opacity: 0; pointer-events: none; z-index: 5; }
|
||||
|
||||
.nk-msg-body.show-message { opacity: 1; pointer-events: auto; }
|
||||
|
||||
.nk-msg-profile { position: absolute; top: 0; right: 0; transform: translateX(100%); width: 280px; height: 100%; max-height: 100%; transition: transform .3s ease-in-out; background: #fff; z-index: 100; }
|
||||
|
||||
.nk-msg-profile-toggle { position: absolute; height: 36px; width: 36px; display: none; align-items: center; justify-content: center; bottom: -18px; right: -18px; margin-right: 40px; transition: right .3s ease-in-out, margin .3s ease-in-out .2s; border: 1px solid #e5e9f2; background-color: #fff; border-radius: 50%; font-size: 1.125rem; z-index: 2; color: #8094ae; z-index: 110; }
|
||||
|
||||
.nk-msg-profile-toggle.active { margin-right: 0; transform: rotate(-180deg); }
|
||||
|
||||
.nk-msg-profile-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(16, 25, 36, 0.4); z-index: 600; z-index: 90; animation: overlay-fade-in .4s ease 1; }
|
||||
|
||||
.nk-msg-profile.visible { transform: none; }
|
||||
|
||||
.nk-msg-head { position: relative; padding: 0.75rem 1.25rem; border-bottom: 1px solid #e5e9f2; }
|
||||
|
||||
.nk-msg-head .title { margin-bottom: .5rem; }
|
||||
|
||||
.nk-msg-head-meta { display: flex; justify-content: space-between; align-items: center; }
|
||||
|
||||
.nk-msg-hide { font-size: 1rem; }
|
||||
|
||||
.nk-msg-tags { margin: 0 -.75rem; }
|
||||
|
||||
.nk-msg-tags li { padding: 0 .75rem; color: #8094ae; }
|
||||
|
||||
.nk-msg-tags li > span { display: inline-flex; align-items: center; }
|
||||
|
||||
.nk-msg-tags li > span .icon { color: #6576ff; margin-right: 0.25rem; }
|
||||
|
||||
.nk-msg-actions { display: flex; margin: 0 -.25rem; }
|
||||
|
||||
.nk-msg-actions li { padding: 0 .25rem; }
|
||||
|
||||
@media (max-width: 575.98px) { .nk-msg { border: none; border-radius: 4px; min-height: calc(100vh - (65px + 64px)); max-height: calc(100vh - (65px + 64px)); margin: -24px -18px; } }
|
||||
|
||||
@media (min-width: 576px) { .nk-msg-nav { padding: 0 2rem; }
|
||||
.nk-msg-nav .search-wrap { padding: 0 1.7rem; }
|
||||
.nk-msg-item { padding: 1.25rem 2rem; }
|
||||
.nk-msg-head { padding: 1rem 2.25rem; }
|
||||
.nk-msg-head .title { margin-bottom: 1rem; } }
|
||||
|
||||
@media (min-width: 576px) and (max-width: 991.98px) { .nk-msg-text .title { margin-top: 0.125rem; margin-bottom: 0.375rem; } }
|
||||
|
||||
@media (min-width: 992px) { .nk-msg-nav { padding: 0 1.75rem; }
|
||||
.nk-msg-nav .search-wrap { padding: 0 1.425rem; }
|
||||
.nk-msg-item { padding: 1.25rem 1.75rem; }
|
||||
.nk-msg-head { padding: 2rem 2.5rem; }
|
||||
.nk-msg-head .title { max-height: 82px; overflow: hidden; }
|
||||
.nk-msg-aside { width: 320px; border-right: 1px solid #e5e9f2; }
|
||||
.nk-msg-body { position: static; opacity: 1; pointer-events: auto; }
|
||||
.nk-msg-profile { border-left: 1px solid #e5e9f2; }
|
||||
.nk-msg-profile-toggle { margin-right: 55px; display: flex; } }
|
||||
|
||||
@media (min-width: 1540px) { .nk-msg-aside { width: 380px; } }
|
||||
|
||||
@media (max-width: 1539.98px) { .profile-shown .nk-msg-profile-toggle { right: 262px; } }
|
||||
|
||||
@media (min-width: 1540px) { .nk-msg-body.profile-shown { padding-right: 280px; } }
|
||||
@@ -0,0 +1,141 @@
|
||||
body,.btn,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;
|
||||
}
|
||||
.nk-header {
|
||||
border-bottom:0px solid #e5e9f2;
|
||||
box-shadow:0 0 #0000,0 0 #0000,0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
.nk-ibx-action { position: relative; padding: 1rem 1.5rem; border-bottom: 1px solid #e5e9f2; }
|
||||
.nk-ibx-action-list { display: flex; justify-content: space-between; align-items: center; }
|
||||
.nk-ibx-action-item a { display: flex; align-items: center; }
|
||||
.nk-ibx-action-item .icon { font-size: 1.5rem; }
|
||||
.nk-ibx-action-item .icon + span { margin-left: 0.5rem; }
|
||||
|
||||
.dark-switch.active .ni-moon {
|
||||
display:none;
|
||||
}
|
||||
.dark-switch.active .ni-sun {
|
||||
display:inline !important;
|
||||
}
|
||||
.dark-switch:after {
|
||||
height:0rem;
|
||||
width:0rem;
|
||||
right:0;
|
||||
background-color:#dbdfea00;
|
||||
}
|
||||
.dark-switch:before {
|
||||
right:0;
|
||||
width:0rem;
|
||||
height:0rem;
|
||||
background-color:rgba(255,255,255,0);
|
||||
border:#dbdfea solid 0px;
|
||||
}
|
||||
.card-preview {
|
||||
box-shadow:6px 5px 40px rgba(30,48,75,.08);
|
||||
}
|
||||
.form-control-lx {
|
||||
height:calc(3.625rem + 2px);
|
||||
padding:0.6875rem 2rem;
|
||||
font-size:0.9375rem;
|
||||
line-height:1.25rem;
|
||||
border-radius:5px;
|
||||
}
|
||||
.form-clip-lx,.form-text-hint-lx {
|
||||
position:absolute;
|
||||
right:22px;
|
||||
top:6px;
|
||||
height:calc(3.125rem - 2px);
|
||||
display:flex;
|
||||
align-items:center;
|
||||
color:#6576ff;
|
||||
padding-left:1rem;
|
||||
padding-right:.75rem;
|
||||
background:#fff;
|
||||
border-radius:4px;
|
||||
}
|
||||
.dark-mode .form-text-hint-lx {
|
||||
background:#141c26;
|
||||
}
|
||||
.dark-mode .bannerbg { opacity: 0.4; }
|
||||
.form-text-hint-lx .overline-title {
|
||||
font-size:24px;
|
||||
}
|
||||
.form-control-lx.btn-round {
|
||||
border-radius:2.125rem;
|
||||
}
|
||||
.breadcrumb-item.active:not(:only-child) {
|
||||
font-weight:700;
|
||||
}
|
||||
.breadcrumb-item.active a {
|
||||
color:#086cf0 !important;
|
||||
}
|
||||
.nya-title {
|
||||
position:absolute;
|
||||
top:-15px;
|
||||
background-color:#6576ff;
|
||||
color:#fff;
|
||||
padding:5px 18px;
|
||||
border-radius:8px;
|
||||
font-size:1.0rem;
|
||||
box-shadow: 0 0.5rem 0.625rem #6576ff57;
|
||||
}
|
||||
.dark-mode .nya-title{background-color: #313c93;}
|
||||
.search-placeholder {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 700;
|
||||
width: 100%;
|
||||
color: #aaa;
|
||||
}
|
||||
.card + .card {
|
||||
margin-top:40px;
|
||||
}
|
||||
.btn-block {
|
||||
white-space:nowrap;
|
||||
text-overflow:ellipsis;
|
||||
overflow:hidden;
|
||||
box-shadow:0 3px 12px 1px rgba(43,55,72,0.15) !important;
|
||||
}
|
||||
.logo-link {
|
||||
font-weight:700;
|
||||
font-size:21px;
|
||||
position:inherit;
|
||||
}
|
||||
.logo-link img {
|
||||
height: 35px;
|
||||
margin: -3px 8px 0 5px;
|
||||
}
|
||||
.center-block {margin: 0 auto; float: none; padding: 0;}
|
||||
.nk-footer-wrap {display: block;}
|
||||
.nk-footer-copyright {text-align: center;}
|
||||
#link_content {margin-top: 40px;}
|
||||
.nk-ibx-action-item .fa { font-size: 1.2rem; }
|
||||
.nk-ibx-action-item .fa + span { margin-left: 0.5rem; }
|
||||
* ::-webkit-scrollbar {
|
||||
width: .375rem;
|
||||
height: .5rem
|
||||
}
|
||||
* ::-webkit-scrollbar-thumb {
|
||||
background-color: #6576ff;
|
||||
border-radius: 6249.9375rem
|
||||
}
|
||||
img.loginbtn{width: 66px;margin: 16px;}
|
||||
.nk-reply-item{padding:0}
|
||||
.nk-reply-item + .nk-reply-item{margin-top:10px;padding-top:12px;border-top:1px solid #e5e9f2;}
|
||||
.custom-control-input{width: 2.4rem;}
|
||||
.custom-control-sm>.custom-control-input{width: 1.6rem;}
|
||||
|
||||
.query-title {
|
||||
background-color:#f5fafe;
|
||||
word-break: keep-all;
|
||||
}
|
||||
.query-result{
|
||||
word-break: break-all;
|
||||
}
|
||||
.table-title {
|
||||
background-color:#f5fafe;
|
||||
}
|
||||
.dark-mode .query-title{background-color:#273b5f;}
|
||||
.dark-mode .table-title{background-color:#273b5f;}
|
||||
Reference in New Issue
Block a user