File manager - Edit - /home/opticamezl/www/newok/templates/yootheme/vendor/assets/uikit-themes/master-circle/_import.less
Back
@internal-fonts: 'Inter:400,600,700'; @global-font-family: Inter; @global-font-size: 16px; @global-line-height: 1.5; @global-xxlarge-font-size: 42px; @global-xlarge-font-size: 32px; @global-large-font-size: 22px; @global-medium-font-size: 18px; @global-small-font-size: 14px; @global-primary-font-family: Inter; @global-primary-font-weight: 700; @global-primary-text-transform: none; @global-primary-letter-spacing: 0; @global-primary-font-style: normal; @global-secondary-font-family: Inter; @global-secondary-font-weight: 400; @global-secondary-text-transform: none; @global-secondary-letter-spacing: 0; @global-secondary-font-style: normal; @global-color: rgba(255,255,255,0.7); @global-emphasis-color: #FFF; @global-muted-color: rgba(255,255,255,0.5); @global-link-color: #9423c3; @global-link-hover-color: #FF2157; @global-inverse-color: #000; @global-background: #000; @global-muted-background: #0D0D10; @global-primary-background: #F8154C; @global-secondary-background: #1B171F; @global-success-background: #00D082; @global-warning-background: #FFB343; @global-danger-background: #FC1263; @global-border-width: 1px; @global-border: rgba(255,255,255,0.11); @global-border-radius: 2px; @global-small-box-shadow: 0 2px 8px rgba(0,0,0,0.5); @global-medium-box-shadow: 0 5px 15px rgba(0,0,0,0.5); @global-large-box-shadow: 0 14px 25px rgba(0,0,0,0.5); @global-xlarge-box-shadow: 0 28px 50px rgba(0,0,0,0.5); @global-margin: 20px; @global-small-margin: 10px; @global-medium-margin: 40px; @global-large-margin: 70px; @global-xlarge-margin: 140px; @global-gutter: 30px; @global-small-gutter: 15px; @global-medium-gutter: 40px; @global-large-gutter: 70px; @global-control-height: 48px; @global-control-small-height: 35px; @global-control-large-height: 55px; @global-z-index: 1000; @base-link-hover-text-decoration: none; @base-ins-background: #261F3B; @base-ins-color: @global-emphasis-color; @base-mark-background: #261F3B; @base-mark-color: @global-emphasis-color; @base-pre-color: @global-emphasis-color; @base-selection-background: @global-primary-background; @base-selection-color: @global-emphasis-color; @base-pre-padding: 30px; @base-pre-background: lighten(@global-muted-background, 2%); @base-h4-font-family: @global-primary-font-family; @base-h4-font-weight: @global-primary-font-weight; @base-h4-text-transform: @global-primary-text-transform; @base-h4-letter-spacing: @global-primary-letter-spacing; @base-h4-font-style: @global-primary-font-style; @base-h5-font-family: @global-primary-font-family; @base-h5-font-weight: @global-primary-font-weight; @base-h5-text-transform: @global-primary-text-transform; @base-h5-letter-spacing: @global-primary-letter-spacing; @base-h5-font-style: @global-primary-font-style; @base-h6-font-family: @global-primary-font-family; @base-h6-font-weight: @global-primary-font-weight; @base-h6-text-transform: @global-primary-text-transform; @base-h6-letter-spacing: @global-primary-letter-spacing; @base-h6-font-style: @global-primary-font-style; @base-pre-border-radius: 4px; @inverse-base-link-hover-color: rgba(0, 0, 0, 0.6); @link-text-hover-color: @global-emphasis-color; @inverse-link-heading-hover-color: @global-primary-background; @heading-2xlarge-font-size: 5rem; @divider-icon-height: 26px; @internal-divider-icon-image: "../../../../uikit-themes/master-circle/images/divider-icon.svg"; @divider-small-border-width: 2px; @divider-vertical-border-width: 2px; @internal-divider-icon-line-left-border-gradient: linear-gradient(90deg, fade(@divider-icon-line-border, 0%) 0%, @divider-icon-line-border 50%, @divider-icon-line-border 100%); @internal-divider-icon-line-right-border-gradient: linear-gradient(-90deg, fade(@divider-icon-line-border, 0%) 0%, @divider-icon-line-border 50%, @divider-icon-line-border 100%); @internal-divider-small-border-gradient: linear-gradient(40deg, #812FCB 0%, #D91F71 45%, #FF1445 70%, #ED7E65 100%); @internal-divider-vertical-border-gradient: linear-gradient(0deg, #812FCB 0%, #D91F71 45%, #FF1445 70%, #ED7E65 100%); @list-striped-background: rgba(195, 165, 255, 0.08); @inverse-list-primary-color: @global-primary-background; @inverse-list-secondary-color: @global-primary-background; @table-header-cell-font-weight: 700; @table-header-cell-color: @global-emphasis-color; @table-row-active-background: rgba(195, 165, 255, 0.1); @table-striped-row-background: rgba(195, 165, 255, 0.08); @icon-button-size: 42px; @icon-button-background: fade(@global-secondary-background, 75%); @icon-button-color: @global-emphasis-color; @icon-button-hover-background: fade(@global-secondary-background, 75%); @icon-button-hover-color: @global-emphasis-color; @icon-button-active-background: fade(@global-secondary-background, 75%); @icon-button-active-color: @global-emphasis-color; @internal-icon-button-mode: glow; @internal-icon-button-glow-gradient: conic-gradient(from 60deg, #E8533C, #FD3D8F, #B823C3, #063AD8, #4901AC, #B823C3, #FD3D8F, #E8533C); @internal-icon-button-glow-filter: blur(10px); @internal-icon-button-hover-glow-filter: blur(16px); @icon-button-box-shadow: 0 0 5px rgba(255, 255, 255, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.02), 0 1px 0 rgba(255, 255, 255, 0.04); @icon-button-hover-box-shadow: 0 0 8px rgba(255, 255, 255, 0.2); @icon-button-active-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2); @form-range-track-background: rgba(255,255,255,0.1); @form-range-track-focus-background: @global-primary-background; @form-range-thumb-height: 14px; @form-range-thumb-background: @global-background; @form-range-thumb-border-width: 2px; @form-range-thumb-border: @global-emphasis-color; @form-padding-horizontal: 15px; @form-background: rgba(160, 130, 255, 0.06); @form-color: @global-emphasis-color; @form-focus-background: @global-background; @form-focus-color: @global-emphasis-color; @form-placeholder-color: @global-emphasis-color; @form-small-padding-horizontal: 12px; @form-large-padding-horizontal: 18px; @form-select-icon-color: @global-emphasis-color; @form-radio-background: fade(lighten(@form-background, 10%), 20%); @form-radio-focus-background: fade(darken(@form-background, 5%), 20%); @form-radio-checked-icon-color: @global-emphasis-color; @form-radio-disabled-background: fade(lighten(@form-background, 5%), 5%); @form-radio-disabled-icon-color: @global-emphasis-color; @form-backdrop-filter: blur(7px); @form-border-width: @global-border-width; @form-border: @global-border; @form-focus-border: @form-border; @form-disabled-border: @form-border; @form-danger-border: @global-danger-background; @form-success-border: @global-success-background; @form-blank-focus-border: @form-border; @form-border-radius: 500px; @form-multi-line-border-radius: 8px; @form-box-shadow: 0 0 17px rgba(121,0,242, 0.22), inset 0 0 20px 1px fade(@global-secondary-background, 40%); @form-focus-box-shadow: 0 0 17px rgba(121,0,242, 0.5); @form-danger-box-shadow: 0 0 17px fade(@global-danger-background, 60%), inset 0 0 15px #1b0b0b; @form-success-box-shadow: 0 0 17px fade(@global-success-background, 60%), inset 0 0 15px #1b0b0b; @inverse-form-radio-checked-background: darken(@inverse-form-background, 5%); @inverse-form-radio-checked-focus-background: darken(@inverse-form-background, 5%); @button-default-background: fade(@global-secondary-background, 75%); @button-default-hover-background: @button-default-background; @button-default-active-background: @button-default-background; @button-primary-color: @global-emphasis-color; @button-primary-hover-color: @global-emphasis-color; @button-primary-active-color: @global-emphasis-color; @button-secondary-background: #110E12; @button-secondary-color: @global-emphasis-color; @button-secondary-hover-background: fade(@global-secondary-background, 75%); @button-secondary-hover-color: @global-emphasis-color; @button-secondary-active-background: fade(@global-secondary-background, 80%); @button-secondary-active-color: @global-emphasis-color; @button-danger-color: @global-emphasis-color; @button-danger-hover-color: @global-emphasis-color; @button-danger-active-color: @global-emphasis-color; @button-disabled-background: fade(@global-secondary-background, 75%); @button-text-mode: ~''; @button-text-icon-mode: arrow; @internal-button-text-arrow-image: "../../../../uikit-themes/master-circle/images/button-text-arrow.svg"; @internal-button-text-arrow-width: 20px; @internal-button-text-arrow-hover-color: @internal-button-text-arrow-color; @internal-button-default-mode: glow; @internal-button-default-glow-gradient: conic-gradient(from 60deg, #E8533C, #FD3D8F, #B823C3, #063AD8, #4901AC, #B823C3, #FD3D8F, #E8533C); @internal-button-default-glow-filter: blur(10px); @internal-button-default-hover-glow-filter: blur(16px); @internal-button-primary-mode: glow; @internal-button-primary-glow-gradient: conic-gradient(from 60deg, #E8533C, #FD3D8F, #B823C3, #063AD8, #4901AC, #B823C3, #FD3D8F, #E8533C); @internal-button-primary-glow-filter: blur(10px); @internal-button-primary-hover-glow-filter: blur(16px); @internal-button-secondary-mode: glow; @internal-button-secondary-glow-gradient: conic-gradient(from 60deg, #E8533C, #FD3D8F, #B823C3, #063AD8, #4901AC, #B823C3, #FD3D8F, #E8533C); @internal-button-secondary-glow-filter: blur(10px); @internal-button-secondary-hover-glow-filter: blur(16px); @button-font-weight: 400; @button-border-radius: 500px; @internal-button-primary-gradient: linear-gradient(40deg, #812FCB 0%, #D91F71 45%, #FF1445 70%, #ED7E65 100%); @internal-button-primary-hover-gradient: linear-gradient(40deg, #812FCB 0%, #D91F71 35%, #FF1445 60%, #ED7E65 100%); @internal-button-primary-active-gradient: linear-gradient(40deg, #812FCB 0%, #D91F71 20%, #FF1445 50%, #ED7E65 100%); @internal-button-danger-gradient: linear-gradient(40deg,#D91F71 0%, #FF1445 20%, #FF1445 50%, #ED7E65 100%); @internal-button-danger-hover-gradient: linear-gradient(40deg,#D91F71 0%, #FF1445 10%, #FF1445 30%, #ED7E65 100%); @internal-button-danger-active-gradient: linear-gradient(40deg,#FF1445 0%, #ED7E65 100%); @button-default-box-shadow: 0 0 5px rgba(255, 255, 255, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.02), 0 1px 0 rgba(255, 255, 255, 0.04); @button-default-hover-box-shadow: 0 0 8px rgba(255, 255, 255, 0.2); @button-default-active-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2); @button-secondary-box-shadow: 0 0 5px rgba(255, 255, 255, 0.15); @button-secondary-hover-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2); @button-secondary-active-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2); @progress-height: 5px; @progress-background: lighten(@global-muted-background, 10%); @internal-progress-bar-gradient: linear-gradient(40deg, #812FCB 0%, #D91F71 45%, #FF1445 70%, #ED7E65 100%); @section-default-color-mode: light; @section-muted-color-mode: light; @internal-section-default-gradient: radial-gradient(ellipse closest-corner at 30% 40%, rgba(242,0,123,0.07),transparent 80%), radial-gradient(ellipse closest-corner at 50% 60%, rgba(111,41,201,0.1),transparent 80%), radial-gradient(ellipse closest-corner at 70% 50%,rgba(38,160,248, 0.09),transparent 80%); @internal-section-primary-gradient: linear-gradient(30deg, #812FCB 0%, #D91F71 40%, #FF1445 60%, #ED7E65 100%); @tile-default-color-mode: light; @tile-muted-color-mode: light; @internal-tile-default-gradient: radial-gradient(circle farthest-corner at 20% 40%, rgba(242,0,123,0.08),transparent), radial-gradient(circle farthest-corner at 50% 50%, rgba(111,41,201,0.12),transparent), radial-gradient(circle farthest-corner at 80% 40%,rgba(38, 160,248, 0.1),transparent); @internal-tile-primary-gradient: linear-gradient(30deg, #812FCB 0%, #D91F71 40%, #FF1445 60%, #ED7E65 100%); @card-badge-color: @global-emphasis-color; @card-hover-background: rgba(255,255,255, 0.08); @card-default-background: rgba(255,255,255, 0.08); @card-default-hover-background: rgba(255,255,255, 0.1); @card-default-color-mode: light; @card-primary-color: @global-emphasis-color; @card-secondary-background: @global-background; @card-secondary-color: @global-emphasis-color; @card-default-backdrop-filter: blur(25px); @internal-card-secondary-mode: glow; @internal-card-secondary-glow-gradient: conic-gradient(from 60deg, #E8533C, #FD3D8F, #B823C3, #063AD8, #4901AC, #B823C3, #FD3D8F, #E8533C); @internal-card-secondary-glow-filter: blur(20px); @internal-card-secondary-hover-glow-filter: blur(30px); @card-border-radius: 8px; @internal-card-primary-gradient: linear-gradient(30deg, #812FCB 0%, #D91F71 40%, #FF1445 70%, #ED7E65 100%); @card-secondary-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2); @card-secondary-hover-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2); @card-hover-translate-vertical: -2px; @card-default-hover-translate-vertical: @card-hover-translate-vertical; @card-primary-hover-translate-vertical: @card-hover-translate-vertical; @card-secondary-hover-translate-vertical: @card-hover-translate-vertical; @close-color: @global-color; @close-hover-color: @global-emphasis-color; @marker-padding: 8px; @marker-background: @global-primary-background; @marker-color: @global-emphasis-color; @marker-hover-color: @global-emphasis-color; @marker-hover-background: darken(@global-primary-background, 8%); @alert-background: lighten(@global-muted-background, 5%); @alert-primary-background: @global-primary-background; @alert-primary-color: @global-emphasis-color; @alert-success-background: @global-success-background; @alert-success-color: @global-emphasis-color; @alert-warning-background: @global-warning-background; @alert-warning-color: @global-emphasis-color; @alert-danger-background: @global-danger-background; @alert-danger-color: @global-emphasis-color; @alert-close-opacity: 1; @alert-border-radius: 3px; @badge-color: @global-emphasis-color; @label-color: @global-emphasis-color; @label-success-color: @global-emphasis-color; @label-warning-color: @global-emphasis-color; @label-danger-color: @global-emphasis-color; @label-font-weight: 400; @label-border-radius: 2px; @inverse-label-background: @global-primary-background; @inverse-label-color: @global-emphasis-color; @overlay-default-background: rgba(255,255,255,0.15); @overlay-default-color-mode: light; @overlay-primary-background: transparent; @overlay-default-backdrop-filter: blur(15px); @overlay-primary-backdrop-filter: blur(15px); @internal-overlay-primary-gradient: linear-gradient(45deg, rgba(232,83,60,0.1) 0%, rgba(253,61,143,0.1) 20%, rgba(184,35,195,0.1) 40%, rgba(85,5,175,0.1) 60%, rgba(73,1,172,0.1) 80%, rgba(121,17,164,0.1) 100%); @comment-primary-border-radius: 8px; @search-color: @global-emphasis-color; @search-placeholder-color: @global-emphasis-color; @search-default-padding-horizontal: 18px; @search-default-background: rgba(160, 130, 255, 0.06); @search-default-focus-background: @global-background; @search-navbar-padding-horizontal: 18px; @search-medium-padding-horizontal: 20px; @search-large-padding-horizontal: 30px; @search-default-backdrop-filter: blur(7px); @search-navbar-icon-color: @global-emphasis-color; @search-default-border-width: @global-border-width; @search-default-border: @global-border; @search-default-focus-border: @search-default-border; @search-navbar-border-width: @global-border-width; @search-navbar-border: @global-border; @search-navbar-focus-border: @search-navbar-border; @search-medium-border-width: @global-border-width; @search-medium-border: @global-border; @search-medium-focus-border: @search-navbar-border; @search-large-border-width: @global-border-width; @search-large-border: @global-border; @search-large-focus-border: @search-navbar-border; @search-default-border-radius: 500px; @search-navbar-border-radius: 500px; @search-medium-border-radius: 500px; @search-large-border-radius: 500px; @search-default-input-box-shadow: 0 0 17px rgba(121,0,242, 0.22), inset 0 0 20px 1px rgba(0,0,0, 0.4); @search-default-input-focus-box-shadow: 0 0 17px rgba(121,0,242, 0.5); @search-navbar-input-box-shadow: 0 0 17px rgba(121,0,242, 0.22), inset 0 0 20px 1px rgba(0,0,0, 0.4); @search-navbar-input-focus-box-shadow: 0 0 17px rgba(121,0,242, 0.5); @search-medium-input-box-shadow: 0 0 17px rgba(121,0,242, 0.22), inset 0 0 20px 1px rgba(0,0,0, 0.4); @search-medium-input-focus-box-shadow: 0 0 17px rgba(121,0,242, 0.5); @search-large-input-box-shadow: 0 0 17px rgba(121,0,242, 0.22), inset 0 0 20px 1px rgba(0,0,0, 0.4); @search-large-input-focus-box-shadow: 0 0 17px rgba(121,0,242, 0.5); @inverse-search-navbar-background: transparent; @inverse-search-navbar-focus-background: transparent; @inverse-search-navbar-icon-color: @global-inverse-color; @inverse-search-navbar-border: @global-border; @inverse-search-navbar-focus-border: @global-border; @inverse-search-navbar-input-box-shadow: 0 0 17px rgba(121,0,242, 0.22), inset 0 0 20px 1px rgba(121,0,242, 0.05); @inverse-search-navbar-input-focus-box-shadow: 0 0 17px rgba(121,0,242, 0.5); @accordion-item-margin-top: 15px; @accordion-icon-color: @global-emphasis-color; @internal-accordion-icon-close-image: "../../../../uikit-themes/master-circle/images/accordion-close.svg"; @internal-accordion-icon-open-image: "../../../../uikit-themes/master-circle/images/accordion-open.svg"; @accordion-title-font-weight: 400; @accordion-item-border-width: @global-border-width; @accordion-item-border: @global-border; @dropdown-background: fade(@global-secondary-background, 50%); @dropdown-color-mode: light; @dropdown-dropbar-margin: 0; @dropdown-dropbar-padding-top: ~'calc(@{dropdown-padding} - 5px)'; @dropdown-dropbar-large-padding-top: ~'calc(@{dropdown-large-padding} - 5px)'; @dropdown-nav-item-color: @global-emphasis-color; @dropdown-nav-item-hover-color: @global-primary-background; @dropdown-nav-sublist-item-hover-color: @global-primary-background; @dropdown-backdrop-filter: blur(40px); @dropdown-border-width: @global-border-width; @dropdown-border: rgba(255, 255, 255, 0.08); @dropdown-border-radius: 8px; @dropdown-box-shadow: 0 3px 30px rgba(175, 5, 205, 0.3); @dropbar-color-mode: light; @modal-background: fade(@global-secondary-background, 80%); @slider-container-margin-top: -40px; @slider-container-margin-bottom: -40px; @slider-container-margin-left: -40px; @slider-container-margin-right: -40px; @offcanvas-bar-padding-vertical: 30px; @offcanvas-bar-padding-horizontal: 30px; @offcanvas-bar-background: lighten(@global-background, 8%); @offcanvas-overlay-background: rgba(0, 0, 0, 0.68); @offcanvas-overlay-backdrop-filter: blur(8px); @leader-color: @global-muted-color; @notification-message-padding: 20px; @notification-message-background: lighten(@global-muted-background, 5%); @notification-message-primary-color: @global-primary-background; @notification-message-success-color: @global-success-background; @notification-message-warning-color: @global-warning-background; @notification-message-danger-color: @global-danger-background; @notification-message-primary-background: lighten(@global-muted-background, 5%); @notification-message-success-background: lighten(@global-muted-background, 5%); @notification-message-warning-background: lighten(@global-muted-background, 5%); @notification-message-danger-background: lighten(@global-muted-background, 5%); @notification-message-primary-color-mode: dark; @notification-message-success-color-mode: dark; @notification-message-warning-color-mode: dark; @notification-message-danger-color-mode: dark; @notification-message-border-radius: 3px; @tooltip-background: lighten(@global-muted-background, 10%); @tooltip-color: @global-emphasis-color; @internal-grid-divider-horizontal-border-gradient: linear-gradient(0deg, fade(@grid-divider-border, 0%) 0%, @grid-divider-border 25%, @grid-divider-border 75%, fade(@grid-divider-border, 0%)); @internal-grid-divider-vertical-border-gradient: linear-gradient(90deg, fade(@grid-divider-border, 0%) 0%, @grid-divider-border 25%, @grid-divider-border 75%, fade(@grid-divider-border, 0%)); @nav-header-font-size: 13px; @nav-default-item-color: @global-emphasis-color; @nav-default-item-hover-color: @global-primary-background; @nav-default-item-active-color: @global-primary-background; @nav-default-sublist-item-hover-color: @global-primary-background; @nav-default-sublist-item-active-color: @global-primary-background; @nav-primary-item-color: @global-emphasis-color; @nav-primary-item-hover-color: @global-primary-background; @nav-primary-item-active-color: @global-primary-background; @nav-primary-subtitle-font-size: 14px; @nav-primary-sublist-item-color: @global-color; @nav-primary-sublist-item-hover-color: @global-primary-background; @nav-primary-sublist-item-active-color: @global-primary-background; @nav-secondary-sublist-font-size: @global-font-size; @nav-secondary-sublist-item-color: @global-color; @nav-secondary-sublist-item-hover-color: @global-primary-background; @nav-secondary-sublist-item-active-color: @global-primary-background; @nav-secondary-margin-top: 8px; @nav-secondary-item-padding-vertical: 12px; @nav-secondary-item-padding-horizontal: 15px; @nav-secondary-item-hover-background: rgba(255, 255, 255, 0.08); @nav-secondary-item-active-background: rgba(255, 255, 255, 0.08); @nav-default-font-weight: 400; @nav-default-subtitle-color: @global-muted-color; @nav-primary-subtitle-color: @global-muted-color; @nav-primary-subtitle-font-weight: 500; @nav-secondary-font-weight: 700; @nav-secondary-subtitle-font-weight: 400; @nav-secondary-item-border-radius: 4px; @inverse-nav-default-item-hover-color: @global-primary-background; @inverse-nav-default-item-active-color: @global-primary-background; @inverse-nav-default-sublist-item-hover-color: @global-primary-background; @inverse-nav-default-sublist-item-active-color: @global-primary-background; @inverse-nav-primary-item-hover-color: @global-primary-background; @inverse-nav-primary-item-active-color: @global-primary-background; @inverse-nav-primary-sublist-item-hover-color: @global-primary-background; @inverse-nav-primary-sublist-item-active-color: @global-primary-background; @inverse-nav-secondary-item-hover-color: @global-primary-background; @inverse-nav-secondary-item-active-color: @global-primary-background; @inverse-nav-secondary-subtitle-hover-color: @global-primary-background; @inverse-nav-secondary-subtitle-active-color: @global-primary-background; @inverse-nav-secondary-sublist-item-hover-color: @global-primary-background; @inverse-nav-secondary-sublist-item-active-color: @global-primary-background; @navbar-background: fade(@global-secondary-background, 40%); @navbar-gap: 0px; @navbar-color-mode: light; @navbar-nav-gap: 0px; @navbar-nav-item-padding-horizontal: 15px; @navbar-nav-item-color: @global-color; @navbar-nav-item-hover-color: @global-emphasis-color; @navbar-item-padding-horizontal: 10px; @navbar-toggle-color: @global-color; @navbar-toggle-hover-color: @global-emphasis-color; @navbar-dropdown-margin: 15px; @navbar-dropdown-width: 260px; @navbar-dropdown-padding: 20px; @navbar-dropdown-background: fade(@global-secondary-background, 40%); @navbar-dropdown-color-mode: light; @navbar-dropdown-nav-item-color: @global-emphasis-color; @navbar-dropdown-nav-item-hover-color: @global-primary-background; @navbar-dropdown-nav-item-active-color: @global-primary-background; @navbar-dropdown-nav-sublist-item-color: @global-color; @navbar-dropdown-nav-sublist-item-hover-color: @global-primary-background; @navbar-dropdown-nav-sublist-item-active-color: @global-primary-background; @navbar-backdrop-filter: blur(40px); @navbar-gap-m: 0px; @navbar-nav-gap-m: 0px; @navbar-nav-item-padding-horizontal-m: 30px; @navbar-nav-item-line-mode: true; @navbar-nav-item-line-slide-mode: center; @navbar-nav-item-line-margin-vertical: -1px; @navbar-nav-item-line-transition-duration: 0.35s; @navbar-nav-item-line-hover-background: transparent; @navbar-nav-item-line-onclick-background: transparent; @navbar-nav-item-line-active-background: transparent; @navbar-nav-item-line-opacity: 0.4; @navbar-nav-item-line-hover-opacity: @navbar-nav-item-line-opacity; @navbar-nav-item-line-active-opacity: @navbar-nav-item-line-opacity; @navbar-item-padding-horizontal-m: 30px; @navbar-dropdown-backdrop-filter: blur(40px); @navbar-nav-item-hover-text-shadow: 0 0 8px #5E0BB0; @navbar-nav-item-active-text-shadow: 0 0 8px #5E0BB0; @navbar-dropdown-nav-font-weight: 400; @navbar-mode: border-always; @navbar-mode-border-vertical: all; @navbar-border-width: @global-border-width; @navbar-border: rgba(255, 255, 255, 0.08); @navbar-dropdown-border-width: @global-border-width; @navbar-dropdown-border: rgba(255, 255, 255, 0.08); @navbar-dropdown-border-radius: 8px; @internal-navbar-nav-item-hover-gradient: radial-gradient(at 50% bottom,rgba(175, 5, 206, 0.14), rgba(125, 90, 131, 0)); @internal-navbar-nav-item-active-gradient: radial-gradient(at 50% bottom,rgba(175, 5, 206, 0.14), rgba(125, 90, 131, 0)); @internal-navbar-nav-item-line-gradient: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%); @navbar-nav-item-hover-box-shadow: 0 6px 20px -13px #AF05CE; @navbar-nav-item-active-box-shadow: 0 6px 20px -13px #AF05CE; @navbar-dropdown-box-shadow: 0 3px 30px rgba(175, 5, 205, 0.3); @inverse-navbar-item-color: @global-inverse-color; @inverse-navbar-nav-item-line-hover-background: rgba(0, 0, 0, 0.12); @inverse-navbar-nav-item-line-onclick-background: rgba(0, 0, 0, 0.12); @inverse-navbar-nav-item-line-active-background: rgba(0, 0, 0, 0.12); @inverse-navbar-border: rgba(0, 0, 0, 0.12); @subnav-item-color: @global-emphasis-color; @subnav-item-hover-color: fade(@global-emphasis-color, 70%); @subnav-item-active-color: @global-primary-background; @subnav-divider-border: rgba(255,255,255,0.23); @subnav-pill-item-padding-vertical: 8px; @subnav-pill-item-padding-horizontal: 14px; @subnav-pill-item-hover-background: transparent; @subnav-pill-item-hover-color: fade(@global-emphasis-color, 70%); @subnav-pill-item-onclick-background: transparent; @subnav-pill-item-onclick-color: @global-emphasis-color; @subnav-pill-item-active-background: fade(@global-secondary-background, 75%); @subnav-pill-item-active-color: @global-emphasis-color; @internal-subnav-pill-item-mode: glow; @internal-subnav-pill-item-glow-gradient: conic-gradient(from 60deg, #E8533C, #FD3D8F, #B823C3, #063AD8, #4901AC, #B823C3, #FD3D8F, #E8533C); @internal-subnav-pill-item-glow-filter: blur(10px); @internal-subnav-pill-item-glow-opacity: 0; @internal-subnav-pill-item-hover-glow-opacity: 0; @internal-subnav-divider-border-gradient: linear-gradient(0deg, fade(@subnav-divider-border, 0%) 0%, @subnav-divider-border 40%, @subnav-divider-border 60%, fade(@subnav-divider-border, 0%)); @subnav-pill-item-border-radius: 500px; @subnav-pill-item-active-box-shadow: 0 0 5px rgba(255, 255, 255, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.02), 0 1px 0 rgba(255, 255, 255, 0.04); @inverse-subnav-pill-item-color: @global-inverse-color; @inverse-subnav-pill-item-hover-background: transparent; @inverse-subnav-pill-item-hover-color: @inverse-global-muted-color; @breadcrumb-item-color: @global-color; @breadcrumb-item-hover-color: @global-emphasis-color; @breadcrumb-item-active-color: @global-emphasis-color; @internal-breadcrumb-divider-background-image: "../../../../uikit-themes/master-circle/images/breadcrumb-divider.svg"; .hook-breadcrumb-item() { vertical-align: text-bottom; } @pagination-margin-horizontal: 10px; @pagination-item-padding-vertical: 8px; @pagination-item-padding-horizontal: 15px; @pagination-item-color: @global-color; @pagination-item-hover-color: @global-emphasis-color; @pagination-item-active-color: @global-emphasis-color; @pagination-item-min-width: 40px; @pagination-item-height: @pagination-item-min-width; @pagination-item-hover-background: fade(@global-secondary-background, 75%); @pagination-item-active-background: fade(@global-secondary-background, 75%); @internal-pagination-item-mode: glow; @internal-pagination-item-glow-gradient: conic-gradient(from 60deg, #E8533C, #FD3D8F, #B823C3, #063AD8, #4901AC, #B823C3, #FD3D8F, #E8533C); @internal-pagination-item-glow-filter: blur(10px); @internal-pagination-item-glow-opacity: 0; @pagination-item-border-width: @global-border-width; @pagination-item-border-radius: 500px; @pagination-item-hover-box-shadow: 0 0 8px rgba(255, 255, 255, 0.2); @pagination-item-active-box-shadow: 0 0 5px rgba(255, 255, 255, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.02), 0 1px 0 rgba(255, 255, 255, 0.04); @inverse-pagination-item-hover-background: @inverse-global-primary-background; @inverse-pagination-item-active-background: @inverse-global-primary-background; @tab-item-hover-color: @global-emphasis-color; @tab-item-border-width: 2px; @internal-tab-item-active-border-gradient: linear-gradient(40deg, #812FCB 0%, #D91F71 45%, #FF1445 70%, #ED7E65 100%); @inverse-tab-item-hover-color: @global-inverse-color; @inverse-tab-item-active-border: @global-primary-background; @slidenav-padding-vertical: 10px; @slidenav-padding-horizontal: 13px; @slidenav-color: @global-emphasis-color; @slidenav-hover-color: @slidenav-color; @slidenav-active-color: @slidenav-color; @slidenav-large-padding-vertical: 16px; @slidenav-large-padding-horizontal: 19px; @slidenav-backdrop-filter: blur(15px); @slidenav-background: rgba(87,87,87,0.15); @slidenav-hover-background: rgba(87,87,87,0.2); @slidenav-active-background: rgba(87,87,87,0.25); @slidenav-border-radius: 3px; @inverse-slidenav-color: @global-background; @inverse-slidenav-hover-color: @global-background; @inverse-slidenav-active-color: @global-background; @dotnav-item-background: transparent; @dotnav-item-hover-background: transparent; @dotnav-item-onclick-background: transparent; @dotnav-item-active-background: @global-primary-background; @dotnav-item-border-width: @global-border-width; @dotnav-item-border: fade(@global-muted-color, 30%); @dotnav-item-hover-border: @global-primary-background; @dotnav-item-onclick-border: @global-primary-background; @inverse-dotnav-item-background: transparent; @inverse-dotnav-item-hover-background: transparent; @inverse-dotnav-item-onclick-background: transparent; @inverse-dotnav-item-active-background: @global-primary-background; @inverse-dotnav-item-border: @inverse-global-border; @inverse-dotnav-item-hover-border: @global-primary-background; @inverse-dotnav-item-onclick-border: @global-primary-background; @thumbnav-item-background: transparent; @thumbnav-item-gradient: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.4)); @inverse-thumbnav-item-background: transparent; @inverse-thumbnav-item-gradient: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.4)); @iconnav-item-hover-color: @global-emphasis-color; @iconnav-item-active-color: @global-emphasis-color; @text-lead-font-size: 21px; @text-large-font-size: 19px; @text-secondary-color: #9423c3; @text-lead-font-family: @global-secondary-font-family; @text-lead-font-weight: @global-secondary-font-weight; @text-lead-text-transform: @global-secondary-text-transform; @text-lead-letter-spacing: @global-secondary-letter-spacing; @text-lead-font-style: @global-secondary-font-style; @internal-text-background-color-gradient: linear-gradient(90deg, #812FCB 0%, #D91F71 40%, #FF1445 70%, #ED7E65 100%); @inverse-text-primary-color: @global-primary-background; @inverse-text-secondary-color: @text-secondary-color; @box-shadow-bottom-height: 100%; @box-shadow-bottom-bottom: 0; @box-shadow-bottom-background: linear-gradient(90deg, rgba(240,58,226,0.5) 0%, rgba(254,95,115,0.5) 50%, rgba(111,44,201,0.5) 100%); @box-shadow-bottom-blur: 85px; @dropcap-font-size: 3em; @logo-font-size: 20px; @logo-font-weight: 600; @logo-text-transform: uppercase; @inverse-global-color-mode: dark; @inverse-global-inverse-color: #000; @inverse-global-primary-background: #fff; @inverse-global-muted-background: #eee; @inverse-global-border: #ddd;
| ver. 1.4 |
Github
|
.
| PHP 8.3.23 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings