1.0.0
This commit is contained in:
@@ -0,0 +1,2 @@
|
||||
@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';
|
||||
|
||||
@@ -0,0 +1,463 @@
|
||||
/* _content/Blazor.Bootstrap/Components/Callout/Callout.razor.rz.scp.css */
|
||||
.bb-callout[b-5p9xdwo7e3] {
|
||||
--bb-callout-color: var(--bs-secondary-text-emphasis);
|
||||
--bb-callout-bg: var(--bs-secondary-bg-subtle);
|
||||
--bb-callout-border: var(--bs-secondary-border-subtle);
|
||||
--bs-code-color: var(--bb-callout-code-color);
|
||||
--bs-link-color-rgb: var(--bb-callout-link);
|
||||
padding: 1.25rem;
|
||||
margin-top: 1.25rem;
|
||||
margin-bottom: 1.25rem;
|
||||
color: var(--bb-callout-color, inherit);
|
||||
background-color: var(--bb-callout-bg, var(--bs-gray-100));
|
||||
border-left: 0.25rem solid var(--bb-callout-border, var(--bs-gray-300))
|
||||
}
|
||||
|
||||
.bb-callout h4[b-5p9xdwo7e3] {
|
||||
margin-bottom: .25rem;
|
||||
}
|
||||
|
||||
.bb-callout > :last-child[b-5p9xdwo7e3] {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.bb-callout + .bb-callout[b-5p9xdwo7e3] {
|
||||
margin-top: -.25rem;
|
||||
}
|
||||
|
||||
.bb-callout .highlight[b-5p9xdwo7e3] {
|
||||
background-color: rgba(0,0,0,0.05)
|
||||
}
|
||||
|
||||
.bb-callout-info[b-5p9xdwo7e3] {
|
||||
--bb-callout-color: var(--bs-info-text-emphasis);
|
||||
--bb-callout-bg: var(--bs-info-bg-subtle);
|
||||
--bb-callout-border: var(--bs-info-border-subtle)
|
||||
}
|
||||
|
||||
.bb-callout-warning[b-5p9xdwo7e3] {
|
||||
--bb-callout-color: var(--bs-warning-text-emphasis);
|
||||
--bb-callout-bg: var(--bs-warning-bg-subtle);
|
||||
--bb-callout-border: var(--bs-warning-border-subtle)
|
||||
}
|
||||
|
||||
.bb-callout-danger[b-5p9xdwo7e3] {
|
||||
--bb-callout-color: var(--bs-danger-text-emphasis);
|
||||
--bb-callout-bg: var(--bs-danger-bg-subtle);
|
||||
--bb-callout-border: var(--bs-danger-border-subtle)
|
||||
}
|
||||
|
||||
.bb-callout-success[b-5p9xdwo7e3] {
|
||||
--bb-callout-color: var(--bs-success-text-emphasis);
|
||||
--bb-callout-bg: var(--bs-success-bg-subtle);
|
||||
--bb-callout-border: var(--bs-success-border-subtle)
|
||||
}
|
||||
/* _content/Blazor.Bootstrap/Components/Form/AutoComplete/AutoComplete.razor.rz.scp.css */
|
||||
.autocomplete[b-zkhsnlgtvk] {
|
||||
}
|
||||
|
||||
.autocomplete > .input-group > input[b-zkhsnlgtvk] {
|
||||
border-top-right-radius: 0.25rem !important;
|
||||
border-bottom-right-radius: 0.25rem !important;
|
||||
padding-right: 2.75rem !important;
|
||||
}
|
||||
|
||||
.autocomplete-list[b-zkhsnlgtvk] {
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.autocomplete-item:focus[b-zkhsnlgtvk], .autocomplete-item:hover[b-zkhsnlgtvk] {
|
||||
color: #1e2125;
|
||||
background-color: #e9ecef;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
.dropdown-item:focus[b-zkhsnlgtvk], .dropdown-item:hover[b-zkhsnlgtvk] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dropdown-item-highlight[b-zkhsnlgtvk] {
|
||||
color: #1e2125;
|
||||
background-color: #e9ecef;
|
||||
cursor: pointer;
|
||||
}
|
||||
/* _content/Blazor.Bootstrap/Components/Image/Image.razor.rz.scp.css */
|
||||
/* _content/Blazor.Bootstrap/Components/Layout/BlazorBootstrapLayout.razor.rz.scp.css */
|
||||
/* _content/Blazor.Bootstrap/Components/Ribbon/RibbonGroup.razor.rz.scp.css */
|
||||
/* _content/Blazor.Bootstrap/Components/Ribbon/RibbonItem.razor.rz.scp.css */
|
||||
.bb-ribbon-item[b-euvmgchcvy] {
|
||||
cursor: pointer;
|
||||
/*width: 64px;*/
|
||||
}
|
||||
|
||||
.bb-ribbon-item:hover[b-euvmgchcvy] {
|
||||
background-color: rgba(var(--bs-secondary-rgb), 0.10) !important;
|
||||
}
|
||||
|
||||
.bb-ribbon-item.active[b-euvmgchcvy] {
|
||||
}
|
||||
/* _content/Blazor.Bootstrap/Components/Ribbon/RibbonItemGroup.razor.rz.scp.css */
|
||||
/* _content/Blazor.Bootstrap/Components/Sidebar2/Sidebar2.razor.rz.scp.css */
|
||||
.bb-sidebar2[b-hjh7gjrlxu] {
|
||||
background-color: var(--bb-sidebar2-background-color);
|
||||
border-right: 1px solid var(--bb-sidebar2-content-border-color);
|
||||
}
|
||||
|
||||
.bb-sidebar2.collapsed[b-hjh7gjrlxu] {
|
||||
width: var(--bb-sidebar2-collapsed-width);
|
||||
}
|
||||
|
||||
.bb-sidebar2.collapsed .expanded-only[b-hjh7gjrlxu] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 641px) {
|
||||
.bb-sidebar2[b-hjh7gjrlxu] {
|
||||
width: var(--bb-sidebar2-width);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.bb-sidebar2-top-row[b-hjh7gjrlxu] {
|
||||
height: 3.5rem;
|
||||
background-color: var(--bb-sidebar2-top-row-background-color);
|
||||
border-bottom: 1px solid var(--bb-sidebar2-top-row-border-color);
|
||||
border-right: 1px solid var(--bb-sidebar2-top-row-border-color);
|
||||
}
|
||||
|
||||
.navbar-toggler[b-hjh7gjrlxu] {
|
||||
background-color: var(--bb-sidebar2-navbar-toggler-background-color);
|
||||
color: rgb(var(--bb-sidebar2-nav-item-text-active-color-rgb));
|
||||
padding: inherit !important;
|
||||
padding-right: 0.25rem !important;
|
||||
padding-left: 0.25rem !important;
|
||||
line-height: inherit !important;
|
||||
font-size: inherit !important;
|
||||
}
|
||||
|
||||
.navbar-toggler-icon[b-hjh7gjrlxu] {
|
||||
background-image: inherit !important;
|
||||
color: var(--bb-sidebar2-navbar-toggler-icon-color) !important;
|
||||
}
|
||||
|
||||
.navbar-toggler:focus[b-hjh7gjrlxu] {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.navbar-brand[b-hjh7gjrlxu] {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.navbar-brand-icon[b-hjh7gjrlxu] {
|
||||
color: var(--bb-sidebar2-brand-icon-color);
|
||||
}
|
||||
|
||||
.navbar-brand-image[b-hjh7gjrlxu] {
|
||||
height: var(--bb-sidebar2-brand-image-height);
|
||||
}
|
||||
|
||||
.navbar-brand-image img[b-hjh7gjrlxu] {
|
||||
width: var(--bb-sidebar2-brand-image-width);
|
||||
height: var(--bb-sidebar2-brand-image-height);
|
||||
vertical-align: initial !important;
|
||||
}
|
||||
|
||||
.navbar-brand-text[b-hjh7gjrlxu] {
|
||||
color: var(--bb-sidebar2-title-text-color);
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.navbar-brand-badge[b-hjh7gjrlxu] {
|
||||
color: var(--bb-sidebar2-title-badge-text-color);
|
||||
background-color: var(--bb-sidebar2-title-badge-background-color);
|
||||
}
|
||||
|
||||
@media (min-width: 641px) {
|
||||
.navbar-toggler[b-hjh7gjrlxu] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.collapse[b-hjh7gjrlxu] {
|
||||
/* Never collapse the sidebar for wide screens */
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav-scrollable[b-hjh7gjrlxu] {
|
||||
/* Allow sidebar to scroll for tall menus */
|
||||
height: calc(100vh - 3.5rem);
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
/* _content/Blazor.Bootstrap/Components/Sidebar2/Sidebar2Item.razor.rz.scp.css */
|
||||
.bb-sidebar2.collapsed .expanded-only[b-3gpeuglz5y] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bb-sidebar2.collapsed .bi.expanded-only[b-3gpeuglz5y] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.bb-sidebar2 .nav-link-icon[b-3gpeuglz5y] {
|
||||
padding-bottom: 0.5rem;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
.bb-sidebar2 nav .nav-item[b-3gpeuglz5y] a {
|
||||
color: var(--bb-sidebar2-nav-item-text-color);
|
||||
align-items: center;
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
.bb-sidebar2 nav .nav-item[b-3gpeuglz5y] a:hover {
|
||||
background-color: var(--bb-sidebar2-nav-item-background-hover-color);
|
||||
color: var(--bb-sidebar2-nav-item-text-hover-color);
|
||||
}
|
||||
|
||||
.bb-sidebar2 nav .nav-item[b-3gpeuglz5y] a.active {
|
||||
background-color: var(--bb-sidebar2-nav-item-background-hover-color);
|
||||
color: var(--bb-sidebar2-nav-item-text-active-color);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* MDN REFERENCE: https://developer.mozilla.org/en-US/docs/Web/CSS/:has#browser_compatibility */
|
||||
.bb-sidebar2 nav .nav-item.nav-item-group:has(.nav-link.active)[b-3gpeuglz5y] {
|
||||
background-color: var(--bb-sidebar2-nav-item-group-background-color);
|
||||
}
|
||||
|
||||
.bb-sidebar2 nav .nav-item.nav-item-group:has(.nav-item-group.active)[b-3gpeuglz5y] {
|
||||
background-color: var(--bb-sidebar2-nav-item-group-background-color);
|
||||
}
|
||||
|
||||
.bb-sidebar2 nav .nav-item.nav-item-group.active[b-3gpeuglz5y] {
|
||||
background-color: var(--bb-sidebar2-nav-item-group-background-color);
|
||||
}
|
||||
/* _content/Blazor.Bootstrap/Components/Sidebar2/Sidebar2ItemGroup.razor.rz.scp.css */
|
||||
/* _content/Blazor.Bootstrap/Components/Sidebar/Sidebar.razor.rz.scp.css */
|
||||
.bb-sidebar[b-h9l5f7lx3r] {
|
||||
background-color: var(--bb-sidebar-background-color);
|
||||
}
|
||||
|
||||
.bb-sidebar.collapsed[b-h9l5f7lx3r] {
|
||||
width: var(--bb-sidebar-collapsed-width);
|
||||
}
|
||||
|
||||
.bb-sidebar.collapsed .expanded-only[b-h9l5f7lx3r] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 641px) {
|
||||
.bb-sidebar[b-h9l5f7lx3r] {
|
||||
width: var(--bb-sidebar-width);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-toggler[b-h9l5f7lx3r] {
|
||||
background-color: var(--bb-sidebar-navbar-toggler-background-color);
|
||||
color: rgb(var(--bb-sidebar-nav-item-text-active-color-rgb));
|
||||
padding: inherit !important;
|
||||
padding-right: 0.25rem !important;
|
||||
padding-left: 0.25rem !important;
|
||||
line-height: inherit !important;
|
||||
font-size: inherit !important;
|
||||
}
|
||||
|
||||
.navbar-toggler-icon[b-h9l5f7lx3r] {
|
||||
background-image: inherit !important;
|
||||
color: var(--bb-sidebar-navbar-toggler-icon-color) !important;
|
||||
}
|
||||
|
||||
.navbar-toggler:focus[b-h9l5f7lx3r] {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.bb-sidebar-top-row[b-h9l5f7lx3r] {
|
||||
height: 3.5rem;
|
||||
background-color: var(--bb-sidebar-top-row-background-color);
|
||||
border-bottom: 1px solid var(--bb-sidebar-top-row-border-color);
|
||||
border-right: 1px solid var(--bb-sidebar-top-row-border-color);
|
||||
}
|
||||
|
||||
.bb-sidebar-content[b-h9l5f7lx3r] {
|
||||
border-right: 1px solid var(--bb-sidebar-content-border-color);
|
||||
}
|
||||
|
||||
.navbar-brand[b-h9l5f7lx3r] {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.navbar-brand-icon[b-h9l5f7lx3r] {
|
||||
color: var(--bb-sidebar-brand-icon-color);
|
||||
}
|
||||
|
||||
.navbar-brand-image[b-h9l5f7lx3r] {
|
||||
height: var(--bb-sidebar-brand-image-height);
|
||||
}
|
||||
|
||||
.navbar-brand-image img[b-h9l5f7lx3r] {
|
||||
width: var(--bb-sidebar-brand-image-width);
|
||||
height: var(--bb-sidebar-brand-image-height);
|
||||
vertical-align: initial !important;
|
||||
}
|
||||
|
||||
.navbar-brand-text[b-h9l5f7lx3r] {
|
||||
color: var(--bb-sidebar-title-text-color);
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.navbar-brand-badge[b-h9l5f7lx3r] {
|
||||
color: var(--bb-sidebar-title-badge-text-color);
|
||||
background-color: var(--bb-sidebar-title-badge-background-color);
|
||||
}
|
||||
|
||||
@media (min-width: 641px) {
|
||||
.navbar-toggler[b-h9l5f7lx3r] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.collapse[b-h9l5f7lx3r] {
|
||||
/* Never collapse the sidebar for wide screens */
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav-scrollable[b-h9l5f7lx3r] {
|
||||
/* Allow sidebar to scroll for tall menus */
|
||||
height: calc(100vh - 3.5rem);
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
/* _content/Blazor.Bootstrap/Components/Sidebar/SidebarItem.razor.rz.scp.css */
|
||||
.bb-sidebar.collapsed .expanded-only[b-jbgvk8pcne] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bb-sidebar.collapsed .bi.expanded-only[b-jbgvk8pcne] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.bb-sidebar .nav-link-icon[b-jbgvk8pcne] {
|
||||
padding-bottom: 0.5rem;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
.bb-sidebar nav .nav-item[b-jbgvk8pcne] a {
|
||||
color: var(--bb-sidebar-nav-item-text-color);
|
||||
align-items: center;
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
.bb-sidebar nav .nav-item[b-jbgvk8pcne] a:hover {
|
||||
background-color: var(--bb-sidebar-nav-item-background-hover-color);
|
||||
color: var(--bb-sidebar-nav-item-text-hover-color);
|
||||
}
|
||||
|
||||
.bb-sidebar nav .nav-item[b-jbgvk8pcne] a.active {
|
||||
background-color: var(--bb-sidebar-nav-item-background-hover-color);
|
||||
color: var(--bb-sidebar-nav-item-text-active-color);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* MDN REFERENCE: https://developer.mozilla.org/en-US/docs/Web/CSS/:has#browser_compatibility */
|
||||
.bb-sidebar nav .nav-item.nav-item-group:has(.nav-link.active)[b-jbgvk8pcne] {
|
||||
background-color: var(--bb-sidebar-nav-item-group-background-color);
|
||||
}
|
||||
/* _content/Blazor.Bootstrap/Components/Sidebar/SidebarItemGroup.razor.rz.scp.css */
|
||||
/* _content/Blazor.Bootstrap/Components/SortableList/SortableList.razor.rz.scp.css */
|
||||
[b-jo00jd6nmv] .bb-sortable-list-handle {
|
||||
cursor: grab !important;
|
||||
}
|
||||
/* _content/Blazor.Bootstrap/Components/Spinner/Spinner.razor.rz.scp.css */
|
||||
/* scss-docs-start spinner-dots-keyframes */
|
||||
@keyframes spinner-dots-b-pp5swe6s25 {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
50%, 100% {
|
||||
opacity: .3;
|
||||
}
|
||||
}
|
||||
|
||||
/* scss-docs-end spinner-dots-keyframes */
|
||||
.spinner-dots[b-pp5swe6s25] {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.spinner-dots > circle:first-of-type[b-pp5swe6s25],
|
||||
.spinner-dots > circle:last-of-type[b-pp5swe6s25],
|
||||
.spinner-dots > circle:nth-of-type(2)[b-pp5swe6s25] {
|
||||
fill: currentcolor;
|
||||
animation: spinner-dots-b-pp5swe6s25 .75s infinite ease-in-out alternate;
|
||||
}
|
||||
|
||||
.spinner-dots > circle:nth-of-type(2)[b-pp5swe6s25] {
|
||||
animation-delay: .25s;
|
||||
}
|
||||
|
||||
.spinner-dots > circle:last-of-type[b-pp5swe6s25] {
|
||||
animation-delay: .5s;
|
||||
}
|
||||
|
||||
/* Size: START */
|
||||
|
||||
/* default */
|
||||
.spinner-border-sm[b-pp5swe6s25] {
|
||||
--bs-spinner-width: 1rem;
|
||||
--bs-spinner-height: 1rem;
|
||||
--bs-spinner-border-width: 0.25em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
/* custom CSS classes */
|
||||
.spinner-border-md[b-pp5swe6s25] {
|
||||
--bs-spinner-width: 2rem;
|
||||
--bs-spinner-height: 2rem;
|
||||
--bs-spinner-border-width: 0.25em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
.spinner-border-lg[b-pp5swe6s25] {
|
||||
--bs-spinner-width: 3rem;
|
||||
--bs-spinner-height: 3rem;
|
||||
--bs-spinner-border-width: 0.25em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
.spinner-border-xl[b-pp5swe6s25] {
|
||||
--bs-spinner-width: 4rem;
|
||||
--bs-spinner-height: 4rem;
|
||||
--bs-spinner-border-width: 0.25em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
|
||||
/* default */
|
||||
.spinner-grow-sm[b-pp5swe6s25] {
|
||||
--bs-spinner-width: 1rem;
|
||||
--bs-spinner-height: 1rem;
|
||||
--bs-spinner-border-width: 0.25em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
/* custom CSS classes */
|
||||
.spinner-grow-md[b-pp5swe6s25] {
|
||||
--bs-spinner-width: 2rem;
|
||||
--bs-spinner-height: 2rem;
|
||||
--bs-spinner-border-width: 0.25em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
.spinner-grow-lg[b-pp5swe6s25] {
|
||||
--bs-spinner-width: 3rem;
|
||||
--bs-spinner-height: 3rem;
|
||||
--bs-spinner-border-width: 0.25em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
.spinner-grow-xl[b-pp5swe6s25] {
|
||||
--bs-spinner-width: 4rem;
|
||||
--bs-spinner-height: 4rem;
|
||||
--bs-spinner-border-width: 0.25em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
|
||||
/* Size: END */
|
||||
/* _content/Blazor.Bootstrap/Components/ThemeSwitcher/ThemeSwitcher.razor.rz.scp.css */
|
||||
@@ -0,0 +1,640 @@
|
||||
:root {
|
||||
/* preload */
|
||||
--bb-preload-modal-z-index: 2055;
|
||||
--bb-preload-modal-backdrop-z-index: 2050;
|
||||
/* confirm dialog */
|
||||
--bb-confirm-dialog-z-index: 2045;
|
||||
--bb-confirm-dialog-backdrop-z-index: 2040;
|
||||
/* offcanvas */
|
||||
--bb-offcanvas-close-icon-font-size: 2rem;
|
||||
--bb-offcanvas-footer-padding-y: 1rem;
|
||||
--bb-offcanvas-footer-padding-x: 1rem;
|
||||
--bb-offcanvas-horizontal-width-sm: 300px;
|
||||
--bb-offcanvas-horizontal-width-lg: 800px;
|
||||
/* custom tooltip */
|
||||
--bb-tooltip-primary: var(--bs-primary);
|
||||
--bb-tooltip-secondary: var(--bs-secondary);
|
||||
--bb-tooltip-success: var(--bs-success);
|
||||
--bb-tooltip-danger: var(--bs-danger);
|
||||
--bb-tooltip-warning: var(--bs-warning);
|
||||
--bb-tooltip-info: var(--bs-info);
|
||||
--bb-tooltip-light: var(--bs-light);
|
||||
--bb-tooltip-dark: var(--bs-dark);
|
||||
--bb-tooltip-color-white: var(--bs-white);
|
||||
--bb-tooltip-color-dark: var(--bs-black);
|
||||
/* border */
|
||||
--bs-border-radius-xs: 0.125rem;
|
||||
--bs-border-radius-md: 0.375rem;
|
||||
/* table */
|
||||
--bb-table-sticky-background-color: var(--bs-body-bg);
|
||||
--bb-table-freeze-column-background-color: var(--bs-body-bg);
|
||||
--bb-table-selected-row-color: #000;
|
||||
--bb-table-selected-row-background-color: rgba(0,0,0,0.075);
|
||||
--bb-table-selected-row-hover-color: #000;
|
||||
--bb-table-selected-row-hover-background-color: rgba(0,0,0,0.075);
|
||||
/* enum filter */
|
||||
--bb-grid-filter-dropdown-max-height: 300px;
|
||||
/* callout */
|
||||
--bb-callout-link: 10, 88, 202;
|
||||
--bb-callout-code-color: #ab296a;
|
||||
/* sidebar */
|
||||
--bb-violet: #9461fb;
|
||||
--bb-violet-bg: #712cf9;
|
||||
--bb-violet-bg-rgb: 113,44,249;
|
||||
--bb-sidebar-width: 270px;
|
||||
--bb-sidebar-collapsed-width: 50px;
|
||||
--bb-sidebar-background-color: rgba(255, 255, 255, 1);
|
||||
--bb-sidebar-top-row-background-color: var(--bb-violet-bg);
|
||||
--bb-sidebar-top-row-border-color: var(--bb-violet-bg);
|
||||
--bb-sidebar-title-text-color: rgb(255,255,255);
|
||||
--bb-sidebar-brand-icon-color: rgb(255,255,255);
|
||||
--bb-sidebar-brand-image-width: 24px;
|
||||
--bb-sidebar-brand-image-height: 24px;
|
||||
--bb-sidebar-title-badge-text-color: var(--bb-violet-bg);
|
||||
--bb-sidebar-title-badge-background-color: rgb(255,255,255);
|
||||
--bb-sidebar-navbar-toggler-icon-color: var(--bb-violet-bg);
|
||||
--bb-sidebar-navbar-toggler-background-color: rgb(255,255,255);
|
||||
--bb-sidebar-content-border-color: rgb(214,213,213);
|
||||
--bb-sidebar-nav-item-text-color: rgba(0,0,0,0.9);
|
||||
--bb-sidebar-nav-item-text-active-color-rgb: 112.520718,44.062154,249.437846;
|
||||
--bb-sidebar-nav-item-text-hover-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.9);
|
||||
--bb-sidebar-nav-item-text-active-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.9);
|
||||
--bb-sidebar-nav-item-background-hover-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.08);
|
||||
--bb-sidebar-nav-item-group-background-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.08);
|
||||
/* sidebar2 */
|
||||
--bb-sidebar2-width: 270px;
|
||||
--bb-sidebar2-collapsed-width: 50px;
|
||||
--bb-sidebar2-background-color: rgba(255, 255, 255, 1);
|
||||
--bb-sidebar2-top-row-background-color: var(--bb-violet-bg);
|
||||
--bb-sidebar2-top-row-border-color: var(--bb-violet-bg);
|
||||
--bb-sidebar2-title-text-color: rgb(255,255,255);
|
||||
--bb-sidebar2-brand-icon-color: rgb(255,255,255);
|
||||
--bb-sidebar2-brand-image-width: 24px;
|
||||
--bb-sidebar2-brand-image-height: 24px;
|
||||
--bb-sidebar2-title-badge-text-color: var(--bb-violet-bg);
|
||||
--bb-sidebar2-title-badge-background-color: rgb(255,255,255);
|
||||
--bb-sidebar2-navbar-toggler-icon-color: var(--bb-violet-bg);
|
||||
--bb-sidebar2-navbar-toggler-background-color: rgb(255,255,255);
|
||||
--bb-sidebar2-content-border-color: rgb(214,213,213);
|
||||
--bb-sidebar2-nav-item-text-color: rgba(0,0,0,0.9);
|
||||
--bb-sidebar2-nav-item-text-active-color-rgb: 112.520718,44.062154,249.437846;
|
||||
--bb-sidebar2-nav-item-text-hover-color: rgba(var(--bb-sidebar2-nav-item-text-active-color-rgb),0.9);
|
||||
--bb-sidebar2-nav-item-text-active-color: rgba(var(--bb-sidebar2-nav-item-text-active-color-rgb),0.9);
|
||||
--bb-sidebar2-nav-item-background-hover-color: rgba(var(--bb-sidebar2-nav-item-text-active-color-rgb),0.08);
|
||||
--bb-sidebar2-nav-item-group-background-color: rgba(var(--bb-sidebar2-nav-item-text-active-color-rgb),0.08);
|
||||
}
|
||||
|
||||
[data-bs-theme=dark] {
|
||||
/* sidebar */
|
||||
--bb-sidebar-background-color: var(--bs-body-bg);
|
||||
--bb-sidebar-top-row-background-color: var(--bs-body-bg);
|
||||
--bb-sidebar-top-row-border-color: var(--bs-border-color);
|
||||
--bb-sidebar-title-text-color: var(--bs-body-color);
|
||||
--bb-sidebar-brand-icon-color: var(--bs-body-color);
|
||||
--bb-sidebar-title-badge-text-color: var(--bs-body-color);
|
||||
--bb-sidebar-title-badge-background-color: var(--bs-border-color);
|
||||
--bb-sidebar-navbar-toggler-icon-color: var(--bs-body-color);
|
||||
--bb-sidebar-navbar-toggler-background-color: var(--bs-body-bg);
|
||||
--bb-sidebar-content-border-color: var(--bs-border-color);
|
||||
--bb-sidebar-nav-item-text-color: var(--bs-body-color);
|
||||
--bb-sidebar-nav-item-text-active-color-rgb: 112.520718,44.062154,249.437846;
|
||||
--bb-sidebar-nav-item-text-hover-color: var(--bs-emphasis-color);
|
||||
--bb-sidebar-nav-item-text-active-color: var(--bs-emphasis-color);
|
||||
--bb-sidebar-nav-item-background-hover-color: rgba(var(--bb-violet-bg-rgb),0.5);
|
||||
--bb-sidebar-nav-item-group-background-color: rgba(var(--bb-violet-bg-rgb),0.2);
|
||||
/* sidebar2 */
|
||||
--bb-sidebar2-background-color: var(--bs-body-bg);
|
||||
--bb-sidebar2-top-row-background-color: var(--bs-body-bg);
|
||||
--bb-sidebar2-top-row-border-color: var(--bs-border-color);
|
||||
--bb-sidebar2-title-text-color: var(--bs-body-color);
|
||||
--bb-sidebar2-brand-icon-color: var(--bs-body-color);
|
||||
--bb-sidebar2-title-badge-text-color: var(--bs-body-color);
|
||||
--bb-sidebar2-title-badge-background-color: var(--bs-border-color);
|
||||
--bb-sidebar2-navbar-toggler-icon-color: var(--bs-body-color);
|
||||
--bb-sidebar2-navbar-toggler-background-color: var(--bs-body-bg);
|
||||
--bb-sidebar2-content-border-color: var(--bs-border-color);
|
||||
--bb-sidebar2-nav-item-text-color: var(--bs-body-color);
|
||||
--bb-sidebar2-nav-item-text-active-color-rgb: 112.520718,44.062154,249.437846;
|
||||
--bb-sidebar2-nav-item-text-hover-color: var(--bs-emphasis-color);
|
||||
--bb-sidebar2-nav-item-text-active-color: var(--bs-emphasis-color);
|
||||
--bb-sidebar2-nav-item-background-hover-color: rgba(var(--bb-violet-bg-rgb),0.5);
|
||||
--bb-sidebar2-nav-item-group-background-color: rgba(var(--bb-violet-bg-rgb),0.2);
|
||||
}
|
||||
|
||||
/* grid - enum dropdown */
|
||||
@media (max-width: 767px) {
|
||||
.table-responsive .bb-dropdown-menu-enum,
|
||||
.table-responsive .dropdown-toggle {
|
||||
position: static !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.table-responsive:has(.bb-dropdown-menu-enum) {
|
||||
overflow: visible;
|
||||
}
|
||||
}
|
||||
|
||||
/* preload */
|
||||
.modal-page-loading {
|
||||
z-index: var(--bb-preload-modal-z-index) !important;
|
||||
}
|
||||
|
||||
.modal-backdrop-page-loading {
|
||||
z-index: var(--bb-preload-modal-backdrop-z-index) !important;
|
||||
}
|
||||
|
||||
.modal-content-page-loading {
|
||||
background-color: inherit !important;
|
||||
border: inherit !important;
|
||||
}
|
||||
|
||||
/* confirm dialog */
|
||||
.modal-confirmation {
|
||||
z-index: var(--bb-confirm-dialog-z-index) !important;
|
||||
}
|
||||
|
||||
.modal-backdrop-confirmation {
|
||||
z-index: var(--bb-confirm-dialog-backdrop-z-index) !important;
|
||||
}
|
||||
|
||||
/* offcanvas */
|
||||
.offcanvas-footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: var(--bb-offcanvas-footer-padding-y) var(--bb-offcanvas-footer-padding-x);
|
||||
}
|
||||
|
||||
.offcanvas-start.bb-offcanvas-sm,
|
||||
.offcanvas-end.bb-offcanvas-sm {
|
||||
width: var(--bb-offcanvas-horizontal-width-sm);
|
||||
}
|
||||
|
||||
.offcanvas-start.bb-offcanvas-lg,
|
||||
.offcanvas-end.bb-offcanvas-lg {
|
||||
width: var(--bb-offcanvas-horizontal-width-lg);
|
||||
}
|
||||
|
||||
/* grid - filters */
|
||||
table button.dropdown-toggle.bb-grid-filter::after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
.filter-symbol {
|
||||
width: 2.25rem;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.bb-grid-pagination-text {
|
||||
padding: .375rem;
|
||||
}
|
||||
|
||||
/* grid - fixed header */
|
||||
.bb-table {
|
||||
/* NOTE: intentionally overriding the behavior */
|
||||
--bs-table-color: inherit !important;
|
||||
--bs-table-bg: inherit !important;
|
||||
}
|
||||
|
||||
.bb-table > tbody tr:has(input[type=checkbox].bb-grid-form-check-input:checked) {
|
||||
color: var(--bb-table-selected-row-color);
|
||||
background-color: var(--bb-table-selected-row-background-color);
|
||||
}
|
||||
|
||||
.bb-table > tbody tr:has(input[type=checkbox].bb-grid-form-check-input:checked):hover,
|
||||
.bb-table > tbody tr:has(input[type=checkbox].bb-grid-form-check-input:checked):hover > * {
|
||||
color: var(--bb-table-selected-row-hover-color);
|
||||
background-color: var(--bb-table-selected-row-hover-background-color);
|
||||
}
|
||||
|
||||
.bb-table-sticky {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
.bb-table-sticky > thead > tr {
|
||||
border-top-width: 0 !important;
|
||||
border-bottom-width: 0 !important;
|
||||
}
|
||||
|
||||
.bb-table-sticky > thead > tr > th {
|
||||
background-color: var(--bb-table-sticky-background-color);
|
||||
top: 0px;
|
||||
position: sticky;
|
||||
border-style: solid;
|
||||
border-color: var(--bs-table-border-color);
|
||||
box-shadow: inset 0 1px 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
.bb-table-sticky > thead > tr:nth-child(2) > th {
|
||||
box-shadow: inset 0 0 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
/* below CSS is applicable, if filters are enabled. */
|
||||
.bb-table-sticky > thead > tr:nth-child(2) > th {
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
.bb-table-sticky > tbody > tr:nth-child(1) {
|
||||
border-top-width: 0 !important;
|
||||
}
|
||||
|
||||
.bb-table-sticky > thead > tr > th > div > ul.dropdown-menu.show {
|
||||
top: 6px !important;
|
||||
}
|
||||
|
||||
/* freeze columns */
|
||||
table > thead > tr > th.freeze-column {
|
||||
position: sticky;
|
||||
background-color: var(--bb-table-freeze-column-background-color);
|
||||
z-index: 5;
|
||||
border-left-width: 0px !important;
|
||||
border-right-width: 0px !important;
|
||||
}
|
||||
|
||||
table > thead > tr:nth-child(2) > th.freeze-column {
|
||||
position: sticky;
|
||||
background-color: var(--bb-table-freeze-column-background-color);
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
/* freeze column left */
|
||||
/* th: row-1 */
|
||||
table > thead > tr > th:not(.freeze-column-right):first-child.freeze-column {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 1px 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
table > thead > tr > th:not(.freeze-column-right).freeze-column {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset -1px 0 0 var(--bs-table-border-color), inset 0 1px 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
table > thead > tr > th:not(.freeze-column-right):last-child.freeze-column {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color), inset -1px 0 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
/* th: row-2 */
|
||||
table > thead > tr:nth-child(2) > th:not(.freeze-column-right):first-child.freeze-column {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
table > thead > tr:nth-child(2) > th:not(.freeze-column-right).freeze-column {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset -1px 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
table > thead > tr:nth-child(2) > th:not(.freeze-column-right):last-child.freeze-column {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color), inset -1px 0 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
table > tbody > tr > td.freeze-column {
|
||||
position: sticky;
|
||||
background-color: var(--bb-table-freeze-column-background-color);
|
||||
z-index: 4;
|
||||
border-left-width: 0px !important;
|
||||
border-right-width: 0px !important;
|
||||
}
|
||||
|
||||
table > tbody > tr > td:not(.freeze-column-right):first-child.freeze-column {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
table > tbody > tr > td:not(.freeze-column-right).freeze-column {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color), inset -1px 0 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
table > tbody > tr > td:not(.freeze-column-right):last-child.freeze-column {
|
||||
box-shadow: inset 0 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
/* freeze column right */
|
||||
table > thead > tr > th:is(.freeze-column-right) {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 1px 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
table > thead > tr:nth-child(2) > th:is(.freeze-column-right) {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
table > tbody > tr > td:is(.freeze-column-right) {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
/* below CSS is applicable, if scrollLeft > 0 */
|
||||
/* thead: first-row -> first th */
|
||||
table > thead > tr > th:not(.freeze-column-right):first-child.freeze-column-active {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 1px 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
/* thead: second-row -> first th */
|
||||
table > thead > tr:nth-child(2) > th:not(.freeze-column-right):first-child.freeze-column-active {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
/* thead: first-row -> all th's */
|
||||
table > thead > tr > th:not(.freeze-column-right).freeze-column-active {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset -1px 0 0 var(--bs-table-border-color), inset 0 1px 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
/* thead: second-row -> all th's */
|
||||
table > thead > tr:nth-child(2) > th:not(.freeze-column-right).freeze-column-active {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset -1px 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
/* thead: first-row -> all th's, right freeze columns only */
|
||||
table > thead > tr > th:is(.freeze-column-right).freeze-column-active {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 1px 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
/* thead: second-row -> all th's, right freeze columns only */
|
||||
table > thead > tr:nth-child(2) > th:is(.freeze-column-right).freeze-column-active {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
/* tbody: every row -> first td, except right freeze columns */
|
||||
table > tbody > tr > td:not(.freeze-column-right):first-child.freeze-column-active {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color);
|
||||
}
|
||||
/* tbody: every row -> all td's, except right freeze columns */
|
||||
table > tbody > tr > td:not(.freeze-column-right).freeze-column-active {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset -1px 0 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
/* tbody: every row -> all td's, right freeze columns only */
|
||||
table > tbody > tr > td:is(.freeze-column-right).freeze-column-active {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
/* detail view */
|
||||
.bb-detail-view-icon svg {
|
||||
transition: transform 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.bb-detail-view-icon[aria-expanded="true"] svg {
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
|
||||
/* scrollbar */
|
||||
.v-scroll-auto {
|
||||
overflow-y: auto !important;
|
||||
}
|
||||
|
||||
.scroll-hidden {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bb-scrollbar {
|
||||
scrollbar-color: rgba(0,0,0,.2) transparent;
|
||||
scrollbar-color: rgba(0, 0, 0, .2) transparent;
|
||||
scrollbar-width: thin
|
||||
}
|
||||
|
||||
.bb-scrollbar.scroll-auto-hide {
|
||||
scrollbar-color: transparent transparent
|
||||
}
|
||||
|
||||
.bb-scrollbar.scroll-auto-hide:hover {
|
||||
scrollbar-color: rgba(0,0,0,.2) transparent;
|
||||
scrollbar-color: rgba(0, 0, 0, .2) transparent
|
||||
}
|
||||
|
||||
.bb-scrollbar::-webkit-scrollbar {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.bb-scrollbar::-webkit-scrollbar-thumb {
|
||||
border: 6px solid transparent;
|
||||
background: rgba(0,0,0,.2);
|
||||
background: rgba(0, 0, 0, .2);
|
||||
border-radius: 10px;
|
||||
background-clip: padding-box
|
||||
}
|
||||
|
||||
.bb-scrollbar::-webkit-scrollbar-corner {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.bb-scrollbar::-webkit-scrollbar-thumb:vertical {
|
||||
min-height: 30px
|
||||
}
|
||||
|
||||
.bb-scrollbar::-webkit-scrollbar-thumb:horizontal {
|
||||
min-width: 30px
|
||||
}
|
||||
|
||||
.bb-scrollbar.scroll-auto-hide::-webkit-scrollbar-thumb {
|
||||
background: transparent;
|
||||
background-clip: padding-box
|
||||
}
|
||||
|
||||
.bb-scrollbar.scroll-auto-hide:hover::-webkit-scrollbar-thumb {
|
||||
background: rgba(0,0,0,.2);
|
||||
background: rgba(0, 0, 0, .2);
|
||||
background-clip: padding-box
|
||||
}
|
||||
|
||||
.bb-scrollbar::-webkit-scrollbar-thumb {
|
||||
border: 6px solid transparent;
|
||||
background: rgba(0,0,0,.2);
|
||||
background: rgba(0, 0, 0, .2);
|
||||
border-radius: 10px;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.bb-scrollbar::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(0,0,0,.3);
|
||||
background: rgba(0, 0, 0, .3);
|
||||
background-clip: padding-box;
|
||||
border: 4px solid transparent
|
||||
}
|
||||
|
||||
.bb-scrollbar-hidden {
|
||||
-ms-overflow-style: none;
|
||||
scrollbar-width: none
|
||||
}
|
||||
|
||||
.bb-scrollbar-hidden::-webkit-scrollbar {
|
||||
width: 0
|
||||
}
|
||||
|
||||
/* layout */
|
||||
@media (min-width: 641px) {
|
||||
.bb-page {
|
||||
flex-direction: row !important;
|
||||
}
|
||||
|
||||
.bb-top-row-sticky {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.top-row, article {
|
||||
padding-left: 2rem !important;
|
||||
padding-right: 1.5rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bb-page {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
main {
|
||||
flex: 1;
|
||||
overflow-x: hidden;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.main {
|
||||
flex: 1;
|
||||
overflow-x: hidden;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.bb-top-row {
|
||||
background-color: var(--bs-body-bg);
|
||||
border-bottom: 1px solid var(--bs-border-color);
|
||||
justify-content: flex-end;
|
||||
height: 3.5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* tooltip */
|
||||
.bb-tooltip-primary {
|
||||
--bs-tooltip-bg: var(--bb-tooltip-primary);
|
||||
--bs-tooltip-color: var(--bb-tooltip-color-white);
|
||||
}
|
||||
|
||||
.bb-tooltip-secondary {
|
||||
--bs-tooltip-bg: var(--bb-tooltip-secondary);
|
||||
--bs-tooltip-color: var(--bb-tooltip-color-white);
|
||||
}
|
||||
|
||||
.bb-tooltip-success {
|
||||
--bs-tooltip-bg: var(--bb-tooltip-success);
|
||||
--bs-tooltip-color: var(--bb-tooltip-color-white);
|
||||
}
|
||||
|
||||
.bb-tooltip-danger {
|
||||
--bs-tooltip-bg: var(--bb-tooltip-danger);
|
||||
--bs-tooltip-color: var(--bb-tooltip-color-white);
|
||||
}
|
||||
|
||||
.bb-tooltip-warning {
|
||||
--bs-tooltip-bg: var(--bb-tooltip-warning);
|
||||
--bs-tooltip-color: var(--bb-tooltip-color-dark);
|
||||
}
|
||||
|
||||
.bb-tooltip-info {
|
||||
--bs-tooltip-bg: var(--bb-tooltip-info);
|
||||
--bs-tooltip-color: var(--bb-tooltip-color-dark);
|
||||
}
|
||||
|
||||
.bb-tooltip-light {
|
||||
--bs-tooltip-bg: var(--bb-tooltip-light);
|
||||
--bs-tooltip-color: var(--bb-tooltip-color-dark);
|
||||
}
|
||||
|
||||
.bb-tooltip-dark {
|
||||
--bs-tooltip-bg: var(--bb-tooltip-dark);
|
||||
--bs-tooltip-color: var(--bb-tooltip-color-white);
|
||||
}
|
||||
|
||||
/* button */
|
||||
.btn-xs {
|
||||
--bs-btn-padding-y: 0.125rem;
|
||||
--bs-btn-padding-x: 0.25rem;
|
||||
--bs-btn-font-size: 0.75rem;
|
||||
--bs-btn-border-radius: var(--bs-border-radius-sm);
|
||||
}
|
||||
|
||||
.btn-sm {
|
||||
--bs-btn-padding-y: 0.25rem;
|
||||
--bs-btn-padding-x: 0.5rem;
|
||||
--bs-btn-font-size: 0.875rem;
|
||||
--bs-btn-border-radius: var(--bs-border-radius-sm);
|
||||
}
|
||||
|
||||
.btn-md {
|
||||
--bs-btn-padding-y: 0.375rem;
|
||||
--bs-btn-padding-x: 0.75rem;
|
||||
--bs-btn-font-size: 1rem;
|
||||
--bs-btn-border-radius: var(--bs-border-radius-md);
|
||||
}
|
||||
|
||||
.btn-lg {
|
||||
--bs-btn-padding-y: 0.5rem;
|
||||
--bs-btn-padding-x: 1rem;
|
||||
--bs-btn-font-size: 1.25rem;
|
||||
--bs-btn-border-radius: var(--bs-border-radius-lg);
|
||||
}
|
||||
|
||||
.btn-xl {
|
||||
--bs-btn-padding-y: 0.625rem;
|
||||
--bs-btn-padding-x: 1.25rem;
|
||||
--bs-btn-font-size: 1.5rem;
|
||||
--bs-btn-border-radius: var(--bs-border-radius-lg);
|
||||
}
|
||||
|
||||
/* button > spinner */
|
||||
.spinner-border-xs {
|
||||
--bs-spinner-width: 0.5rem;
|
||||
--bs-spinner-height: 0.5rem;
|
||||
--bs-spinner-border-width: 0.125em;
|
||||
--bs-spinner-vertical-align: 0;
|
||||
}
|
||||
|
||||
.spinner-border-sm {
|
||||
--bs-spinner-width: 0.75rem;
|
||||
--bs-spinner-height: 0.75rem;
|
||||
--bs-spinner-border-width: 0.15em;
|
||||
--bs-spinner-vertical-align: 0;
|
||||
}
|
||||
|
||||
.spinner-border-md {
|
||||
--bs-spinner-width: 1rem;
|
||||
--bs-spinner-height: 1rem;
|
||||
--bs-spinner-border-width: 0.175em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
|
||||
.spinner-border-lg {
|
||||
--bs-spinner-width: 1.25rem;
|
||||
--bs-spinner-height: 1.25rem;
|
||||
--bs-spinner-border-width: 0.2em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
|
||||
.spinner-border-xl {
|
||||
--bs-spinner-width: 1.5rem;
|
||||
--bs-spinner-height: 1.5rem;
|
||||
--bs-spinner-border-width: 0.225em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
|
||||
/* range */
|
||||
.bb-form-range-input {
|
||||
appearance: auto !important;
|
||||
}
|
||||
|
||||
.bb-range-data-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
writing-mode: vertical-lr;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* pdf viewer */
|
||||
.pdf-viewer-dropdown-toggle::after {
|
||||
content: inherit !important;
|
||||
}
|
||||
|
||||
/* layout */
|
||||
.bb-footer a {
|
||||
color: var(--bs-body-color);
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.bb-footer a:hover, .bb-footer a:focus {
|
||||
color: var(--bs-link-hover-color);
|
||||
text-decoration: underline;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,267 @@
|
||||
import * as pdfJS from './pdfjs-4.0.379.min.js';
|
||||
import * as pdfWorker from './pdfjs-4.0.379.worker.min.js';
|
||||
|
||||
if (pdfJS != null && pdfWorker != null) {
|
||||
pdfJS.GlobalWorkerOptions.workerSrc = pdfWorker;
|
||||
}
|
||||
|
||||
function getCanvas(item) {
|
||||
if (isDomSupported() && typeof item === 'string') {
|
||||
item = document.getElementById(item);
|
||||
} else if (item && item.length) {
|
||||
// support for array based queries
|
||||
item = item[0];
|
||||
}
|
||||
|
||||
if (item && item.canvas !== undefined && item.canvas) {
|
||||
// support for any object associated to a canvas (including a context2d)
|
||||
item = item.canvas;
|
||||
}
|
||||
|
||||
return item;
|
||||
}
|
||||
|
||||
const getPdf = (key) => {
|
||||
const canvas = getCanvas(key);
|
||||
return Object.values(pdfInstances).filter((c) => c.canvas === canvas).pop();
|
||||
};
|
||||
|
||||
const pdfInstances = {};
|
||||
|
||||
class Pdf {
|
||||
static instances = pdfInstances;
|
||||
static getPdf = getPdf;
|
||||
|
||||
constructor(item) {
|
||||
const canvas = getCanvas(item);
|
||||
//const existingPdf = getPdf(canvas);
|
||||
|
||||
this.id = canvas.id;
|
||||
this.canvas = canvas;
|
||||
this.ctx = canvas.getContext('2d');
|
||||
this.pdfDoc = null;
|
||||
this.pageNum = 1;
|
||||
this.pagesCount = 0;
|
||||
this.pageRendering = false;
|
||||
this.pageNumPending = null;
|
||||
this.scale = 1;
|
||||
this.rotation = 0;
|
||||
|
||||
pdfInstances[this.id] = this;
|
||||
}
|
||||
}
|
||||
|
||||
export function firstPage(dotNetHelper, elementId) {
|
||||
const pdf = getPdf(elementId);
|
||||
|
||||
if (pdf == null || pdf.pageNum === 1)
|
||||
return;
|
||||
|
||||
if (pdf.pageNum > 1)
|
||||
pdf.pageNum = 1;
|
||||
|
||||
queueRenderPage(pdf, pdf.pageNum);
|
||||
|
||||
setPdfViewerMetaData(dotNetHelper, pdf);
|
||||
}
|
||||
|
||||
export function gotoPage(dotNetHelper, elementId, gotoPageNum) {
|
||||
const pdf = getPdf(elementId);
|
||||
|
||||
if (pdf == null || gotoPageNum < 1 || gotoPageNum > pdf.pagesCount)
|
||||
return;
|
||||
|
||||
pdf.pageNum = gotoPageNum;
|
||||
|
||||
queueRenderPage(pdf, pdf.pageNum);
|
||||
|
||||
setPdfViewerMetaData(dotNetHelper, pdf);
|
||||
}
|
||||
|
||||
export function lastPage(dotNetHelper, elementId) {
|
||||
const pdf = getPdf(elementId);
|
||||
|
||||
if (pdf == null || (pdf.pageNum === 1 && pdf.pageNum === pdf.pagesCount))
|
||||
return;
|
||||
|
||||
if (pdf.pageNum < pdf.pagesCount)
|
||||
pdf.pageNum = pdf.pagesCount;
|
||||
|
||||
queueRenderPage(pdf, pdf.pageNum);
|
||||
|
||||
setPdfViewerMetaData(dotNetHelper, pdf);
|
||||
}
|
||||
|
||||
export function nextPage(dotNetHelper, elementId) {
|
||||
const pdf = getPdf(elementId);
|
||||
|
||||
if (pdf == null || pdf.pageNum === pdf.pagesCount)
|
||||
return;
|
||||
|
||||
if (pdf.pageNum < pdf.pagesCount)
|
||||
pdf.pageNum += 1;
|
||||
|
||||
queueRenderPage(pdf, pdf.pageNum);
|
||||
|
||||
setPdfViewerMetaData(dotNetHelper, pdf);
|
||||
}
|
||||
|
||||
export function previousPage(dotNetHelper, elementId) {
|
||||
const pdf = getPdf(elementId);
|
||||
|
||||
if (pdf == null || pdf.pageNum === 0 || pdf.pageNum === 1)
|
||||
return;
|
||||
|
||||
if (pdf.pageNum > 0)
|
||||
pdf.pageNum -= 1;
|
||||
|
||||
queueRenderPage(pdf, pdf.pageNum);
|
||||
|
||||
setPdfViewerMetaData(dotNetHelper, pdf);
|
||||
}
|
||||
|
||||
export async function print(dotNetHelper, elementId, url) {
|
||||
const pdfDoc = await pdfJS.getDocument(url).promise;
|
||||
const pageRange = [1, 2, 3, 4]; // TODO: update this
|
||||
|
||||
const iframeEl = document.createElement('iframe');
|
||||
iframeEl.style = 'display:none';
|
||||
document.body.appendChild(iframeEl);
|
||||
|
||||
for (const pageNumber of pageRange) {
|
||||
const page = await pdfDoc.getPage(pageNumber);
|
||||
|
||||
const viewport = page.getViewport({ scale: 1.5 });
|
||||
const canvas = document.createElement("canvas");
|
||||
canvas.height = viewport.height;
|
||||
canvas.width = viewport.width;
|
||||
|
||||
//canvas.style.height = `${viewport.height * 2}px`;
|
||||
//canvas.style.width = `${viewport.width * 2}px`;
|
||||
|
||||
const ctx = canvas.getContext('2d');
|
||||
|
||||
const renderContext = {
|
||||
//intent: 'print',
|
||||
canvasContext: ctx,
|
||||
viewport: viewport
|
||||
};
|
||||
await page.render(renderContext).promise;
|
||||
|
||||
const iframeDoc = iframeEl.contentWindow.document;
|
||||
iframeDoc.body.appendChild(canvas);
|
||||
}
|
||||
|
||||
setTimeout(() => {
|
||||
iframeEl.contentWindow.print();
|
||||
iframeEl.remove();
|
||||
},
|
||||
1000);
|
||||
}
|
||||
|
||||
export function rotate(dotNetHelper, elementId, rotation) {
|
||||
const pdf = getPdf(elementId);
|
||||
|
||||
if (pdf == null || Number.isNaN(rotation) || rotation % 90 !== 0)
|
||||
return;
|
||||
|
||||
pdf.rotation = rotation;
|
||||
|
||||
queueRenderPage(pdf, pdf.pageNum);
|
||||
}
|
||||
|
||||
export function zoomInOut(dotNetHelper, elementId, scale) {
|
||||
const pdf = getPdf(elementId);
|
||||
|
||||
if (pdf == null)
|
||||
return;
|
||||
|
||||
if (!Number.isNaN(scale))
|
||||
pdf.scale = scale;
|
||||
|
||||
queueRenderPage(pdf, pdf.pageNum);
|
||||
}
|
||||
|
||||
// resize
|
||||
// print
|
||||
// download
|
||||
// zoomreset
|
||||
|
||||
/*
|
||||
firstPageButton.disabled = this.pageNumber <= 1;
|
||||
lastPageButton.disabled = this.pageNumber >= this.pagesCount;
|
||||
pageRotateCwButton.disabled = this.pagesCount === 0;
|
||||
pageRotateCcwButton.disabled = this.pagesCount === 0;
|
||||
*/
|
||||
|
||||
export function initialize(dotNetHelper, elementId, scale, rotation, url) {
|
||||
const pdf = new Pdf(elementId);
|
||||
pdf.scale = scale;
|
||||
pdf.rotation = rotation;
|
||||
|
||||
pdfJS.getDocument(url).promise.then(function (doc) {
|
||||
pdf.pdfDoc = doc;
|
||||
pdf.pagesCount = doc.numPages;
|
||||
renderPage(pdf, pdf.pageNum);
|
||||
dotNetHelper.invokeMethodAsync('DocumentLoaded', { pagesCount: pdf.pagesCount, pageNumber: pdf.pageNum });
|
||||
});
|
||||
}
|
||||
|
||||
function isDomSupported() {
|
||||
return typeof window !== 'undefined' && typeof document !== 'undefined';
|
||||
}
|
||||
|
||||
/**
|
||||
* If another page rendering in progress, waits until the rendering is
|
||||
* finished. Otherwise, executes rendering immediately.
|
||||
*/
|
||||
function queueRenderPage(pdf, num) {
|
||||
if (pdf.pageRendering) {
|
||||
pdf.pageNumPending = num;
|
||||
} else {
|
||||
renderPage(pdf, num);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Get page info from document, resize canvas accordingly, and render page.
|
||||
* @param num Page number.
|
||||
*/
|
||||
function renderPage(pdf, num) {
|
||||
pdf.pageRendering = true;
|
||||
|
||||
// Using promise to fetch the page
|
||||
pdf.pdfDoc.getPage(num).then((page) => {
|
||||
const viewport = page.getViewport({ scale: pdf.scale, rotation: pdf.rotation });
|
||||
pdf.canvas.height = viewport.height;
|
||||
pdf.canvas.width = viewport.width;
|
||||
|
||||
// Render PDF page into canvas context
|
||||
const renderContext = {
|
||||
canvasContext: pdf.ctx,
|
||||
viewport: viewport
|
||||
};
|
||||
|
||||
const renderTask = page.render(renderContext);
|
||||
|
||||
// Wait for rendering to finish
|
||||
renderTask.promise.then(() => {
|
||||
pdf.pageRendering = false;
|
||||
if (pdf.pageNumPending !== null) {
|
||||
// New page rendering is pending
|
||||
renderPage(pdf, pdf.pageNumPending);
|
||||
pdf.pageNumPending = null;
|
||||
}
|
||||
})
|
||||
.catch((error) => {
|
||||
// TODO: track exception
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function setPdfViewerMetaData(dotNetHelper, pdf) {
|
||||
if (dotNetHelper == null)
|
||||
return;
|
||||
|
||||
dotNetHelper.invokeMethodAsync('SetPdfViewerMetaData', { pagesCount: pdf.pagesCount, pageNumber: pdf.pageNum });
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
export function initialize(elementId, elementName, handle, group, allowSorting, pull, put, filter, dotNetHelper) {
|
||||
let listGroupEl = document.getElementById(elementId);
|
||||
if (listGroupEl == null)
|
||||
return;
|
||||
|
||||
if (Sortable) {
|
||||
const sortable = Sortable.create(listGroupEl, {
|
||||
animation: 150,
|
||||
filter: '.bb-sortable-list-item-disabled',
|
||||
group: {
|
||||
name: group,
|
||||
pull: pull,
|
||||
put: put
|
||||
},
|
||||
handle: handle, // handle's class
|
||||
onAdd: (event) => {
|
||||
event.item.remove();
|
||||
dotNetHelper.invokeMethodAsync('OnAddJS', event.oldDraggableIndex, event.newDraggableIndex);
|
||||
},
|
||||
onRemove: (event) => {
|
||||
if (event.pullMode === 'clone') {
|
||||
event.clone.remove();
|
||||
}
|
||||
|
||||
event.item.remove();
|
||||
event.from.insertBefore(event.item, event.from.childNodes[event.oldIndex]);
|
||||
|
||||
let fromElName = '';
|
||||
let toElName = '';
|
||||
|
||||
let fromEl = document.getElementById(event.from.id);
|
||||
if (fromEl)
|
||||
fromElName = fromEl.getAttribute('name');
|
||||
|
||||
let toEl = document.getElementById(event.to.id);
|
||||
if (toEl)
|
||||
toElName = toEl.getAttribute('name');
|
||||
|
||||
dotNetHelper.invokeMethodAsync('OnRemoveJS', event.oldDraggableIndex, event.newDraggableIndex, fromElName, toElName);
|
||||
},
|
||||
onUpdate: (event) => {
|
||||
event.item.remove();
|
||||
event.to.insertBefore(event.item, event.to.childNodes[event.oldIndex]);
|
||||
dotNetHelper.invokeMethodAsync('OnUpdateJS', event.oldDraggableIndex, event.newDraggableIndex);
|
||||
},
|
||||
sort: allowSorting
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,82 @@
|
||||
// THEMES
|
||||
const STORAGE_KEY = "blazorbootstrap-theme";
|
||||
const DEFAULT_THEME = "light";
|
||||
const LIGHT_THEME = "light";
|
||||
const DARK_THEME = "dark";
|
||||
const SYSTEM_THEME = "system";
|
||||
|
||||
const state = {
|
||||
chosenTheme: SYSTEM_THEME, // light|dark|system
|
||||
appliedTheme: DEFAULT_THEME // light|dark
|
||||
};
|
||||
|
||||
const showActiveTheme = () => {
|
||||
let themeIndicatorEls = document.querySelectorAll(".blazorbootstrap-theme-indicator>i");
|
||||
if (themeIndicatorEls.length > 0) {
|
||||
themeIndicatorEls.forEach((el, index) => {
|
||||
if (state.chosenTheme === SYSTEM_THEME
|
||||
&& state.chosenTheme !== state.appliedTheme) {
|
||||
el.className = "bi bi-circle-half";
|
||||
}
|
||||
else if (state.appliedTheme === LIGHT_THEME) {
|
||||
el.className = "bi bi-sun-fill";
|
||||
} else if (state.appliedTheme === DARK_THEME) {
|
||||
el.className = "bi bi-moon-stars-fill";
|
||||
} else {
|
||||
el.className = "bi bi-circle-half";
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
let themeSwitcherItemEls = document.querySelectorAll(".blazorbootstrap-theme-item>button");
|
||||
if (themeSwitcherItemEls) {
|
||||
themeSwitcherItemEls.forEach((el) => {
|
||||
const bsThemeValue = el.dataset.bsThemeValue;
|
||||
const iEl = el.querySelector(".bi.bi-check2");
|
||||
if (state.chosenTheme === bsThemeValue) {
|
||||
el.classList.add("active");
|
||||
if (iEl)
|
||||
iEl.classList.remove("d-none");
|
||||
} else {
|
||||
el.classList.remove("active");
|
||||
if (iEl)
|
||||
iEl.classList.add("d-none");
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
export function setTheme(dotNetHelper, theme, save = true) {
|
||||
state.chosenTheme = theme;
|
||||
state.appliedTheme = theme;
|
||||
|
||||
if (theme === SYSTEM_THEME) {
|
||||
state.appliedTheme = window.matchMedia(`(prefers-color-scheme: ${DARK_THEME})`).matches ? DARK_THEME : LIGHT_THEME;
|
||||
}
|
||||
|
||||
document.documentElement.setAttribute("data-bs-theme", state.appliedTheme);
|
||||
if (save) {
|
||||
window.localStorage.setItem(STORAGE_KEY, state.chosenTheme);
|
||||
}
|
||||
showActiveTheme();
|
||||
if (dotNetHelper)
|
||||
dotNetHelper.invokeMethodAsync("OnThemeChangedJS", state.appliedTheme);
|
||||
};
|
||||
|
||||
export function initializeTheme(dotNetHelper) {
|
||||
const localTheme = window.localStorage.getItem(STORAGE_KEY);
|
||||
if (localTheme) {
|
||||
setTheme(dotNetHelper, localTheme, false);
|
||||
} else {
|
||||
setTheme(dotNetHelper, SYSTEM_THEME);
|
||||
}
|
||||
|
||||
// register events
|
||||
window
|
||||
.matchMedia(`(prefers-color-scheme: ${DARK_THEME})`)
|
||||
.addEventListener("change", (event) => {
|
||||
//const theme = event.matches ? DARK_THEME : LIGHT_THEME;
|
||||
//setTheme(theme);
|
||||
setTheme(dotNetHelper, SYSTEM_THEME);
|
||||
});
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,91 @@
|
||||
:root,
|
||||
.rz-dark {
|
||||
--rz-white: #ffffff;
|
||||
--rz-black: #000000;
|
||||
--rz-base: #334752;
|
||||
--rz-base-50: #ffffff;
|
||||
--rz-base-100: #f6f7fa;
|
||||
--rz-base-200: #e9edf0;
|
||||
--rz-base-300: #dadfe2;
|
||||
--rz-base-400: #a8b4b8;
|
||||
--rz-base-500: #98a5a9;
|
||||
--rz-base-600: #8f9ea3;
|
||||
--rz-base-700: #334752;
|
||||
--rz-base-800: #212E36;
|
||||
--rz-base-900: #17262c;
|
||||
--rz-base-light: #a8b4b8;
|
||||
--rz-base-lighter: #ffffff;
|
||||
--rz-base-dark: #212E36;
|
||||
--rz-base-darker: #17262c;
|
||||
--rz-primary: #bf540d;
|
||||
--rz-primary-light: #c7692a;
|
||||
--rz-primary-lighter: rgba(191, 84, 13, 0.16);
|
||||
--rz-primary-dark: #b04d0c;
|
||||
--rz-primary-darker: #8f3f0a;
|
||||
--rz-secondary: #076a9c;
|
||||
--rz-secondary-light: #257ca8;
|
||||
--rz-secondary-lighter: rgba(7, 106, 156, 0.2);
|
||||
--rz-secondary-dark: #066290;
|
||||
--rz-secondary-darker: #055075;
|
||||
--rz-info: #026969;
|
||||
--rz-info-light: #2a8181;
|
||||
--rz-info-lighter: rgba(2, 105, 105, 0.2);
|
||||
--rz-info-dark: #025858;
|
||||
--rz-info-darker: #024f4f;
|
||||
--rz-success: #0f6c23;
|
||||
--rz-success-light: #358446;
|
||||
--rz-success-lighter: rgba(15, 108, 35, 0.16);
|
||||
--rz-success-dark: #0d5b1d;
|
||||
--rz-success-darker: #0b511a;
|
||||
--rz-warning: #fac152;
|
||||
--rz-warning-light: #fbcb6e;
|
||||
--rz-warning-lighter: rgba(250, 193, 82, 0.2);
|
||||
--rz-warning-dark: #d2a245;
|
||||
--rz-warning-darker: #bc913e;
|
||||
--rz-danger: #b2242e;
|
||||
--rz-danger-light: #be474f;
|
||||
--rz-danger-lighter: rgba(178, 36, 46, 0.2);
|
||||
--rz-danger-dark: #961e27;
|
||||
--rz-danger-darker: #861b23;
|
||||
--rz-on-base: #ffffff;
|
||||
--rz-on-base-light: #000000;
|
||||
--rz-on-base-lighter: #000000;
|
||||
--rz-on-base-dark: #ffffff;
|
||||
--rz-on-base-darker: #ffffff;
|
||||
--rz-on-primary: #ffffff;
|
||||
--rz-on-primary-light: #ffffff;
|
||||
--rz-on-primary-lighter: #c2350a;
|
||||
--rz-on-primary-dark: #ffffff;
|
||||
--rz-on-primary-darker: #ffffff;
|
||||
--rz-on-secondary: #ffffff;
|
||||
--rz-on-secondary-light: #ffffff;
|
||||
--rz-on-secondary-lighter: #076a9c;
|
||||
--rz-on-secondary-dark: #ffffff;
|
||||
--rz-on-secondary-darker: #ffffff;
|
||||
--rz-on-info: #ffffff;
|
||||
--rz-on-info-light: #ffffff;
|
||||
--rz-on-info-lighter: #026969;
|
||||
--rz-on-info-dark: #ffffff;
|
||||
--rz-on-info-darker: #ffffff;
|
||||
--rz-on-success: #ffffff;
|
||||
--rz-on-success-light: #ffffff;
|
||||
--rz-on-success-lighter: #0f6c23;
|
||||
--rz-on-success-dark: #ffffff;
|
||||
--rz-on-success-darker: #ffffff;
|
||||
--rz-on-warning: #000000;
|
||||
--rz-on-warning-light: #000000;
|
||||
--rz-on-warning-lighter: #fac152;
|
||||
--rz-on-warning-dark: #000000;
|
||||
--rz-on-warning-darker: #000000;
|
||||
--rz-on-danger: #ffffff;
|
||||
--rz-on-danger-light: #ffffff;
|
||||
--rz-on-danger-lighter: #b2242e;
|
||||
--rz-on-danger-dark: #ffffff;
|
||||
--rz-on-danger-darker: #ffffff;
|
||||
--rz-link-color: #3b9fd5;
|
||||
--rz-link-hover-color: #2184ba;
|
||||
--rz-toc-link-selected-color: #3b9fd5;
|
||||
--rz-toc-horizontal-link-selected-color: #3b9fd5;
|
||||
--rz-toc-link-selected-indicator-color: #3b9fd5;
|
||||
--rz-toc-link-hover-color: #2184ba;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,85 @@
|
||||
:root,
|
||||
.rz-default {
|
||||
--rz-white: #ffffff;
|
||||
--rz-black: #000000;
|
||||
--rz-base: #dadfe2;
|
||||
--rz-base-50: #ffffff;
|
||||
--rz-base-100: #f6f7fa;
|
||||
--rz-base-200: #e9edf0;
|
||||
--rz-base-300: #dadfe2;
|
||||
--rz-base-400: #c1c9cb;
|
||||
--rz-base-500: #616c75;
|
||||
--rz-base-600: #5e696e;
|
||||
--rz-base-700: #545e61;
|
||||
--rz-base-800: #3a474d;
|
||||
--rz-base-900: #28363c;
|
||||
--rz-base-light: #e9edf0;
|
||||
--rz-base-lighter: #ffffff;
|
||||
--rz-base-dark: #5e696e;
|
||||
--rz-base-darker: #28363c;
|
||||
--rz-primary: #c2350a;
|
||||
--rz-primary-light: #c94d27;
|
||||
--rz-primary-lighter: rgba(194, 53, 10, 0.16);
|
||||
--rz-primary-dark: #b23109;
|
||||
--rz-primary-darker: #922808;
|
||||
--rz-secondary: #076a9c;
|
||||
--rz-secondary-light: #257ca8;
|
||||
--rz-secondary-lighter: rgba(7, 106, 156, 0.2);
|
||||
--rz-secondary-dark: #066290;
|
||||
--rz-secondary-darker: #055075;
|
||||
--rz-info: #026969;
|
||||
--rz-info-light: #2a8181;
|
||||
--rz-info-lighter: rgba(2, 105, 105, 0.2);
|
||||
--rz-info-dark: #025858;
|
||||
--rz-info-darker: #024f4f;
|
||||
--rz-success: #0f6c23;
|
||||
--rz-success-light: #358446;
|
||||
--rz-success-lighter: rgba(15, 108, 35, 0.16);
|
||||
--rz-success-dark: #0d5b1d;
|
||||
--rz-success-darker: #0b511a;
|
||||
--rz-warning: #fac152;
|
||||
--rz-warning-light: #fbcb6e;
|
||||
--rz-warning-lighter: rgba(250, 193, 82, 0.2);
|
||||
--rz-warning-dark: #d2a245;
|
||||
--rz-warning-darker: #bc913e;
|
||||
--rz-danger: #b2242e;
|
||||
--rz-danger-light: #be474f;
|
||||
--rz-danger-lighter: rgba(178, 36, 46, 0.2);
|
||||
--rz-danger-dark: #961e27;
|
||||
--rz-danger-darker: #861b23;
|
||||
--rz-on-base: #28363c;
|
||||
--rz-on-base-light: #28363c;
|
||||
--rz-on-base-lighter: #28363c;
|
||||
--rz-on-base-dark: #ffffff;
|
||||
--rz-on-base-darker: #ffffff;
|
||||
--rz-on-primary: #ffffff;
|
||||
--rz-on-primary-light: #ffffff;
|
||||
--rz-on-primary-lighter: #c2350a;
|
||||
--rz-on-primary-dark: #ffffff;
|
||||
--rz-on-primary-darker: #ffffff;
|
||||
--rz-on-secondary: #ffffff;
|
||||
--rz-on-secondary-light: #ffffff;
|
||||
--rz-on-secondary-lighter: #076a9c;
|
||||
--rz-on-secondary-dark: #ffffff;
|
||||
--rz-on-secondary-darker: #ffffff;
|
||||
--rz-on-info: #ffffff;
|
||||
--rz-on-info-light: #ffffff;
|
||||
--rz-on-info-lighter: #026969;
|
||||
--rz-on-info-dark: #ffffff;
|
||||
--rz-on-info-darker: #ffffff;
|
||||
--rz-on-success: #ffffff;
|
||||
--rz-on-success-light: #ffffff;
|
||||
--rz-on-success-lighter: #0f6c23;
|
||||
--rz-on-success-dark: #ffffff;
|
||||
--rz-on-success-darker: #ffffff;
|
||||
--rz-on-warning: #000000;
|
||||
--rz-on-warning-light: #000000;
|
||||
--rz-on-warning-lighter: #fac152;
|
||||
--rz-on-warning-dark: #000000;
|
||||
--rz-on-warning-darker: #000000;
|
||||
--rz-on-danger: #ffffff;
|
||||
--rz-on-danger-light: #ffffff;
|
||||
--rz-on-danger-lighter: #b2242e;
|
||||
--rz-on-danger-dark: #ffffff;
|
||||
--rz-on-danger-darker: #ffffff;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,91 @@
|
||||
:root,
|
||||
.rz-humanistic-dark {
|
||||
--rz-white: #ffffff;
|
||||
--rz-black: #000000;
|
||||
--rz-base: #466791;
|
||||
--rz-base-50: #ffffff;
|
||||
--rz-base-100: #f3f5f7;
|
||||
--rz-base-200: #ebeef2;
|
||||
--rz-base-300: #d9e1ea;
|
||||
--rz-base-400: #87a4c4;
|
||||
--rz-base-500: #7293b6;
|
||||
--rz-base-600: #466791;
|
||||
--rz-base-700: #395374;
|
||||
--rz-base-800: #30445f;
|
||||
--rz-base-900: #2b3a50;
|
||||
--rz-base-light: #87a4c4;
|
||||
--rz-base-lighter: #ffffff;
|
||||
--rz-base-dark: #395374;
|
||||
--rz-base-darker: #2b3a50;
|
||||
--rz-primary: #a9352d;
|
||||
--rz-primary-light: #b34d46;
|
||||
--rz-primary-lighter: rgba(169, 53, 45, 0.16);
|
||||
--rz-primary-dark: #9b3129;
|
||||
--rz-primary-darker: #7f2822;
|
||||
--rz-secondary: #005fad;
|
||||
--rz-secondary-light: #1f72b7;
|
||||
--rz-secondary-lighter: rgba(0, 95, 173, 0.2);
|
||||
--rz-secondary-dark: #00579f;
|
||||
--rz-secondary-darker: #004782;
|
||||
--rz-info: #026969;
|
||||
--rz-info-light: #2a8181;
|
||||
--rz-info-lighter: rgba(2, 105, 105, 0.2);
|
||||
--rz-info-dark: #025858;
|
||||
--rz-info-darker: #024f4f;
|
||||
--rz-success: #0f6c23;
|
||||
--rz-success-light: #358446;
|
||||
--rz-success-lighter: rgba(15, 108, 35, 0.16);
|
||||
--rz-success-dark: #0d5b1d;
|
||||
--rz-success-darker: #0b511a;
|
||||
--rz-warning: #fac152;
|
||||
--rz-warning-light: #fbcb6e;
|
||||
--rz-warning-lighter: rgba(250, 193, 82, 0.2);
|
||||
--rz-warning-dark: #d2a245;
|
||||
--rz-warning-darker: #bc913e;
|
||||
--rz-danger: #b2242e;
|
||||
--rz-danger-light: #be474f;
|
||||
--rz-danger-lighter: rgba(178, 36, 46, 0.2);
|
||||
--rz-danger-dark: #961e27;
|
||||
--rz-danger-darker: #861b23;
|
||||
--rz-on-base: #ffffff;
|
||||
--rz-on-base-light: #2b3a50;
|
||||
--rz-on-base-lighter: #2b3a50;
|
||||
--rz-on-base-dark: #ffffff;
|
||||
--rz-on-base-darker: #ffffff;
|
||||
--rz-on-primary: #ffffff;
|
||||
--rz-on-primary-light: #ffffff;
|
||||
--rz-on-primary-lighter: #a9352d;
|
||||
--rz-on-primary-dark: #ffffff;
|
||||
--rz-on-primary-darker: #ffffff;
|
||||
--rz-on-secondary: #ffffff;
|
||||
--rz-on-secondary-light: #ffffff;
|
||||
--rz-on-secondary-lighter: #005fad;
|
||||
--rz-on-secondary-dark: #ffffff;
|
||||
--rz-on-secondary-darker: #ffffff;
|
||||
--rz-on-info: #ffffff;
|
||||
--rz-on-info-light: #ffffff;
|
||||
--rz-on-info-lighter: #026969;
|
||||
--rz-on-info-dark: #ffffff;
|
||||
--rz-on-info-darker: #ffffff;
|
||||
--rz-on-success: #ffffff;
|
||||
--rz-on-success-light: #ffffff;
|
||||
--rz-on-success-lighter: #0f6c23;
|
||||
--rz-on-success-dark: #ffffff;
|
||||
--rz-on-success-darker: #ffffff;
|
||||
--rz-on-warning: #000000;
|
||||
--rz-on-warning-light: #000000;
|
||||
--rz-on-warning-lighter: #fac152;
|
||||
--rz-on-warning-dark: #000000;
|
||||
--rz-on-warning-darker: #000000;
|
||||
--rz-on-danger: #ffffff;
|
||||
--rz-on-danger-light: #ffffff;
|
||||
--rz-on-danger-lighter: #b2242e;
|
||||
--rz-on-danger-dark: #ffffff;
|
||||
--rz-on-danger-darker: #ffffff;
|
||||
--rz-link-color: #73bce2;
|
||||
--rz-link-hover-color: #58abd8;
|
||||
--rz-toc-link-selected-color: #73bce2;
|
||||
--rz-toc-horizontal-link-selected-color: #73bce2;
|
||||
--rz-toc-link-selected-indicator-color: #73bce2;
|
||||
--rz-toc-link-hover-color: #58abd8;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,85 @@
|
||||
:root,
|
||||
.rz-humanistic {
|
||||
--rz-white: #ffffff;
|
||||
--rz-black: #000000;
|
||||
--rz-base: #d9e1ea;
|
||||
--rz-base-50: #ffffff;
|
||||
--rz-base-100: #f3f5f7;
|
||||
--rz-base-200: #ebeef2;
|
||||
--rz-base-300: #d9e1ea;
|
||||
--rz-base-400: #87a4c4;
|
||||
--rz-base-500: #466791;
|
||||
--rz-base-600: #3f618d;
|
||||
--rz-base-700: #395374;
|
||||
--rz-base-800: #30445f;
|
||||
--rz-base-900: #2b3a50;
|
||||
--rz-base-light: #ebeef2;
|
||||
--rz-base-lighter: #ffffff;
|
||||
--rz-base-dark: #3f618d;
|
||||
--rz-base-darker: #2b3a50;
|
||||
--rz-primary: #a9352d;
|
||||
--rz-primary-light: #b34d46;
|
||||
--rz-primary-lighter: rgba(169, 53, 45, 0.16);
|
||||
--rz-primary-dark: #9b3129;
|
||||
--rz-primary-darker: #7f2822;
|
||||
--rz-secondary: #005fad;
|
||||
--rz-secondary-light: #1f72b7;
|
||||
--rz-secondary-lighter: rgba(0, 95, 173, 0.2);
|
||||
--rz-secondary-dark: #00579f;
|
||||
--rz-secondary-darker: #004782;
|
||||
--rz-info: #026969;
|
||||
--rz-info-light: #2a8181;
|
||||
--rz-info-lighter: rgba(2, 105, 105, 0.2);
|
||||
--rz-info-dark: #025858;
|
||||
--rz-info-darker: #024f4f;
|
||||
--rz-success: #0f6c23;
|
||||
--rz-success-light: #358446;
|
||||
--rz-success-lighter: rgba(15, 108, 35, 0.16);
|
||||
--rz-success-dark: #0d5b1d;
|
||||
--rz-success-darker: #0b511a;
|
||||
--rz-warning: #fac152;
|
||||
--rz-warning-light: #fbcb6e;
|
||||
--rz-warning-lighter: rgba(250, 193, 82, 0.2);
|
||||
--rz-warning-dark: #d2a245;
|
||||
--rz-warning-darker: #bc913e;
|
||||
--rz-danger: #b2242e;
|
||||
--rz-danger-light: #be474f;
|
||||
--rz-danger-lighter: rgba(178, 36, 46, 0.2);
|
||||
--rz-danger-dark: #961e27;
|
||||
--rz-danger-darker: #861b23;
|
||||
--rz-on-base: #000000;
|
||||
--rz-on-base-light: #000000;
|
||||
--rz-on-base-lighter: #000000;
|
||||
--rz-on-base-dark: #ffffff;
|
||||
--rz-on-base-darker: #ffffff;
|
||||
--rz-on-primary: #ffffff;
|
||||
--rz-on-primary-light: #ffffff;
|
||||
--rz-on-primary-lighter: #a9352d;
|
||||
--rz-on-primary-dark: #ffffff;
|
||||
--rz-on-primary-darker: #ffffff;
|
||||
--rz-on-secondary: #ffffff;
|
||||
--rz-on-secondary-light: #ffffff;
|
||||
--rz-on-secondary-lighter: #005fad;
|
||||
--rz-on-secondary-dark: #ffffff;
|
||||
--rz-on-secondary-darker: #ffffff;
|
||||
--rz-on-info: #ffffff;
|
||||
--rz-on-info-light: #ffffff;
|
||||
--rz-on-info-lighter: #026969;
|
||||
--rz-on-info-dark: #ffffff;
|
||||
--rz-on-info-darker: #ffffff;
|
||||
--rz-on-success: #ffffff;
|
||||
--rz-on-success-light: #ffffff;
|
||||
--rz-on-success-lighter: #0f6c23;
|
||||
--rz-on-success-dark: #ffffff;
|
||||
--rz-on-success-darker: #ffffff;
|
||||
--rz-on-warning: #000000;
|
||||
--rz-on-warning-light: #000000;
|
||||
--rz-on-warning-lighter: #fac152;
|
||||
--rz-on-warning-dark: #000000;
|
||||
--rz-on-warning-darker: #000000;
|
||||
--rz-on-danger: #ffffff;
|
||||
--rz-on-danger-light: #ffffff;
|
||||
--rz-on-danger-lighter: #b2242e;
|
||||
--rz-on-danger-dark: #ffffff;
|
||||
--rz-on-danger-darker: #ffffff;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,85 @@
|
||||
:root,
|
||||
.rz-material-dark {
|
||||
--rz-white: #ffffff;
|
||||
--rz-black: #000000;
|
||||
--rz-base: #383838;
|
||||
--rz-base-50: #e0e0e0;
|
||||
--rz-base-100: #bdbdbd;
|
||||
--rz-base-200: #9E9E9E;
|
||||
--rz-base-300: #858585;
|
||||
--rz-base-400: #383838;
|
||||
--rz-base-500: #333333;
|
||||
--rz-base-600: #2e2e2e;
|
||||
--rz-base-700: #252525;
|
||||
--rz-base-800: #1e1e1e;
|
||||
--rz-base-900: #121212;
|
||||
--rz-base-light: #a0a0a0;
|
||||
--rz-base-lighter: #ffffff;
|
||||
--rz-base-dark: #252525;
|
||||
--rz-base-darker: #000000;
|
||||
--rz-primary: #bb86fc;
|
||||
--rz-primary-light: #c99efd;
|
||||
--rz-primary-lighter: rgba(187, 134, 252, 0.12);
|
||||
--rz-primary-dark: #966bca;
|
||||
--rz-primary-darker: #7f5bab;
|
||||
--rz-secondary: #01a299;
|
||||
--rz-secondary-light: #34b5ad;
|
||||
--rz-secondary-lighter: rgba(1, 162, 153, 0.12);
|
||||
--rz-secondary-dark: #01827a;
|
||||
--rz-secondary-darker: #016e68;
|
||||
--rz-info: #2196f3;
|
||||
--rz-info-light: #4dabf5;
|
||||
--rz-info-lighter: rgba(33, 150, 243, 0.2);
|
||||
--rz-info-dark: #1a78c2;
|
||||
--rz-info-darker: #1666a5;
|
||||
--rz-success: #4caf50;
|
||||
--rz-success-light: #70bf73;
|
||||
--rz-success-lighter: rgba(76, 175, 80, 0.16);
|
||||
--rz-success-dark: #3d8c40;
|
||||
--rz-success-darker: #347736;
|
||||
--rz-warning: #ff9800;
|
||||
--rz-warning-light: #ffad33;
|
||||
--rz-warning-lighter: rgba(255, 152, 0, 0.2);
|
||||
--rz-warning-dark: #cc7a00;
|
||||
--rz-warning-darker: #ad6700;
|
||||
--rz-danger: #f44336;
|
||||
--rz-danger-light: #f6695e;
|
||||
--rz-danger-lighter: rgba(244, 67, 54, 0.2);
|
||||
--rz-danger-dark: #c3362b;
|
||||
--rz-danger-darker: #a62e25;
|
||||
--rz-on-base: #ffffff;
|
||||
--rz-on-base-light: #000000;
|
||||
--rz-on-base-lighter: #000000;
|
||||
--rz-on-base-dark: #ffffff;
|
||||
--rz-on-base-darker: #ffffff;
|
||||
--rz-on-primary: #000000;
|
||||
--rz-on-primary-light: #000000;
|
||||
--rz-on-primary-lighter: #ffffff;
|
||||
--rz-on-primary-dark: #000000;
|
||||
--rz-on-primary-darker: #ffffff;
|
||||
--rz-on-secondary: #000000;
|
||||
--rz-on-secondary-light: #000000;
|
||||
--rz-on-secondary-lighter: #34b5ad;
|
||||
--rz-on-secondary-dark: #ffffff;
|
||||
--rz-on-secondary-darker: #ffffff;
|
||||
--rz-on-info: #000000;
|
||||
--rz-on-info-light: #000000;
|
||||
--rz-on-info-lighter: #4dabf5;
|
||||
--rz-on-info-dark: #ffffff;
|
||||
--rz-on-info-darker: #ffffff;
|
||||
--rz-on-success: #000000;
|
||||
--rz-on-success-light: #000000;
|
||||
--rz-on-success-lighter: #70bf73;
|
||||
--rz-on-success-dark: #000000;
|
||||
--rz-on-success-darker: #ffffff;
|
||||
--rz-on-warning: #000000;
|
||||
--rz-on-warning-light: #000000;
|
||||
--rz-on-warning-lighter: #ffad33;
|
||||
--rz-on-warning-dark: #000000;
|
||||
--rz-on-warning-darker: #000000;
|
||||
--rz-on-danger: #000000;
|
||||
--rz-on-danger-light: #000000;
|
||||
--rz-on-danger-lighter: #f6695e;
|
||||
--rz-on-danger-dark: #ffffff;
|
||||
--rz-on-danger-darker: #ffffff;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,85 @@
|
||||
:root,
|
||||
.rz-material {
|
||||
--rz-white: #ffffff;
|
||||
--rz-black: #000000;
|
||||
--rz-base: #eeeeee;
|
||||
--rz-base-50: #fafafa;
|
||||
--rz-base-100: #f5f5f5;
|
||||
--rz-base-200: #eeeeee;
|
||||
--rz-base-300: #e0e0e0;
|
||||
--rz-base-400: #bdbdbd;
|
||||
--rz-base-500: #757575;
|
||||
--rz-base-600: #707070;
|
||||
--rz-base-700: #616161;
|
||||
--rz-base-800: #424242;
|
||||
--rz-base-900: #212121;
|
||||
--rz-base-light: #f5f5f5;
|
||||
--rz-base-lighter: #ffffff;
|
||||
--rz-base-dark: #424242;
|
||||
--rz-base-darker: #212121;
|
||||
--rz-primary: #4340D2;
|
||||
--rz-primary-light: #6966db;
|
||||
--rz-primary-lighter: rgba(67, 64, 210, 0.12);
|
||||
--rz-primary-dark: #3633a8;
|
||||
--rz-primary-darker: #2e2c8f;
|
||||
--rz-secondary: #ad1357;
|
||||
--rz-secondary-light: #bd4279;
|
||||
--rz-secondary-lighter: rgba(173, 19, 87, 0.12);
|
||||
--rz-secondary-dark: #8a0f46;
|
||||
--rz-secondary-darker: #760d3b;
|
||||
--rz-info: #0d47a1;
|
||||
--rz-info-light: #3d6cb4;
|
||||
--rz-info-lighter: rgba(13, 71, 161, 0.2);
|
||||
--rz-info-dark: #0a3981;
|
||||
--rz-info-darker: #09306d;
|
||||
--rz-success: #1b5e20;
|
||||
--rz-success-light: #497e4d;
|
||||
--rz-success-lighter: rgba(27, 94, 32, 0.16);
|
||||
--rz-success-dark: #164b1a;
|
||||
--rz-success-darker: #124016;
|
||||
--rz-warning: #ffa726;
|
||||
--rz-warning-light: #ffb951;
|
||||
--rz-warning-lighter: rgba(255, 167, 38, 0.2);
|
||||
--rz-warning-dark: #cc861e;
|
||||
--rz-warning-darker: #ad721a;
|
||||
--rz-danger: #b71b1b;
|
||||
--rz-danger-light: #c54949;
|
||||
--rz-danger-lighter: rgba(183, 27, 27, 0.2);
|
||||
--rz-danger-dark: #921616;
|
||||
--rz-danger-darker: #7c1212;
|
||||
--rz-on-base: #212121;
|
||||
--rz-on-base-light: #212121;
|
||||
--rz-on-base-lighter: #212121;
|
||||
--rz-on-base-dark: #ffffff;
|
||||
--rz-on-base-darker: #ffffff;
|
||||
--rz-on-primary: #ffffff;
|
||||
--rz-on-primary-light: #ffffff;
|
||||
--rz-on-primary-lighter: #4340D2;
|
||||
--rz-on-primary-dark: #ffffff;
|
||||
--rz-on-primary-darker: #ffffff;
|
||||
--rz-on-secondary: #ffffff;
|
||||
--rz-on-secondary-light: #ffffff;
|
||||
--rz-on-secondary-lighter: #ad1357;
|
||||
--rz-on-secondary-dark: #ffffff;
|
||||
--rz-on-secondary-darker: #ffffff;
|
||||
--rz-on-info: #ffffff;
|
||||
--rz-on-info-light: #ffffff;
|
||||
--rz-on-info-lighter: #0d47a1;
|
||||
--rz-on-info-dark: #ffffff;
|
||||
--rz-on-info-darker: #ffffff;
|
||||
--rz-on-success: #ffffff;
|
||||
--rz-on-success-light: #ffffff;
|
||||
--rz-on-success-lighter: #1b5e20;
|
||||
--rz-on-success-dark: #ffffff;
|
||||
--rz-on-success-darker: #ffffff;
|
||||
--rz-on-warning: #000000;
|
||||
--rz-on-warning-light: #000000;
|
||||
--rz-on-warning-lighter: #ffa726;
|
||||
--rz-on-warning-dark: #000000;
|
||||
--rz-on-warning-darker: #000000;
|
||||
--rz-on-danger: #ffffff;
|
||||
--rz-on-danger-light: #ffffff;
|
||||
--rz-on-danger-lighter: #b71b1b;
|
||||
--rz-on-danger-dark: #ffffff;
|
||||
--rz-on-danger-darker: #ffffff;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,91 @@
|
||||
:root,
|
||||
.rz-software-dark {
|
||||
--rz-white: #ffffff;
|
||||
--rz-black: #000000;
|
||||
--rz-base: #505f65;
|
||||
--rz-base-50: #ffffff;
|
||||
--rz-base-100: #f5f8f9;
|
||||
--rz-base-200: #e9eef0;
|
||||
--rz-base-300: #dae0e2;
|
||||
--rz-base-400: #c1c8cb;
|
||||
--rz-base-500: #95a2a8;
|
||||
--rz-base-600: #77858b;
|
||||
--rz-base-700: #505f65;
|
||||
--rz-base-800: #3a474d;
|
||||
--rz-base-900: #28363c;
|
||||
--rz-base-light: #c1c9cb;
|
||||
--rz-base-lighter: #ffffff;
|
||||
--rz-base-dark: #3a474d;
|
||||
--rz-base-darker: #28363c;
|
||||
--rz-primary: #08697d;
|
||||
--rz-primary-light: #267b8d;
|
||||
--rz-primary-lighter: rgba(8, 105, 125, 0.16);
|
||||
--rz-primary-dark: #076173;
|
||||
--rz-primary-darker: #064f5e;
|
||||
--rz-secondary: #53666a;
|
||||
--rz-secondary-light: #68787c;
|
||||
--rz-secondary-lighter: rgba(83, 102, 106, 0.2);
|
||||
--rz-secondary-dark: #4c5e62;
|
||||
--rz-secondary-darker: #3e4d50;
|
||||
--rz-info: #00619e;
|
||||
--rz-info-light: #297aae;
|
||||
--rz-info-lighter: rgba(0, 97, 158, 0.2);
|
||||
--rz-info-dark: #005185;
|
||||
--rz-info-darker: #004977;
|
||||
--rz-success: #006b15;
|
||||
--rz-success-light: #29833a;
|
||||
--rz-success-lighter: rgba(0, 107, 21, 0.16);
|
||||
--rz-success-dark: #005a12;
|
||||
--rz-success-darker: #005010;
|
||||
--rz-warning: #ffab2e;
|
||||
--rz-warning-light: #ffb84f;
|
||||
--rz-warning-lighter: rgba(255, 171, 46, 0.2);
|
||||
--rz-warning-dark: #d69027;
|
||||
--rz-warning-darker: #bf8023;
|
||||
--rz-danger: #bd0039;
|
||||
--rz-danger-light: #c82959;
|
||||
--rz-danger-lighter: rgba(189, 0, 57, 0.2);
|
||||
--rz-danger-dark: #9f0030;
|
||||
--rz-danger-darker: #8e002b;
|
||||
--rz-on-base: #ffffff;
|
||||
--rz-on-base-light: #28363c;
|
||||
--rz-on-base-lighter: #28363c;
|
||||
--rz-on-base-dark: #ffffff;
|
||||
--rz-on-base-darker: #ffffff;
|
||||
--rz-on-primary: #ffffff;
|
||||
--rz-on-primary-light: #ffffff;
|
||||
--rz-on-primary-lighter: #08697d;
|
||||
--rz-on-primary-dark: #ffffff;
|
||||
--rz-on-primary-darker: #ffffff;
|
||||
--rz-on-secondary: #ffffff;
|
||||
--rz-on-secondary-light: #ffffff;
|
||||
--rz-on-secondary-lighter: #53666a;
|
||||
--rz-on-secondary-dark: #ffffff;
|
||||
--rz-on-secondary-darker: #ffffff;
|
||||
--rz-on-info: #ffffff;
|
||||
--rz-on-info-light: #ffffff;
|
||||
--rz-on-info-lighter: #00619e;
|
||||
--rz-on-info-dark: #ffffff;
|
||||
--rz-on-info-darker: #ffffff;
|
||||
--rz-on-success: #ffffff;
|
||||
--rz-on-success-light: #ffffff;
|
||||
--rz-on-success-lighter: #006b15;
|
||||
--rz-on-success-dark: #ffffff;
|
||||
--rz-on-success-darker: #ffffff;
|
||||
--rz-on-warning: #000000;
|
||||
--rz-on-warning-light: #000000;
|
||||
--rz-on-warning-lighter: #ffab2e;
|
||||
--rz-on-warning-dark: #000000;
|
||||
--rz-on-warning-darker: #000000;
|
||||
--rz-on-danger: #ffffff;
|
||||
--rz-on-danger-light: #ffffff;
|
||||
--rz-on-danger-lighter: #bd0039;
|
||||
--rz-on-danger-dark: #ffffff;
|
||||
--rz-on-danger-darker: #ffffff;
|
||||
--rz-link-color: #62c2d5;
|
||||
--rz-link-hover-color: #82cfde;
|
||||
--rz-toc-link-selected-color: #62c2d5;
|
||||
--rz-toc-horizontal-link-selected-color: #62c2d5;
|
||||
--rz-toc-link-selected-indicator-color: #62c2d5;
|
||||
--rz-toc-link-hover-color: #82cfde;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,87 @@
|
||||
:root,
|
||||
.rz-software {
|
||||
--rz-white: #ffffff;
|
||||
--rz-black: #000000;
|
||||
--rz-base: #dadfe2;
|
||||
--rz-base-50: #ffffff;
|
||||
--rz-base-100: #f6f7fa;
|
||||
--rz-base-200: #e9edf0;
|
||||
--rz-base-300: #dadfe2;
|
||||
--rz-base-400: #c1c9cb;
|
||||
--rz-base-500: #616c75;
|
||||
--rz-base-600: #5e696e;
|
||||
--rz-base-700: #545e61;
|
||||
--rz-base-800: #3a474d;
|
||||
--rz-base-900: #28363c;
|
||||
--rz-base-light: #e9edf0;
|
||||
--rz-base-lighter: #ffffff;
|
||||
--rz-base-dark: #5e696e;
|
||||
--rz-base-darker: #28363c;
|
||||
--rz-primary: #08697d;
|
||||
--rz-primary-light: #267b8d;
|
||||
--rz-primary-lighter: rgba(8, 105, 125, 0.16);
|
||||
--rz-primary-dark: #076173;
|
||||
--rz-primary-darker: #064f5e;
|
||||
--rz-secondary: #53666a;
|
||||
--rz-secondary-light: #68787c;
|
||||
--rz-secondary-lighter: rgba(83, 102, 106, 0.2);
|
||||
--rz-secondary-dark: #4c5e62;
|
||||
--rz-secondary-darker: #3e4d50;
|
||||
--rz-info: #00619e;
|
||||
--rz-info-light: #297aae;
|
||||
--rz-info-lighter: rgba(0, 97, 158, 0.2);
|
||||
--rz-info-dark: #005185;
|
||||
--rz-info-darker: #004977;
|
||||
--rz-success: #006b15;
|
||||
--rz-success-light: #29833a;
|
||||
--rz-success-lighter: rgba(0, 107, 21, 0.16);
|
||||
--rz-success-dark: #005a12;
|
||||
--rz-success-darker: #005010;
|
||||
--rz-warning: #ffab2e;
|
||||
--rz-warning-light: #ffb84f;
|
||||
--rz-warning-lighter: rgba(255, 171, 46, 0.2);
|
||||
--rz-warning-dark: #d69027;
|
||||
--rz-warning-darker: #bf8023;
|
||||
--rz-danger: #bd0039;
|
||||
--rz-danger-light: #c82959;
|
||||
--rz-danger-lighter: rgba(189, 0, 57, 0.2);
|
||||
--rz-danger-dark: #9f0030;
|
||||
--rz-danger-darker: #8e002b;
|
||||
--rz-on-base: #28363c;
|
||||
--rz-on-base-light: #28363c;
|
||||
--rz-on-base-lighter: #28363c;
|
||||
--rz-on-base-dark: #ffffff;
|
||||
--rz-on-base-darker: #ffffff;
|
||||
--rz-on-primary: #ffffff;
|
||||
--rz-on-primary-light: #ffffff;
|
||||
--rz-on-primary-lighter: #08697d;
|
||||
--rz-on-primary-dark: #ffffff;
|
||||
--rz-on-primary-darker: #ffffff;
|
||||
--rz-on-secondary: #ffffff;
|
||||
--rz-on-secondary-light: #ffffff;
|
||||
--rz-on-secondary-lighter: #53666a;
|
||||
--rz-on-secondary-dark: #ffffff;
|
||||
--rz-on-secondary-darker: #ffffff;
|
||||
--rz-on-info: #ffffff;
|
||||
--rz-on-info-light: #ffffff;
|
||||
--rz-on-info-lighter: #00619e;
|
||||
--rz-on-info-dark: #ffffff;
|
||||
--rz-on-info-darker: #ffffff;
|
||||
--rz-on-success: #ffffff;
|
||||
--rz-on-success-light: #ffffff;
|
||||
--rz-on-success-lighter: #006b15;
|
||||
--rz-on-success-dark: #ffffff;
|
||||
--rz-on-success-darker: #ffffff;
|
||||
--rz-on-warning: #000000;
|
||||
--rz-on-warning-light: #000000;
|
||||
--rz-on-warning-lighter: #ffab2e;
|
||||
--rz-on-warning-dark: #000000;
|
||||
--rz-on-warning-darker: #000000;
|
||||
--rz-on-danger: #ffffff;
|
||||
--rz-on-danger-light: #ffffff;
|
||||
--rz-on-danger-lighter: #bd0039;
|
||||
--rz-on-danger-dark: #ffffff;
|
||||
--rz-on-danger-darker: #ffffff;
|
||||
--rz-link-color: #297aae;
|
||||
--rz-link-hover-color: #005185;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,85 @@
|
||||
:root,
|
||||
.rz-standard-dark {
|
||||
--rz-white: #ffffff;
|
||||
--rz-black: #000000;
|
||||
--rz-base: #4f5154;
|
||||
--rz-base-50: #f6f6f7;
|
||||
--rz-base-100: #eaebec;
|
||||
--rz-base-200: #e1e2e3;
|
||||
--rz-base-300: #c9cacd;
|
||||
--rz-base-400: #b0b2b5;
|
||||
--rz-base-500: #6d6f74;
|
||||
--rz-base-600: #4f5154;
|
||||
--rz-base-700: #3b3c3f;
|
||||
--rz-base-800: #242527;
|
||||
--rz-base-900: #19191a;
|
||||
--rz-base-light: #e1e2e3;
|
||||
--rz-base-lighter: #ffffff;
|
||||
--rz-base-dark: #3b3c3f;
|
||||
--rz-base-darker: #000000;
|
||||
--rz-primary: #2965ff;
|
||||
--rz-primary-light: #88aaff;
|
||||
--rz-primary-lighter: rgba(56, 113, 255, 0.2);
|
||||
--rz-primary-dark: #2254d3;
|
||||
--rz-primary-darker: #1948bd;
|
||||
--rz-secondary: #2a3c68;
|
||||
--rz-secondary-light: #4c5b80;
|
||||
--rz-secondary-lighter: rgba(42, 60, 104, 0.2);
|
||||
--rz-secondary-dark: #233257;
|
||||
--rz-secondary-darker: #202e4f;
|
||||
--rz-info: #006094;
|
||||
--rz-info-light: #2979a5;
|
||||
--rz-info-lighter: rgba(0, 96, 148, 0.16);
|
||||
--rz-info-dark: #00517c;
|
||||
--rz-info-darker: #004970;
|
||||
--rz-success: #006b37;
|
||||
--rz-success-light: #298357;
|
||||
--rz-success-lighter: rgba(0, 107, 55, 0.16);
|
||||
--rz-success-dark: #005a2e;
|
||||
--rz-success-darker: #00512a;
|
||||
--rz-warning: #ffae11;
|
||||
--rz-warning-light: #ffbb37;
|
||||
--rz-warning-lighter: rgba(255, 174, 17, 0.16);
|
||||
--rz-warning-dark: #d6920e;
|
||||
--rz-warning-darker: #c2840d;
|
||||
--rz-danger: #c40e44;
|
||||
--rz-danger-light: #cd3562;
|
||||
--rz-danger-lighter: rgba(196, 14, 68, 0.16);
|
||||
--rz-danger-dark: #a50c39;
|
||||
--rz-danger-darker: #950b34;
|
||||
--rz-on-base: #ffffff;
|
||||
--rz-on-base-light: #19191a;
|
||||
--rz-on-base-lighter: #19191a;
|
||||
--rz-on-base-dark: #ffffff;
|
||||
--rz-on-base-darker: #ffffff;
|
||||
--rz-on-primary: #ffffff;
|
||||
--rz-on-primary-light: #000000;
|
||||
--rz-on-primary-lighter: #88aaff;
|
||||
--rz-on-primary-dark: #ffffff;
|
||||
--rz-on-primary-darker: #ffffff;
|
||||
--rz-on-secondary: #ffffff;
|
||||
--rz-on-secondary-light: #ffffff;
|
||||
--rz-on-secondary-lighter: #ffffff;
|
||||
--rz-on-secondary-dark: #ffffff;
|
||||
--rz-on-secondary-darker: #ffffff;
|
||||
--rz-on-info: #ffffff;
|
||||
--rz-on-info-light: #ffffff;
|
||||
--rz-on-info-lighter: #006094;
|
||||
--rz-on-info-dark: #ffffff;
|
||||
--rz-on-info-darker: #ffffff;
|
||||
--rz-on-success: #ffffff;
|
||||
--rz-on-success-light: #ffffff;
|
||||
--rz-on-success-lighter: #006b37;
|
||||
--rz-on-success-dark: #ffffff;
|
||||
--rz-on-success-darker: #ffffff;
|
||||
--rz-on-warning: #000000;
|
||||
--rz-on-warning-light: #000000;
|
||||
--rz-on-warning-lighter: #ffae11;
|
||||
--rz-on-warning-dark: #000000;
|
||||
--rz-on-warning-darker: #000000;
|
||||
--rz-on-danger: #ffffff;
|
||||
--rz-on-danger-light: #ffffff;
|
||||
--rz-on-danger-lighter: #c40e44;
|
||||
--rz-on-danger-dark: #ffffff;
|
||||
--rz-on-danger-darker: #ffffff;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,85 @@
|
||||
:root,
|
||||
.rz-standard {
|
||||
--rz-white: #ffffff;
|
||||
--rz-black: #000000;
|
||||
--rz-base: #e0e1e4;
|
||||
--rz-base-50: #ffffff;
|
||||
--rz-base-100: #f4f5f9;
|
||||
--rz-base-200: #e9eaed;
|
||||
--rz-base-300: #e0e1e4;
|
||||
--rz-base-400: #c9cacd;
|
||||
--rz-base-500: #6f6f76;
|
||||
--rz-base-600: #68686a;
|
||||
--rz-base-700: #5b5b5d;
|
||||
--rz-base-800: #4f4f50;
|
||||
--rz-base-900: #262526;
|
||||
--rz-base-light: #e9eaed;
|
||||
--rz-base-lighter: #f4f5f9;
|
||||
--rz-base-dark: #5b5b5d;
|
||||
--rz-base-darker: #262526;
|
||||
--rz-primary: #002ea3;
|
||||
--rz-primary-light: #294fb2;
|
||||
--rz-primary-lighter: rgba(0, 46, 163, 0.16);
|
||||
--rz-primary-dark: #002789;
|
||||
--rz-primary-darker: #00237c;
|
||||
--rz-secondary: #2a56c6;
|
||||
--rz-secondary-light: #4c71cf;
|
||||
--rz-secondary-lighter: rgba(42, 86, 198, 0.16);
|
||||
--rz-secondary-dark: #2348a6;
|
||||
--rz-secondary-darker: #204196;
|
||||
--rz-info: #006094;
|
||||
--rz-info-light: #2979a5;
|
||||
--rz-info-lighter: rgba(0, 96, 148, 0.16);
|
||||
--rz-info-dark: #00517c;
|
||||
--rz-info-darker: #004970;
|
||||
--rz-success: #006b37;
|
||||
--rz-success-light: #298357;
|
||||
--rz-success-lighter: rgba(0, 107, 55, 0.16);
|
||||
--rz-success-dark: #005a2e;
|
||||
--rz-success-darker: #00512a;
|
||||
--rz-warning: #ffae11;
|
||||
--rz-warning-light: #ffbb37;
|
||||
--rz-warning-lighter: rgba(255, 174, 17, 0.16);
|
||||
--rz-warning-dark: #d6920e;
|
||||
--rz-warning-darker: #c2840d;
|
||||
--rz-danger: #c40e44;
|
||||
--rz-danger-light: #cd3562;
|
||||
--rz-danger-lighter: rgba(196, 14, 68, 0.16);
|
||||
--rz-danger-dark: #a50c39;
|
||||
--rz-danger-darker: #950b34;
|
||||
--rz-on-base: #262526;
|
||||
--rz-on-base-light: #262526;
|
||||
--rz-on-base-lighter: #262526;
|
||||
--rz-on-base-dark: #ffffff;
|
||||
--rz-on-base-darker: #ffffff;
|
||||
--rz-on-primary: #ffffff;
|
||||
--rz-on-primary-light: #ffffff;
|
||||
--rz-on-primary-lighter: #002ea3;
|
||||
--rz-on-primary-dark: #ffffff;
|
||||
--rz-on-primary-darker: #ffffff;
|
||||
--rz-on-secondary: #ffffff;
|
||||
--rz-on-secondary-light: #ffffff;
|
||||
--rz-on-secondary-lighter: #2a56c6;
|
||||
--rz-on-secondary-dark: #ffffff;
|
||||
--rz-on-secondary-darker: #ffffff;
|
||||
--rz-on-info: #ffffff;
|
||||
--rz-on-info-light: #ffffff;
|
||||
--rz-on-info-lighter: #006094;
|
||||
--rz-on-info-dark: #ffffff;
|
||||
--rz-on-info-darker: #ffffff;
|
||||
--rz-on-success: #ffffff;
|
||||
--rz-on-success-light: #ffffff;
|
||||
--rz-on-success-lighter: #006b37;
|
||||
--rz-on-success-dark: #ffffff;
|
||||
--rz-on-success-darker: #ffffff;
|
||||
--rz-on-warning: #000000;
|
||||
--rz-on-warning-light: #000000;
|
||||
--rz-on-warning-lighter: #ffae11;
|
||||
--rz-on-warning-dark: #000000;
|
||||
--rz-on-warning-darker: #000000;
|
||||
--rz-on-danger: #ffffff;
|
||||
--rz-on-danger-light: #ffffff;
|
||||
--rz-on-danger-lighter: #c40e44;
|
||||
--rz-on-danger-dark: #ffffff;
|
||||
--rz-on-danger-darker: #ffffff;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,31 @@
|
||||
:root:has(.rz-layout) body {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#_main {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#_main .rz-sidebar {
|
||||
background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
|
||||
}
|
||||
|
||||
#_main .rz-header,
|
||||
#_main .rz-panel-menu,
|
||||
#_main .rz-body {
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#_main .active,
|
||||
#_main .rz-navigation-item-wrapper-active {
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
#_main .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.rz-grid-table thead th .rz-column-title {
|
||||
text-transform: unset;
|
||||
}
|
||||
@@ -0,0 +1,240 @@
|
||||
@charset "UTF-8";
|
||||
/*Arial;*/ /*基礎字形*/
|
||||
.d-none {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
html, body, .root {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 1024px;
|
||||
height: 768px;
|
||||
position: relative;
|
||||
overflow: hidden; /* **防止頁面拖動** */
|
||||
display: flex;
|
||||
background-attachment: fixed; /* 背景固定 */
|
||||
z-index: -1;
|
||||
font-family: Arial, "Times New Roman", "Microsoft Himalaya", sans-serif;
|
||||
color: #492718; /*基礎文字顏色*/
|
||||
}
|
||||
|
||||
.fadeIn {
|
||||
animation-name: fadeIn;
|
||||
animation-duration: 500ms;
|
||||
}
|
||||
|
||||
.no-drag {
|
||||
user-select: none; /* 禁止文本选择 */
|
||||
pointer-events: auto; /* 允许鼠标事件 */
|
||||
-webkit-user-drag: none; /* 禁止拖动（在 WebKit 浏览器中） */
|
||||
user-drag: none; /* 禁止拖动（在 Firefox 中） */
|
||||
}
|
||||
|
||||
.home {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 1024px;
|
||||
height: 768px;
|
||||
user-select: none;
|
||||
}
|
||||
.home .title {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
background-color: #FFFFFF;
|
||||
height: 68px;
|
||||
}
|
||||
.home .title .icon {
|
||||
width: 100px;
|
||||
font-size: 45px;
|
||||
color: #020202 !important;
|
||||
}
|
||||
.home .title .logo {
|
||||
width: 150px;
|
||||
height: 50px;
|
||||
display: block;
|
||||
right: 0px;
|
||||
margin-left: auto;
|
||||
}
|
||||
.home .Items {
|
||||
flex: 9;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
height: 700px;
|
||||
}
|
||||
.home .Items .schedule_css,
|
||||
.home .Items .schedule_css_error {
|
||||
position: fixed !important;
|
||||
top: 68px !important;
|
||||
left: 0 !important;
|
||||
width: 1024px !important;
|
||||
background-color: rgba(0, 0, 0, 0.5) !important;
|
||||
z-index: 100 !important;
|
||||
justify-items: center !important;
|
||||
align-content: center !important;
|
||||
}
|
||||
.home .Items .schedule_css {
|
||||
height: 475px !important;
|
||||
}
|
||||
.home .Items .schedule_css .title {
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
height: 25px;
|
||||
}
|
||||
.home .Items .schedule_css_error {
|
||||
height: 700px !important;
|
||||
}
|
||||
.home .Items .sidebar {
|
||||
background-color: rgba(133, 170, 110, 0.9) !important;
|
||||
background-color: #494949;
|
||||
position: fixed !important;
|
||||
top: 68px;
|
||||
left: 0px;
|
||||
overflow: hidden;
|
||||
z-index: 100 !important;
|
||||
height: 700px !important;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
scrollbar-width: none;
|
||||
-ms-overflow-style: none;
|
||||
}
|
||||
.home .Items .sidebar.show {
|
||||
width: 370px !important;
|
||||
}
|
||||
.home .Items .sidebar.hidden {
|
||||
width: 0px !important;
|
||||
}
|
||||
.home .Items .sidebar .img {
|
||||
width: 55px;
|
||||
height: 35px;
|
||||
opacity: 0.9;
|
||||
border-radius: 10px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.home .Items .sidebar .list {
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
width: 240px;
|
||||
margin: 5px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.home .Items .sidebar .btn {
|
||||
border: 2px solid antiquewhite;
|
||||
width: 133.5px;
|
||||
height: 130.2px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.home .Items .sidebar_mask {
|
||||
position: fixed !important;
|
||||
top: 68px;
|
||||
left: 654px;
|
||||
z-index: 100 !important;
|
||||
height: 700px !important;
|
||||
background-color: rgba(0, 0, 0, 0.5) !important;
|
||||
}
|
||||
.home .Items .sidebar_mask.show {
|
||||
width: 654px !important;
|
||||
left: 370px !important;
|
||||
}
|
||||
.home .Items .sidebar_mask.hidden {
|
||||
width: 0px !important;
|
||||
left: 0px !important;
|
||||
}
|
||||
.home .Items .item_menu {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 700px;
|
||||
/*.F_ticker {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-items: flex-start;
|
||||
height: 45px;
|
||||
background-color: white;
|
||||
}*/
|
||||
}
|
||||
.home .Items .item_menu .F_items {
|
||||
flex: 7;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 1024px;
|
||||
background-color: #494949;
|
||||
width: 1024px;
|
||||
border-right: 1px solid #797979;
|
||||
position: relative;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
scrollbar-width: none;
|
||||
-ms-overflow-style: none;
|
||||
}
|
||||
.home .Items .item_menu .F_items .detial {
|
||||
margin: 5.5px;
|
||||
width: 192px;
|
||||
height: 225px;
|
||||
border-radius: 20px;
|
||||
background-color: #FFFFFF;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
.home .Items .item_menu .F_items .detial .image {
|
||||
box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.3);
|
||||
width: 126px;
|
||||
height: 126px;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
border-radius: 30%;
|
||||
margin: auto;
|
||||
}
|
||||
.home .Items .item_menu .F_items .detial .text {
|
||||
color: #3C3C3C;
|
||||
font-size: 25px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
line-height: 35px;
|
||||
}
|
||||
.home .Items .item_menu .F_detials {
|
||||
flex: 3;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 1024px;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.home .Items .item_menu .F_detials .Icon_css {
|
||||
font-size: 35px !important;
|
||||
color: #C6A971 !important;
|
||||
}
|
||||
.home .Items .item_menu .F_detials .Icon_css_red {
|
||||
font-size: 35px !important;
|
||||
color: mediumvioletred !important;
|
||||
}
|
||||
@keyframes blink {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
.home .Items .item_menu .F_detials .flicker-image {
|
||||
background-color: #C6AA71;
|
||||
animation: blink 1s infinite;
|
||||
}
|
||||
.home .Items .item_menu .F_detials .red {
|
||||
background-color: red;
|
||||
}
|
||||
.home .Items .item_menu .F_detials .gray {
|
||||
background-color: lightgray;
|
||||
}
|
||||
.home .Items2 {
|
||||
flex: 9;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 700px;
|
||||
}
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
@charset "UTF-8";.d-none{display:none!important;}html,body,.root{margin:0;padding:0;width:1024px;height:768px;position:relative;overflow:hidden;display:flex;background-attachment:fixed;z-index:-1;font-family:Arial,"Times New Roman","Microsoft Himalaya",sans-serif;color:#492718;}.fadeIn{animation-name:fadeIn;animation-duration:500ms;}.no-drag{user-select:none;pointer-events:auto;-webkit-user-drag:none;user-drag:none;}.home{position:absolute;top:0;left:0;width:1024px;height:768px;user-select:none;}.home .title{flex:1;display:flex;flex-wrap:nowrap;align-items:center;background-color:#fff;height:68px;}.home .title .icon{width:100px;font-size:45px;color:#020202!important;}.home .title .logo{width:150px;height:50px;display:block;right:0;margin-left:auto;}.home .Items{flex:9;display:flex;flex-direction:row;flex-wrap:wrap;height:700px;}.home .Items .schedule_css,.home .Items .schedule_css_error{position:fixed!important;top:68px!important;left:0!important;width:1024px!important;background-color:rgba(0,0,0,.5)!important;z-index:100!important;justify-items:center!important;align-content:center!important;}.home .Items .schedule_css{height:475px!important;}.home .Items .schedule_css .title{font-size:20px;text-align:center;margin-bottom:30px;height:25px;}.home .Items .schedule_css_error{height:700px!important;}.home .Items .sidebar{background-color:rgba(133,170,110,.9)!important;background-color:#494949;position:fixed!important;top:68px;left:0;overflow:hidden;z-index:100!important;height:700px!important;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;}.home .Items .sidebar.show{width:370px!important;}.home .Items .sidebar.hidden{width:0!important;}.home .Items .sidebar .img{width:55px;height:35px;opacity:.9;border-radius:10px;margin-right:15px;}.home .Items .sidebar .list{font-weight:bold;font-size:20px;width:240px;margin:5px;margin-top:10px;}.home .Items .sidebar .btn{border:2px solid #faebd7;width:133.5px;height:130.2px;border-radius:10px;}.home .Items .sidebar_mask{position:fixed!important;top:68px;left:654px;z-index:100!important;height:700px!important;background-color:rgba(0,0,0,.5)!important;}.home .Items .sidebar_mask.show{width:654px!important;left:370px!important;}.home .Items .sidebar_mask.hidden{width:0!important;left:0!important;}.home .Items .item_menu{display:flex;flex-direction:column;height:700px;}.home .Items .item_menu .F_items{flex:7;display:flex;flex-wrap:wrap;width:1024px;background-color:#494949;width:1024px;border-right:1px solid #797979;position:relative;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;}.home .Items .item_menu .F_items .detial{margin:5.5px;width:192px;height:225px;border-radius:20px;background-color:#fff;text-align:center;position:relative;}.home .Items .item_menu .F_items .detial .image{box-shadow:8px 8px 20px rgba(0,0,0,.3);width:126px;height:126px;object-fit:cover;display:block;border-radius:30%;margin:auto;}.home .Items .item_menu .F_items .detial .text{color:#3c3c3c;font-size:25px;font-weight:bold;text-align:center;line-height:35px;}.home .Items .item_menu .F_detials{flex:3;display:flex;flex-direction:row;width:1024px;background-color:#fff;}.home .Items .item_menu .F_detials .Icon_css{font-size:35px!important;color:#c6a971!important;}.home .Items .item_menu .F_detials .Icon_css_red{font-size:35px!important;color:#c71585!important;}@keyframes blink{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}.home .Items .item_menu .F_detials .flicker-image{background-color:#c6aa71;animation:blink 1s infinite;}.home .Items .item_menu .F_detials .red{background-color:#f00;}.home .Items .item_menu .F_detials .gray{background-color:#d3d3d3;}.home .Items2{flex:9;display:flex;flex-direction:column;height:700px;}
|
||||
@@ -0,0 +1,281 @@
|
||||
$width: 1024px;
|
||||
$height: 768px;
|
||||
$main-font: Arial,'Times New Roman','Microsoft Himalaya', sans-serif; /*Arial;*/ /*基礎字形*/
|
||||
$page-font: 'Times New Roman',Arial, sans-serif;
|
||||
|
||||
.d-none {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
html, body, .root {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: $width;
|
||||
height: $height;
|
||||
position: relative;
|
||||
overflow: hidden; /* **防止頁面拖動** */
|
||||
display: flex;
|
||||
background-attachment: fixed; /* 背景固定 */
|
||||
z-index: -1;
|
||||
font-family: $main-font;
|
||||
color: #492718; /*基礎文字顏色*/
|
||||
}
|
||||
|
||||
.fadeIn {
|
||||
animation-name: fadeIn;
|
||||
animation-duration: 500ms;
|
||||
}
|
||||
|
||||
.no-drag {
|
||||
user-select: none; /* 禁止文本选择 */
|
||||
pointer-events: auto; /* 允许鼠标事件 */
|
||||
-webkit-user-drag: none; /* 禁止拖动（在 WebKit 浏览器中） */
|
||||
user-drag: none; /* 禁止拖动（在 Firefox 中） */
|
||||
}
|
||||
|
||||
.home {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 1024px;
|
||||
height: 768px;
|
||||
user-select: none;
|
||||
|
||||
.title {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
background-color: #FFFFFF;
|
||||
height: 68px;
|
||||
|
||||
.icon {
|
||||
width: 100px;
|
||||
font-size: 45px;
|
||||
color: #020202 !important;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 150px;
|
||||
height: 50px;
|
||||
display: block;
|
||||
right: 0px;
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.Items {
|
||||
flex: 9;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
height: 700px;
|
||||
|
||||
|
||||
.schedule_css,
|
||||
.schedule_css_error {
|
||||
position: fixed !important;
|
||||
top: 68px !important;
|
||||
left: 0 !important;
|
||||
width: 1024px !important;
|
||||
background-color: rgba(0, 0, 0, 0.5) !important;
|
||||
z-index: 100 !important;
|
||||
justify-items: center !important;
|
||||
align-content: center !important;
|
||||
}
|
||||
|
||||
.schedule_css {
|
||||
height: 475px !important;
|
||||
|
||||
.title {
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
height: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.schedule_css_error {
|
||||
height: 700px !important;
|
||||
}
|
||||
|
||||
|
||||
.sidebar {
|
||||
background-color: rgba(133, 170, 110, 0.9) !important;
|
||||
background-color: #494949;
|
||||
position: fixed !important;
|
||||
top: 68px;
|
||||
left: 0px;
|
||||
overflow: hidden;
|
||||
z-index: 100 !important;
|
||||
height: 700px !important;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
scrollbar-width: none;
|
||||
-ms-overflow-style: none;
|
||||
|
||||
&.show {
|
||||
width: 370px !important;
|
||||
}
|
||||
|
||||
&.hidden {
|
||||
width: 0px !important;
|
||||
}
|
||||
|
||||
.img {
|
||||
width: 55px;
|
||||
height: 35px;
|
||||
opacity: 0.9;
|
||||
border-radius: 10px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.list {
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
width: 240px;
|
||||
margin: 5px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
|
||||
.btn {
|
||||
border: 2px solid antiquewhite;
|
||||
width: 133.5px;
|
||||
height: 130.2px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar_mask {
|
||||
position: fixed !important;
|
||||
top: 68px;
|
||||
left: 654px;
|
||||
z-index: 100 !important;
|
||||
height: 700px !important;
|
||||
background-color: rgba(0, 0, 0, 0.5) !important;
|
||||
|
||||
&.show {
|
||||
width: 654px !important;
|
||||
left: 370px !important;
|
||||
}
|
||||
|
||||
&.hidden {
|
||||
width: 0px !important;
|
||||
left: 0px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.item_menu {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 700px;
|
||||
|
||||
.F_items {
|
||||
flex: 7;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 1024px;
|
||||
background-color: #494949;
|
||||
width: 1024px;
|
||||
border-right: 1px solid #797979;
|
||||
position: relative;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
scrollbar-width: none;
|
||||
-ms-overflow-style: none;
|
||||
|
||||
.detial {
|
||||
margin: 5.5px;
|
||||
width: 192px;
|
||||
height: 225px;
|
||||
border-radius: 20px;
|
||||
background-color: #FFFFFF;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
|
||||
.image {
|
||||
box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.3);
|
||||
width: 126px;
|
||||
height: 126px;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
border-radius: 30%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.text {
|
||||
color: #3C3C3C;
|
||||
font-size: 25px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
line-height: 35px;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*.F_ticker {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-items: flex-start;
|
||||
height: 45px;
|
||||
background-color: white;
|
||||
}*/
|
||||
|
||||
.F_detials {
|
||||
flex: 3;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 1024px;
|
||||
background-color: #FFFFFF;
|
||||
|
||||
.Icon_css {
|
||||
font-size: 35px !important;
|
||||
color: #C6A971 !important;
|
||||
}
|
||||
|
||||
.Icon_css_red {
|
||||
font-size: 35px !important;
|
||||
color: mediumvioletred !important;
|
||||
}
|
||||
|
||||
|
||||
@keyframes blink {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.flicker-image {
|
||||
background-color: #C6AA71;
|
||||
animation: blink 1s infinite;
|
||||
}
|
||||
|
||||
.red {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
.gray {
|
||||
background-color: lightgray;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.Items2 {
|
||||
flex: 9;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
//flex-wrap: wrap;
|
||||
height: 700px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1021 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 176 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 176 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 176 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 176 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 176 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 176 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 176 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 176 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 176 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 176 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 176 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 176 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 471 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 455 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 262 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 301 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 479 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 233 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 455 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 418 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 389 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 250 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 275 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 450 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 310 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 443 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 390 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 348 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 169 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 176 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 176 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 208 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user