File manager - Edit - /home/opticamezl/www/newok/templates/yootheme/vendor/assets/uikit-themes/master-trek/_import.less
Back
@internal-fonts: 'Oswald:500,400|Roboto:300'; @global-font-family: Roboto; @global-font-size: 17px; @global-line-height: 1.5; @global-2xlarge-font-size: 42px; @global-xlarge-font-size: 36px; @global-large-font-size: 28px; @global-medium-font-size: 20px; @global-small-font-size: 15px; @global-primary-font-family: Oswald; @global-primary-font-weight: 500; @global-primary-text-transform: uppercase; @global-primary-letter-spacing: 4px; @global-primary-font-style: inherit; @global-secondary-font-family: Oswald; @global-secondary-font-weight: 400; @global-secondary-text-transform: uppercase; @global-secondary-letter-spacing: 1px; @global-secondary-font-style: inherit; @global-color: #333; @global-emphasis-color: #222; @global-muted-color: #aaa; @global-link-color: #222; @global-link-hover-color: #111; @global-inverse-color: #fff; @global-background: #fff; @global-muted-background: #f9f9f9; @global-primary-background: #5CC6D6; @global-secondary-background: #222; @global-success-background: #70DDBE; @global-warning-background: #FFB045; @global-danger-background: #F6410F; @global-border-width: 1px; @global-border: #eee; @global-border-radius: 0; @global-small-box-shadow: 0 2px 10px rgba(0,0,0,0.06); @global-medium-box-shadow: 0 4px 20px rgba(0,0,0,0.08); @global-large-box-shadow: 0 10px 25px rgba(0,0,0,0.1); @global-xlarge-box-shadow: 0 28px 50px rgba(0,0,0,0.12); @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: 45px; @global-control-small-height: 30px; @global-control-large-height: 55px; @global-z-index: 1000; @base-body-font-weight: 300; @base-link-text-decoration: underline; @base-link-hover-text-decoration: none; @base-strong-font-weight: bold; @base-code-font-size: 13px; @base-h3-line-height: 36px; @base-h4-line-height: 26px; @base-h5-line-height: 22px; @base-h6-line-height: 20px; @base-blockquote-font-size: 15px; @base-blockquote-font-style: normal; @base-blockquote-footer-font-size: @global-font-size; @base-pre-font-size: 13px; @base-selection-background: @global-primary-background; @base-code-padding-horizontal: 4px; @base-code-padding-vertical: 2px; @base-pre-padding: 15px; @base-pre-background: @global-muted-background; @base-h1-font-family: @global-secondary-font-family; @base-h1-font-weight: @global-secondary-font-weight; @base-h1-text-transform: @global-secondary-text-transform; @base-h1-letter-spacing: @global-secondary-letter-spacing; @base-h1-font-style: @global-secondary-font-style; @base-h2-font-family: @global-secondary-font-family; @base-h2-font-weight: @global-secondary-font-weight; @base-h2-text-transform: @global-secondary-text-transform; @base-h2-letter-spacing: @global-secondary-letter-spacing; @base-h2-font-style: @global-secondary-font-style; @base-h3-font-family: @global-secondary-font-family; @base-h3-font-weight: @global-secondary-font-weight; @base-h3-text-transform: @global-secondary-text-transform; @base-h3-letter-spacing: @global-secondary-letter-spacing; @base-h3-font-style: @global-secondary-font-style; @base-blockquote-font-family: @global-secondary-font-family; @base-blockquote-font-weight: @global-secondary-font-weight; @base-blockquote-text-transform: @global-secondary-text-transform; @base-blockquote-letter-spacing: @global-secondary-letter-spacing; @base-blockquote-footer-color: @global-muted-color; @base-blockquote-footer-font-family: @global-font-family; @base-blockquote-footer-font-weight: @base-body-font-weight; @base-blockquote-footer-text-transform: none; @base-blockquote-footer-letter-spacing: 0; @base-code-border-width: @global-border-width; @base-code-border: @global-border; @base-code-border-radius: 2px; @heading-small-font-size-m: 52px; @heading-large-font-size-l: 92px; @heading-xlarge-font-size-l: 130px; @heading-divider-border-width: ~'calc(1px + 0.04em)'; @heading-divider-border: @global-emphasis-color; @heading-bullet-border: @global-primary-background; @heading-line-width: 150px; @heading-line-border-width: ~'calc(1px + 0.04em)'; @heading-line-border: @global-emphasis-color; @inverse-heading-line-border: @global-inverse-color; @divider-icon-width: 40px; @divider-icon-height: 15px; @divider-icon-color: @global-primary-background; @internal-divider-icon-image: "../../../../uikit-themes/master-trek/images/divider-icon.svg"; @divider-small-border-width: 2px; @divider-small-border: @global-primary-background; @divider-vertical-height: 200px; @divider-vertical-border-width: 2px; @divider-vertical-border: @global-secondary-background; @description-list-description-font-size: @global-small-font-size; @table-header-cell-color: @global-color; @table-row-active-background: fade(@global-primary-background, 10%); @table-header-cell-font-family: @global-secondary-font-family; @icon-button-size: 40px; @icon-button-border-radius: 0; @icon-button-background: transparent; @icon-button-color: @global-emphasis-color; @icon-button-hover-color: @global-primary-background; @icon-button-active-color: darken(@icon-button-hover-color, 5%); @icon-button-border-width: 0 0 2px 0; @icon-button-border: @global-emphasis-color; @icon-button-hover-border: @global-primary-background; @icon-button-active-border: darken(@icon-button-hover-border, 5%); .hook-icon-button() when not (@icon-button-border-width = 0) { border-width: @icon-button-border-width; border-style: solid; border-color: @icon-button-border; } @inverse-icon-link-hover-color: @inverse-global-emphasis-color; @inverse-icon-link-active-color: @inverse-global-emphasis-color; @inverse-icon-button-background: transparent; @inverse-icon-button-color: @inverse-global-color; @inverse-icon-button-hover-background: transparent; @inverse-icon-button-hover-color: @global-primary-background; @inverse-icon-button-active-background: transparent; @inverse-icon-button-active-color: darken(@inverse-icon-button-hover-color, 15%); @inverse-icon-button-border: @inverse-global-emphasis-color; @inverse-icon-button-hover-border: @global-primary-background; @inverse-icon-button-active-border: darken(@inverse-icon-button-hover-border, 15%); @form-range-track-height: 1px; @form-range-thumb-height: 5px; @form-range-thumb-width: 15px; @form-range-thumb-border-radius: 0; @form-range-thumb-background: @global-primary-background; @form-danger-focus-background: fade(@global-danger-background, 5%); @form-success-focus-background: fade(darken(@global-success-background, 10%), 10%); @form-label-font-size: 13px; @form-label-color: @global-color; @button-font-size: 14px; @button-small-font-size: 13px; @button-large-font-size: @global-small-font-size; @button-padding-horizontal: 20px; @button-large-padding-horizontal: 25px; @button-default-background: transparent; @button-default-color: @global-primary-background; @button-default-hover-background: @global-primary-background; @button-default-hover-color: @global-inverse-color; @button-default-active-background: lighten(@button-default-hover-background, 8%); @button-default-active-color: @global-inverse-color; @button-secondary-background: transparent; @button-secondary-color: @global-emphasis-color; @button-secondary-hover-background: @global-secondary-background; @button-secondary-active-background: lighten(@button-secondary-hover-background, 8%); @button-danger-background: transparent; @button-danger-color: @global-danger-background; @button-danger-hover-background: @global-danger-background; @button-danger-active-background: lighten(@button-danger-hover-background, 8%); @button-text-hover-color: @global-primary-background; @button-link-hover-color: @global-primary-background; @button-text-mode: ~''; @button-text-icon-mode: dash; @button-text-border-width: 2px; @internal-button-text-dash-size: 100px; @button-letter-spacing: 3px; @button-border-width: @global-border-width; @button-default-border: @global-primary-background; @button-secondary-border: @global-secondary-background; @button-danger-border: @global-danger-background; @button-disabled-border: @global-border; @inverse-button-default-background: transparent; @inverse-button-default-color: @inverse-global-emphasis-color; @inverse-button-default-hover-background: @inverse-global-primary-background; @inverse-button-default-active-background: fade(@global-inverse-color, 90%); @inverse-button-primary-background: @global-primary-background; @inverse-button-primary-color: @global-inverse-color; @inverse-button-primary-hover-color: @global-inverse-color; @inverse-button-primary-active-color: @global-inverse-color; @inverse-button-text-hover-color: @inverse-global-muted-color; @inverse-button-default-border: @inverse-button-default-color; @inverse-button-default-hover-border: @inverse-button-default-hover-background; @inverse-button-default-active-border: @inverse-button-default-active-background; @internal-section-default-overlap-image: "../../../../uikit-themes/master-trek/images/section-overlap-image.svg"; @internal-section-muted-overlap-image: "../../../../uikit-themes/master-trek/images/section-overlap-image.svg"; @internal-section-primary-overlap-image: "../../../../uikit-themes/master-trek/images/section-overlap-image.svg"; @internal-section-secondary-overlap-image: "../../../../uikit-themes/master-trek/images/section-overlap-image.svg"; @internal-section-overlap-height: 60px; @container-small-max-width: 960px; @container-large-max-width: 1360px; @card-title-font-size: 22px; @card-badge-font-size: 13px; @card-hover-background: @global-background; @card-default-background: @global-background; @card-default-hover-background: @global-background; @card-title-font-family: @global-secondary-font-family; @card-title-font-weight: @global-secondary-font-weight; @card-title-text-transform: @global-secondary-text-transform; @card-title-letter-spacing: @global-secondary-letter-spacing; @card-title-font-style: @global-secondary-font-style; @card-hover-box-shadow: @global-medium-box-shadow; @card-default-box-shadow: @global-medium-box-shadow; @card-default-hover-box-shadow: @global-large-box-shadow; @card-default-hover-translate-vertical: -3px; @marker-background: @global-primary-background; @inverse-marker-background: @inverse-global-primary-background; @inverse-marker-color: @inverse-global-inverse-color; @inverse-marker-hover-color: @inverse-marker-color; @totop-padding: 20px; @totop-color: @global-inverse-color; @totop-hover-color: @global-inverse-color; @totop-active-color: @global-inverse-color; @totop-background: fade(@global-secondary-background, 60%); @totop-hover-background: fade(@global-secondary-background, 80%); @totop-active-background: fade(@global-secondary-background, 90%); @inverse-totop-background: @inverse-global-muted-background; @inverse-totop-hover-background: fade(@global-inverse-color, 20%); @inverse-totop-active-background: fade(@global-inverse-color, 30%); @alert-background: @global-background; @alert-primary-background: @global-background; @alert-success-background: @global-background; @alert-warning-background: @global-background; @alert-danger-background: @global-background; @alert-box-shadow: @global-small-box-shadow; @badge-font-size: 12px; @label-font-size: 13px; @overlay-primary-background: fade(@global-primary-background, 80%); @article-meta-font-family: @global-font-family; @article-meta-font-weight: inherit; @article-meta-text-transform: none; @article-meta-letter-spacing: 0; @comment-title-font-size: @global-font-size; @comment-meta-font-size: 13px; @comment-meta-font-family: @global-font-family; @comment-meta-font-weight: inherit; @comment-meta-text-transform: none; @comment-meta-letter-spacing: 0; @search-color: @global-emphasis-color; @search-placeholder-color: fade(@global-emphasis-color, 30%); @search-icon-color: fade(@global-emphasis-color, 30%); @search-navbar-background: fade(@global-secondary-background, 5%); @search-navbar-focus-background: fade(@global-secondary-background, 8%); @search-medium-font-size: @global-medium-font-size; @search-toggle-color: @global-color; @search-toggle-hover-color: @global-primary-background; @search-medium-font-family: @global-font-family; @inverse-search-toggle-hover-color: @inverse-global-emphasis-color; @accordion-item-margin-top: 15px; @accordion-title-font-size: @global-font-size; @accordion-title-line-height: 26px; @accordion-title-font-family: @global-secondary-font-family; @accordion-title-font-weight: @global-secondary-font-weight; @accordion-title-text-transform: @global-secondary-text-transform; @accordion-title-letter-spacing: @global-secondary-letter-spacing; @accordion-title-font-style: @global-secondary-font-style; @accordion-item-border-width: @global-border-width; @accordion-item-border: @global-border; @dropdown-padding: 20px; @dropdown-background: @global-background; @dropdown-nav-item-color: @global-color; @dropdown-nav-item-hover-color: @global-primary-background; @dropdown-nav-subtitle-font-size: 12px; @dropdown-nav-sublist-padding-left: 10px; @dropdown-nav-font-family: @global-font-family; @dropdown-nav-font-weight: inherit; @dropdown-nav-text-transform: none; @dropdown-nav-letter-spacing: 0; @dropdown-nav-subtitle-color: @global-muted-color; @dropdown-box-shadow: @global-medium-box-shadow; @dropbar-padding-bottom: 25px; @dropbar-background: @global-primary-background; @dropbar-color-mode: light; @modal-title-font-size: @global-2xlarge-font-size; @slider-container-margin-top: -15px; @slider-container-margin-bottom: -35px; @offcanvas-bar-background: @global-primary-background; @tooltip-padding-vertical: 0; @tooltip-background: @global-primary-background; @nav-default-item-color: @global-color; @nav-default-item-hover-color: @global-primary-background; @nav-default-item-active-color: @global-primary-background; @nav-default-subtitle-font-size: 12px; @nav-primary-line-height: 40px; @nav-primary-item-color: @global-color; @nav-primary-item-hover-color: @global-primary-background; @nav-primary-item-active-color: @global-primary-background; @nav-primary-subtitle-font-size: @global-small-font-size; @nav-secondary-font-size: 16px; @nav-secondary-item-hover-color: @global-primary-background; @nav-secondary-item-active-color: @global-primary-background; @nav-secondary-subtitle-hover-color: @global-primary-background; @nav-secondary-subtitle-active-color: @global-primary-background; @nav-large-font-size-l: 92px; @nav-xlarge-font-size-l: 130px; @nav-dividers-margin-top: 10px; @nav-secondary-margin-top: 10px; @nav-default-font-family: @global-font-family; @nav-default-font-weight: inherit; @nav-default-text-transform: none; @nav-default-letter-spacing: normal; @nav-default-subtitle-color: @global-muted-color; @nav-default-subtitle-line-height: 1.4; @nav-primary-font-family: @global-font-family; @nav-primary-font-weight: inherit; @nav-primary-text-transform: none; @nav-primary-letter-spacing: normal; @nav-primary-subtitle-color: @global-muted-color; @nav-primary-subtitle-font-weight: normal; @nav-primary-subtitle-line-height: 1.5; @nav-secondary-subtitle-font-family: @global-font-family; @nav-secondary-subtitle-text-transform: none; @nav-secondary-subtitle-letter-spacing: normal; @inverse-nav-default-item-hover-color: @inverse-global-emphasis-color; @inverse-nav-default-sublist-item-hover-color: @inverse-global-emphasis-color; @inverse-nav-primary-item-hover-color: @inverse-global-emphasis-color; @inverse-nav-primary-sublist-item-hover-color: @inverse-global-emphasis-color; @inverse-nav-secondary-subtitle-hover-color: @inverse-global-emphasis-color; @navbar-background: @global-secondary-background; @navbar-gap: 20px; @navbar-color-mode: light; @navbar-nav-gap: 0px; @navbar-nav-item-padding-horizontal: 20px; @navbar-nav-item-color: @global-color; @navbar-nav-item-font-size: (@global-small-font-size + 1px); @navbar-nav-item-hover-color: @global-primary-background; @navbar-nav-item-onclick-color: @global-primary-background; @navbar-nav-item-active-color: @global-primary-background; @navbar-toggle-color: @global-color; @navbar-toggle-hover-color: @global-primary-background; @navbar-subtitle-font-size: 12px; @navbar-dropdown-padding: 20px; @navbar-dropdown-background: @global-primary-background; @navbar-dropdown-color: @global-inverse-color; @navbar-dropdown-color-mode: light; @navbar-dropdown-large-shift-margin: @navbar-nav-item-padding-horizontal; @navbar-dropdown-dropbar-shift-margin: @navbar-nav-item-padding-horizontal; @navbar-dropdown-dropbar-large-shift-margin: @navbar-nav-item-padding-horizontal; @navbar-dropdown-nav-item-color: fade(@global-inverse-color, 60%); @navbar-dropdown-nav-item-hover-color: @global-inverse-color; @navbar-dropdown-nav-item-active-color: @global-inverse-color; @navbar-dropdown-nav-subtitle-font-size: 12px; @navbar-dropdown-nav-header-color: @global-inverse-color; @navbar-dropdown-nav-divider-border: fade(@global-inverse-color, 20%); @navbar-dropdown-nav-sublist-item-color: @inverse-global-muted-color; @navbar-dropdown-nav-sublist-item-hover-color: @global-inverse-color; @navbar-dropdown-nav-sublist-item-active-color: @global-inverse-color; @navbar-nav-gap-m: 0px; @navbar-nav-item-line-mode: true; @navbar-nav-item-line-height: 0; @navbar-nav-item-line-transition-duration: 0.3s; @navbar-nav-item-line-hover-height: 4px; @navbar-nav-item-line-onclick-height: 6px; @navbar-nav-item-line-active-height: 4px; @navbar-primary-gap: (@navbar-gap + 10px); @navbar-primary-gap-m: (@navbar-gap-m + 10px); @navbar-subtitle-color: @global-inverse-color; @navbar-subtitle-font-family: @global-font-family; @navbar-subtitle-font-weight: 400; @navbar-subtitle-text-transform: none; @navbar-subtitle-letter-spacing: normal; @navbar-primary-nav-item-font-size: @global-medium-font-size; @navbar-dropdown-nav-font-family: @global-font-family; @navbar-dropdown-nav-font-weight: inherit; @navbar-dropdown-nav-text-transform: none; @navbar-dropdown-nav-letter-spacing: normal; @navbar-dropdown-nav-subtitle-color: fade(@global-inverse-color, 60%); @navbar-dropdown-nav-subtitle-font-family: @global-font-family; @navbar-dropdown-nav-subtitle-font-weight: 400; @navbar-nav-item-height-m: 100px; .hook-navbar-misc() { @media (min-width: @breakpoint-medium) { .uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle { min-height: @navbar-nav-item-height-m; } } } @inverse-navbar-nav-item-hover-color: @global-primary-background; @inverse-navbar-nav-item-onclick-color: @global-primary-background; @inverse-navbar-nav-item-active-color: @global-primary-background; @inverse-navbar-toggle-hover-color: @inverse-global-emphasis-color; @inverse-navbar-nav-item-line-hover-background: @global-primary-background; @inverse-navbar-nav-item-line-onclick-background: @global-primary-background; @inverse-navbar-nav-item-line-active-background: @global-primary-background; @inverse-navbar-dropdown-nav-item-color: @inverse-global-muted-color; .hook-inverse() { // FIX .uk-navbar-dropdown-nav > li:not(.uk-active) > a:not(:hover) { color: @inverse-navbar-dropdown-nav-item-color !important; } } @subnav-item-color: @global-color; @subnav-item-hover-color: @global-primary-background; @subnav-item-active-color: @global-primary-background; @subnav-pill-item-color: @global-muted-color; @subnav-pill-item-hover-background: transparent; @subnav-item-text-decoration: none; @subnav-item-font-family: @global-font-family; @subnav-item-font-weight: inherit; @subnav-item-text-transform: none; @subnav-item-letter-spacing: 0; @inverse-subnav-item-hover-color: @inverse-global-emphasis-color; @breadcrumb-item-color: @global-color; @breadcrumb-item-hover-color: @global-emphasis-color; @breadcrumb-item-active-color: @global-emphasis-color; @breadcrumb-divider: "—"; @breadcrumb-divider-margin-horizontal: @global-small-gutter; @breadcrumb-divider-color: @global-color; @breadcrumb-item-font-family: @global-font-family; @breadcrumb-item-font-weight: inherit; @breadcrumb-item-text-transform: none; @breadcrumb-item-letter-spacing: 0; @breadcrumb-item-disabled-color: @global-muted-color; @pagination-margin-horizontal: 20px; @pagination-item-padding-vertical: 0; @pagination-item-padding-horizontal: 0; @pagination-item-color: @global-color; @pagination-item-hover-color: @global-primary-background; @pagination-item-active-color: @global-primary-background; @pagination-item-height: 28px; @pagination-item-font-family: @global-font-family; @pagination-item-font-weight: inherit; @pagination-item-text-transform: none; @pagination-item-border-mode: -bottom; @pagination-item-border-width: 2px; @pagination-item-hover-border: @global-primary-background; @pagination-item-active-border: @global-primary-background; @inverse-pagination-item-hover-border: @inverse-pagination-item-hover-color; @inverse-pagination-item-active-border: @inverse-pagination-item-active-color; @tab-border-width: 0; @tab-border: transparent; @tab-item-border-width: 2px; @tab-item-hover-border: @global-secondary-background; @tab-item-active-border: @global-secondary-background; @slidenav-padding-vertical: 30px; @slidenav-padding-horizontal: 14px; @slidenav-color: @global-inverse-color; @slidenav-hover-color: @global-inverse-color; @slidenav-active-color: @global-inverse-color; @slidenav-large-padding-vertical: 36px; @slidenav-large-padding-horizontal: 16px; @slidenav-background: fade(@global-secondary-background, 60%); @slidenav-hover-background: fade(@global-secondary-background, 80%); @slidenav-active-background: fade(@global-secondary-background, 90%); @inverse-slidenav-color: @global-inverse-color; @inverse-slidenav-background: fade(@inverse-global-primary-background, 40%); @inverse-slidenav-hover-background: fade(@inverse-global-primary-background, 60%); @inverse-slidenav-active-background: fade(@inverse-global-primary-background, 50%); @dotnav-item-width: 12px; @dotnav-item-background: transparent; @dotnav-item-hover-background: transparent; @dotnav-item-onclick-background: @global-primary-background; @dotnav-item-active-background: transparent; @dotnav-item-border-width: 2px; @dotnav-item-border: @global-secondary-background; @dotnav-item-hover-border: @global-primary-background; @dotnav-item-active-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: transparent; @inverse-dotnav-item-border: @inverse-global-color; @inverse-dotnav-item-hover-border: @global-primary-background; @inverse-dotnav-item-onclick-border: @global-primary-background; @inverse-dotnav-item-active-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)); @text-lead-font-size: @global-font-size; @text-lead-color: @global-color; @text-large-font-size: 21px; @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-meta-font-family: @global-font-family; @text-meta-font-weight: 300; @text-meta-text-transform: none; @text-meta-letter-spacing: 0; @inverse-text-primary-color: @global-primary-background; @logo-font-family: @global-secondary-font-family; @logo-font-weight: @global-secondary-font-weight; @logo-text-transform: @global-secondary-text-transform; @logo-letter-spacing: @global-secondary-letter-spacing; @inverse-global-color: fade(@global-inverse-color, 90%); @inverse-global-muted-color: fade(@global-inverse-color, 70%); @inverse-global-inverse-color: @global-emphasis-color;
| ver. 1.4 |
Github
|
.
| PHP 8.3.23 | Generation time: 0.01 |
proxy
|
phpinfo
|
Settings