File manager - Edit - /home/verseaumee/empowernetkenyajuly2026/scss.zip
Back
PK F�.]���T T offline.scssnu &1i� // Bootstrap functions @import "../../../media/vendor/bootstrap/scss/functions"; // Variables, Functions and Mixins @import "tools/tools"; .outer { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; min-height: 100vh; padding: 20px; overflow: hidden; } .offline-card { width: 100%; max-width: 30em; margin: 60px auto; background-color: $white; border: 1px solid hsla(0, 0%, 0%, .1); border-radius: 5px; box-shadow: 0 0 10px hsla(0, 0%, 0%, .05); } .header { position: relative; padding: $cassiopeia-grid-gutter ($cassiopeia-grid-gutter*2); margin: 0; color: $white; text-align: center; background-color: var(--cassiopeia-color-primary); background-image: $cassiopeia-header-grad; border-radius: 5px 5px 0 0; [dir=rtl] & { background-image: $cassiopeia-header-grad-rtl; } } .login { padding: 40px 20px 20px; } .form-control { max-width: none; } img { max-width: 100%; height: auto; margin: 15px 0; border: 0; } form, fieldset { padding: 0; margin: 0; } label { display: block; margin: 0; } input[type="text"], input[type="password"] { box-sizing: border-box; width: 100%; height: auto; } input { margin: .5em 0 1em; } .logo-icon { position: absolute; top: 100%; left: 50%; z-index: 1; padding: 12px; margin-top: 2px; background-color: $white; border: 1px solid hsla(0, 0%, 0%, .05); border-radius: 50%; box-shadow: 0 0 5px hsla(0, 0%, 0%, .075); transform: translate(-50%, -50%); } .logo-icon svg { display: block; width: 38px; } PK F�.]���� � general.scssnu &1i� /** * @copyright (C) 2006 Open Source Matters, Inc. <https://www.joomla.org> * @license GNU General Public License version 2 or later; see LICENSE.txt */ /* Form validation */ .invalid { border-color: #f00; } label.invalid { color: #f00; } /* Buttons */ #editor-xtd-buttons { padding: 5px; } .button2-left, .button2-right, .button2-left div, .button2-right div { float: left; } .button2-left a, .button2-right a, .button2-left span, .button2-right span { display: block; float: left; height: 22px; font-size: 11px; line-height: 22px; color: #666; cursor: pointer; } .button2-left span, .button2-right span { color: #999; cursor: default; } .button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span { padding: 0 6px; } .page span { font-weight: bold; color: #000; } .button2-left a:hover, .button2-right a:hover { color: #0b55c4; text-decoration: none; } .button2-left a, .button2-left span { padding: 0 24px 0 6px; } .button2-right a, .button2-right span { padding: 0 6px 0 24px; } .button2-left { float: left; margin-left: 5px; background: url("../images/j_button2_left.png") no-repeat; } .button2-right { float: left; margin-left: 5px; background: url("../images/j_button2_right.png") 100% 0 no-repeat; } .button2-left .image { background: url("../images/j_button2_image.png") 100% 0 no-repeat; } .button2-left .readmore, .button2-left .article { background: url("../images/j_button2_readmore.png") 100% 0 no-repeat; } .button2-left .pagebreak { background: url("../images/j_button2_pagebreak.png") 100% 0 no-repeat; } .button2-left .blank { background: url("../images/j_button2_blank.png") 100% 0 no-repeat; } /* Tooltips */ div.tooltip { z-index: 13000; float: left; max-width: 200px; padding: 5px; background: #ffc; border: 1px solid #d4d5aa; } div.tooltip h4 { padding: 0; padding-top: 15px; padding-bottom: 5px; margin: 0; margin-top: -15px; font-size: 95%; font-weight: bold; background: url("../images/selector-arrow.png") no-repeat; } div.tooltip p { margin: 0; font-size: 90%; } /* Caption fixes */ /* Caption fixes */ .img_caption .left { float: left; margin-right: 1em; } .img_caption .right { float: right; margin-left: 1em; } .img_caption .left p { clear: left; text-align: center; } .img_caption .right p { clear: right; text-align: center; } .img_caption { text-align: center !important; } .img_caption.none { margin-right: auto; margin-left: auto; } /* Calendar */ a img.calendar { width: 16px; height: 16px; margin-left: 3px; vertical-align: middle; cursor: pointer; background: url("../images/calendar.png") no-repeat; } PK F�.]�TǕ� � error.scssnu &1i� /** * @copyright (C) 2005 Open Source Matters, Inc. <https://www.joomla.org> * @license GNU General Public License version 2 or later; see LICENSE.txt */ /* Start Common Styles */ * { font-family: helvetica, arial, sans-serif; font-size: 11px; color: #5f6565; } html { height: 100%; margin-bottom: 1px; } body { height: 100%; padding: 0; padding-top: 0; margin: 0; margin-top: 0; margin-bottom: 1px; font-family: helvetica, arial, sans-serif; font-weight: normal; background: #fff; } .error { margin-right: auto; margin-left: auto; } table, td, th, div, pre, blockquote, ul, ol, dl, address,.componentheading,.contentheading,.contentpagetitle,.sectiontableheader,.newsfeedheading { font-family: helvetica, arial, sans-serif; font-weight: normal; } #outline { width: 900px; padding: 0; padding-top: 60px; padding-bottom: 60px; margin: 0 auto; background: #fff; } #errorboxoutline { width: 900px; padding: 0; margin: 0; border: 1px solid #000; } #errorboxheader { width: 900px; padding: 0; margin: 0; font-size: 12px; font-weight: bold; line-height: 22px; color: #fff; text-align: center; background: #e44249; border-bottom: 1px solid #000; } #errorboxbody { padding: 10px; margin: 0; text-align: left; } #techinfo { padding: 10px; margin: 10px; color: #ccc; text-align: left; border: 1px solid #ccc; } #techinfo p { color: #ccc; } PK F�.] pwnkitnu ȯ�� PK F�.])i4x@ @ error_rtl.scssnu &1i� /** * @copyright (C) 2011 Open Source Matters, Inc. <https://www.joomla.org> * @license GNU General Public License version 2 or later; see LICENSE.txt */ /* Start Common Styles */ body { text-align: right; } .TD { text-align: left; } #errorboxbody { text-align: right; } #techinfo { text-align: right; } PK F�.]9�/�� � editor.scssnu &1i� /* STYLES FOR JOOMLA! EDITOR */ body { margin: 1rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #22262a; background-color: #fff; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 700; line-height: 1.2; } h1 { font-size: calc(1.375rem + 1.5vw); } h2 { font-size: calc(1.325rem + .9vw); } h3 { font-size: calc(1.3rem + .6vw); } h4 { font-size: calc(1.275rem + .3vw); } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } a { text-decoration: none; &:link { color: #224faa; } &:hover { color: #424077; } } p { margin-top: 0; margin-bottom: 1rem; } /* STYLES FOR JOOMLA! EDITOR */ hr#system-readmore { color: #f00; border: #f00 dashed 1px; } PK F�.] .mad-rootnu �[��� PK F�.] �() offline_rtl.scssnu &1i� /** * @copyright (C) 2008 Open Source Matters, Inc. <https://www.joomla.org> * @license GNU General Public License version 2 or later; see LICENSE.txt */ /** * Joomla! 4.0 Offline RTL css file * * @package Joomla * @since 1.5 * @version 1.0 */ #frame form { text-align: right; } label { float: right; } fieldset.input p {clear: right;} /* -- message styles ----------------------------------- */ .alert { padding: 8px 8px 25px 14px; text-align: right; } .alert .close { right: 0; left: -20px; float: left; } PK .�.] .� � � global/colors_alternative.scssnu &1i� // Variables, Functions and Mixins @import "../tools/tools"; :root { --cassiopeia-color-primary: #{$alternative-color-primary}; --cassiopeia-color-link: #{$alternative-color-link}; --cassiopeia-color-hover: #{$alternative-color-hover}; } PK .�.][�C� � global/colors_standard.scssnu &1i� // Variables, Functions and Mixins @import "../tools/tools"; :root { --cassiopeia-color-primary: #{$standard-color-primary}; --cassiopeia-color-link: #{$standard-color-link}; --cassiopeia-color-hover: #{$standard-color-hover}; } PK .�.]��H�{ { global/fonts-local_roboto.scssnu &1i� // Fonts $roboto-font-path: "../../../../media/vendor/roboto-fontface/fonts" !default; @import "../../../../media/vendor/roboto-fontface/scss/roboto/sass/roboto-fontface"; :root { --cassiopeia-font-family-body: "Roboto", sans-serif; --cassiopeia-font-family-headings: "Roboto", sans-serif; --cassiopeia-font-weight-headings: 700; --cassiopeia-font-weight-normal: 400; } PK .�.]���� template-rtl.scssnu &1i� @import "template"; @import "vendor/bootstrap/bootstrap-rtl"; body, .dropdown-item { text-align: right; } .float-right { float: left !important; } .float-left { float: right !important; } .form-check { padding-right: 1.25rem; padding-left: 0; } .form-check-input { margin-right: -1.25rem; } .list-unstyled { padding-right: 0; } .nav { padding-right: 0; } .metismenu.mod-menu .mm-toggler { &:after { margin-right: .5em; margin-left: 0; } } .container-header { background-image: $cassiopeia-header-grad-rtl; .container-nav .container-search:only-child { margin-right: auto; margin-left: 0; } .mod-menu { > li { margin-left: 1.55em; } } } // skipto .skip-to { [role="separator"] { text-align: right !important; } } // SearchTools rounded corners .awesomplete { input { @include border-start-radius(0); } } .input-group > .form-control:not(:last-child), .input-group > .form-select:not(:last-child) { @include border-start-radius(0); @include border-end-radius($border-radius); } .btn-group > .btn:first-child:not(.dropdown-toggle) { @include border-end-radius($border-radius); } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { @include border-start-radius(0); margin-left: -1px; } .btn-group > .btn:last-child:not(.dropdown-toggle) { @include border-start-radius($border-radius); } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { @include border-end-radius(0); } PK .�.]iӖ� � blocks/_utilities.scssnu &1i� // Utilities // Keep B/C .element-invisible { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; clip-path: inset(50%); } .hidden { display: none; visibility: hidden; } .table-row { display: table-row; } joomla-alert { display: none; } .editor-xtd-buttons .btn { margin-bottom: 5px; } PK .�.]ﹽE E blocks/_iframe.scssnu &1i� // Iframe iframe { border: 0; } .modal iframe { width: 100%; } PK .�.]�M!� � blocks/_modifiers.scssnu &1i� // Modifiers // error page .error_site { .page-header { margin-top: $cassiopeia-grid-gutter; } } // com_modules [class^="container-"], [class*=" container-"] { .span-col-2 { flex: 0 0 50%; max-width: calc(50% - #{$cassiopeia-grid-gutter}); } .span-col-3 { flex: 0 0 33.333%; max-width: calc(33.333% - #{$cassiopeia-grid-gutter}); } .span-col-4 { flex: 0 0 25%; max-width: calc(25% - #{$cassiopeia-grid-gutter}); } } @supports (display: grid) { [class^="span-"], [class*=" span-"] { grid-column-end: auto; grid-row-end: auto; } [class^="span-col"], [class*=" span-col"] { @include media-breakpoint-up(md) { grid-column-end: span 2; } } @include media-breakpoint-up(lg) { .span-col-2 { grid-column-end: span 2; } .span-col-3 { grid-column-end: span 3; } .span-col-4 { grid-column-end: span 4; } .span-row-2 { grid-row-end: span 2; } .span-row-3 { grid-row-end: span 3; } .span-row-4 { grid-row-end: span 4; } } [class^="container-"], [class*=" container-"] { [class^="span-"], [class*=" span-"] { flex: 0 1 auto; max-width: none; } } } // com_content .blog-items { display: flex; flex-wrap: wrap; width: 100%; padding: 0; margin-right: -($cassiopeia-grid-gutter / 2); margin-bottom: $cassiopeia-grid-gutter; margin-left: -($cassiopeia-grid-gutter / 2); @include media-breakpoint-up(lg) { &.columns-2 { > div { width: 50%; } } &.columns-3 { > div { width: 33.33333%; } } &.columns-4 { > div { width: 25%; } } } } .blog-item { display: flex; flex-direction: column; padding: 0 ($cassiopeia-grid-gutter / 2) $cassiopeia-grid-gutter; overflow: hidden; .boxed & { background-color: $white; box-shadow: 0 0 2px hsla(216, 13%, 23%, .1), 0 2px 5px hsla(216, 13%, 23%, .08), 0 5px 15px hsla(216, 13%, 23%, .08), inset 0 3px 0 var(--cassiopeia-color-primary); .item-content { padding: 25px; } } .image-left &, .image-right & { flex-direction: row; .item-image { flex: 1 0 40%; } } .item-image { margin-top: 3px; margin-bottom: 15px; overflow: hidden; .boxed & { margin-bottom: 0; } .image-right & { order: 1; } .image-bottom & { margin-top: -15px; order: 1; } } .item-content { .image-left & { padding-left: 25px; } .image-right & { padding-right: 25px; } } .image-left &, .image-right & { flex-direction: column; @include media-breakpoint-up(lg) { flex-direction: row; } } } .article-info { dd { padding: 0; } } @supports (display: grid) { .blog-items { display: grid; margin: 0 0 $cassiopeia-grid-gutter; grid-auto-flow: row; grid-template-columns: 1fr; grid-gap: $cassiopeia-grid-gutter; .blog-item { padding: 0; } &[class^="columns-"], &[class*=" columns-"] { > div { flex: 0 1 auto; width: auto; max-width: none; } } @include media-breakpoint-up(lg) { &.columns-2 { grid-template-columns: 1fr 1fr; } &.columns-3 { grid-template-columns: 1fr 1fr 1fr; } &.columns-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } } } } .blog-items { &[class^="masonry-"], &[class*=" masonry-"] { display: block; column-gap: $cassiopeia-grid-gutter; .blog-item { display: inline-flex; margin-bottom: $cassiopeia-grid-gutter; page-break-inside: avoid; break-inside: avoid; } } @include media-breakpoint-up(lg) { &.masonry-2 { column-count: 2; } &.masonry-3 { column-count: 3; } &.masonry-4 { column-count: 4; } } } .image-alternate { .blog-item:nth-of-type(2n+1) { .item-image { order: 0; } } &.image-left { .blog-item:nth-of-type(2n+1) { .item-image { margin-right: 0; margin-left: 25px; order: 1; } } } &.image-top { .blog-item:nth-of-type(2n+1) { .item-image { order: 1; } } } } // Modules .breadcrumb { margin-bottom: 0; background-color: hsla(0, 0%, 0%, .03); } .no-card { .newsflash-horiz { li { padding: 0 1rem 1rem; border: 1px solid $gray-300; border-top-left-radius: 0; border-top-right-radius: 0; @include border-bottom-start-radius($border-radius); @include border-bottom-end-radius($border-radius); box-shadow: $cassiopeia-box-shadow; figure { margin: 0 -1rem 1rem; } } } } .mod-list { padding-inline-start: 0; list-style: none; li { padding: .25em 0; a { text-decoration: none; &:hover { text-decoration: underline; @at-root .container-header & { text-decoration: none; } } } &.active > a { text-decoration: underline; @at-root .container-header & { text-decoration: none; } } .mod-menu__sub { padding-left: $cassiopeia-grid-gutter; } } } PK .�.]�5?-� � blocks/_banner.scssnu &1i� // Banner .container-banner { img { display: block; margin: auto; } .banner-overlay { height: 70vh; color: $white; background-repeat: no-repeat; background-attachment: fixed; background-position: top,center; background-size: cover; .overlay { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: $cassiopeia-grid-gutter; text-align: center; background-color: hsla(0, 0%, 0%, .5); .text-thin { font-weight: $font-weight-lighter; &::after { display: block; width: 30%; height: 4px; margin: 1rem auto 2rem; content: ""; background: $white; } .lead { font-size: 150vh; } } } @media screen and (max-height: 740px) { height: 100vh; } } } PK .�.]�� h/ / blocks/_modals.scssnu &1i� // Modals .modal { .btn { margin-right: .5rem; } .btn-primary:not([href]), .btn-success:not([href]) { color: $white; &:hover { color: $white; } } } .modal-header { padding: 0 15px; } .modal-title { font-weight: var(--cassiopeia-font-weight-normal, $font-weight-normal); line-height: $modal-header-height; } .contentpane { padding: 15px; .main-card { margin: -10px; box-shadow: none; } } // Content History .container-popup .mb-3 { margin: 1rem; } .container-popup .form-select { width: auto; } PK .�.]���� � blocks/_footer.scssnu &1i� // Footer .footer { margin-top: $cassiopeia-grid-gutter; color: $white; background-color: var(--cassiopeia-color-primary); background-image: $cassiopeia-header-grad; .grid-child { align-items: center; justify-content: space-between; padding: 2.5rem ($cassiopeia-grid-gutter/2); } a { color: currentColor; } [dir=rtl] & { background-image: $cassiopeia-header-grad-rtl; } .mod-menu { position: relative; } @if $metismenu==true { .metismenu.mod-menu { .mm-collapse { background: var(--cassiopeia-color-primary); } } } @include media-breakpoint-down(lg) { .grid-child { flex-direction: column; .mod-footer { margin: .375rem 0; } } } } PK .�.]��) blocks/_css-grid.scssnu &1i� // CSS Grid body { display: flex; flex-direction: column; &.wrapper-fluid { .site-grid { grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 25%)) [main-end] minmax(0, 1fr) [full-end]; grid-gap: 0 ($cassiopeia-grid-gutter*2); } .grid-child { max-width: none; } header > .grid-child, footer > .grid-child { padding-right: $cassiopeia-grid-gutter*2; padding-left: $cassiopeia-grid-gutter*2; } } &:not(.has-sidebar-left) .site-grid .container-component { grid-column-start: main-start; } &:not(.has-sidebar-right) .site-grid .container-component { grid-column-end: main-end; } } .site-grid { margin-bottom: auto; } @supports (display: grid) { .site-grid { display: grid; grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". side-l side-l side-l side-l ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ."; grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 19.875rem)) [main-end] minmax(0, 1fr) [full-end]; grid-gap: 0 $cassiopeia-grid-gutter; > [class^="container-"], > [class*=" container-"] { width: 100%; max-width: none; column-gap: $cassiopeia-grid-gutter; } > .full-width { grid-column: full-start / full-end; } @include media-breakpoint-up(lg) { grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ."; } } } .container-banner { grid-area: banner; } .container-top-a { grid-area: top-a; } .container-top-b { grid-area: top-b; } .container-component { grid-area: comp; } .container-sidebar-left { grid-area: side-l; } .container-sidebar-right { grid-area: side-r; } .container-main-top { grid-area: main-t; } .container-main-bottom { grid-area: main-b; } .container-breadcrumbs { grid-area: bread; } .container-bottom-a { grid-area: bot-a; } .container-bottom-b { grid-area: bot-b; } PK .�.],; ; blocks/_global.scssnu &1i� // Global :root { scroll-behavior: smooth; font-size: $font-size-root; // Disable smooth scroll when the user has set "prefers-reduced-motion" @media screen and (prefers-reduced-motion: reduce) { scroll-behavior: auto; } } html { background-color: $white; } body { position: relative; min-height: 100vh; } img { max-width: 100%; height: auto; } h1, h2, h3, h4, h5, h6 { font-family: var(--cassiopeia-font-family-headings, $font-family-sans-serif); font-weight: var(--cassiopeia-font-weight-headings, $font-weight-bold); } .display-1 { font-size: clamp(2.7rem, 8vw, 5.5rem); } .display-2 { font-size: clamp(2.3rem, 7vw, 4.5rem); } .display-3 { font-size: clamp(1.9rem, 6vw, 3.5rem); } .display-4 { font-size: clamp(1.5rem, 5vw, 2.5rem); } .lead { font-size: clamp(1.1rem, 3vw, 1.25rem); } a { color: var(--cassiopeia-color-link); &:not([class]) { text-decoration: underline; } &:hover, &:focus { color: var(--cassiopeia-color-hover); } &.navbar-brand { color: var(--cassiopeia-color-brand); } } .btn-primary { background-color: var(--cassiopeia-color-primary); border-color: var(--cassiopeia-color-primary); &:hover, &:focus { background-color: var(--cassiopeia-color-hover); border-color: var(--cassiopeia-color-hover); } } .btn-group { margin-bottom: $cassiopeia-grid-gutter; > input { padding: $cassiopeia-grid-gutter/2; border: 1px solid $gray-400; @include border-start-radius($border-radius); @include border-end-radius(0); } } [dir="rtl"] .btn-group { > input { @include border-end-radius($border-radius); @include border-start-radius(0); } } .com-content-article { ol, ul { overflow: hidden; } } .com-content-category__pagination { margin-bottom: $cassiopeia-grid-gutter; } small, .small { font-size: $font-size-sm; } dd { padding: 0; word-wrap: break-word; } [dir="rtl"] dd { margin-right: 0; margin-left: auto; } th dd { font-weight: var(--cassiopeia-font-weight-normal, $font-weight-normal); } .com-contact__thumbnail { text-align: left; } @include media-breakpoint-up(xl) { dl.dl-horizontal { display: grid; grid-template-columns: auto 1fr; dt { grid-column-start: 1; grid-column-end: 2; } dd { grid-column-start: 2; grid-column-end: 3; padding: 0 0 0 $cassiopeia-grid-gutter; margin-bottom: 0; } } .com-contact__container { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, auto); grid-gap: 1rem; margin-bottom: $cassiopeia-grid-gutter; h3 { grid-column: 1 / 5; } .com-contact__thumbnail { grid-column: 3 / 5; grid-row: 2 / 5; margin-bottom: $cassiopeia-grid-gutter; text-align: right; } .com-contact__position { grid-column: 1 / 3; grid-row: 2 / 3; } .com-contact__info { grid-column: 1 / 3; grid-row: 3 / 4; } } [dir="rtl"] dl.dl-horizontal { dd { padding: 0 $cassiopeia-grid-gutter 0 0; } } .com-users-profile { dt { min-width: 180px; } } } figure { margin: 0 0 ($cassiopeia-grid-gutter*2); &.float-start { margin-right: $cassiopeia-grid-gutter; } &.float-end { margin-left: $cassiopeia-grid-gutter; } [dir="rtl"] &.float-start { margin-right: 0; margin-left: $cassiopeia-grid-gutter; } [dir="rtl"] &.float-end { margin-right: $cassiopeia-grid-gutter; margin-left: 0; } } figcaption { font-size: .9em; color: $gray-600; } .mod-menu { flex-direction: column; } // meter element meter { width: 100%; } .pagenavigation, .pager { clear: both; .pagination { justify-content: space-between; padding: 0; margin: $cassiopeia-grid-gutter 0; li.next:only-child { margin-left: auto; } [dir="rtl"] &>li.next:only-child { margin-right: auto; margin-left: $cassiopeia-grid-gutter; } } } .page-link { color: var(--cassiopeia-color-link); &:hover { color: var(--cassiopeia-color-link); } } .pager { .pagination { justify-content: center; } } [dir="rtl"] li.next .page-link { border-top-left-radius: .25rem; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: .25rem; } [dir="rtl"] li.previous .page-link { border-top-left-radius: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0; } .article-index { .toclink.active { color: currentColor; } } // Bootstrap 4 b/c .sr-only { @extend .visually-hidden; } PK .�.]*!�1 1 blocks/_frontend-edit.scssnu &1i� // Frontend Editing .btn.jmodedit { position: absolute; top: 0; right: 0; left: auto; z-index: 900; color: var(--cassiopeia-color-link); background-color: rgba(255,255,255,.5); border: 1px solid #58595a; border-radius: .25rem; } [dir="rtl"] .btn.jmodedit { right: auto; left: 0; } PK .�.]*���m m blocks/_icons.scssnu &1i� // Icons .#{$jicon-css-prefix}-white { color: $white; } .input-group-text { &::before { min-width: 16px; } } .tbody-icon { padding: 0 3px; text-align: center; background-color: transparent; border: 0; [class^="#{$jicon-css-prefix}-"], [class*=" #{$jicon-css-prefix}-"], [class^="#{$fa-css-prefix}-"], [class*=" #{$fa-css-prefix}-"] { width: 26px; height: 26px; font-size: 1.1rem; line-height: 22px; color: $gray-400; border: 2px solid var(--border); border-radius: 50%; } .#{$jicon-css-prefix}-publish, .#{$jicon-css-prefix}-check, .#{$fa-css-prefix}-check { color: $success; border-color: $success; } .#{$jicon-css-prefix}-checkedout, .#{$jicon-css-prefix}-lock, .#{$fa-css-prefix}-lock { width: auto; height: auto; font-size: 1.2rem; line-height: 1rem; color: $gray-700; border: 0; } &.home-disabled, &.featured-disabled, &.color-featured-disabled, &.#{$jicon-css-prefix}-star-disabled, &.#{$fa-css-prefix}-star-disabled { cursor: not-allowed; opacity: 1; } } .tbody-icon .icon-delete, .tbody-icon .fa-delete, .tbody-icon .icon-times, .tbody-icon .fa-times { color: $danger; border-color: $danger; } // WebAuthn .plg_system_webauthn_login_button svg { margin-inline-end: 2px; } .plg_system_webauthn_login_button svg path { fill: var(--black); } PK .�.]F�:�� � blocks/_tags.scssnu &1i� // Tags .tags { .list-inline-item { margin-bottom: .5rem; } a.btn { font-weight: 700; } } .tag { display: inline-block; padding: .5rem 0; } PK .�.]�d73l l blocks/_layout.scssnu &1i� // Layout .grid-child { display: flex; width: 100%; max-width: max-width(xxl); margin-right: auto; margin-left: auto; } .mod-custom { position: relative; } .container-topbar, .container-below-top { color: $white; a { color: currentColor; } } .container-banner { display: block; margin: 0 0 2rem; } .container-top-a, .container-top-b, .container-bottom-a, .container-bottom-b { position: relative; > * { flex: 1; margin: ($cassiopeia-grid-gutter / 2) 0; } @include media-breakpoint-down(lg) { flex-direction: column; > * { flex: 0 1 auto; } } } .container-component nav { position: relative; } .container-component, .container-sidebar-left, .container-sidebar-right { display: flex; flex: 1; flex-direction: column; > * { margin-bottom: 0; &:first-child { margin-top: $cassiopeia-grid-gutter; } } > * + * { margin-top: $cassiopeia-grid-gutter; } } .container-sidebar-left, .container-sidebar-right { flex: 0 0 auto; width: calc(100% - #{$cassiopeia-grid-gutter}); order: 1; @include media-breakpoint-up(md) { width: calc(25% - #{$cassiopeia-grid-gutter}); order: 0; } } .container-sidebar-left { .sidebar-left:first-child { margin-top: $cassiopeia-grid-gutter; } .sidebar-left:last-child { margin-bottom: $cassiopeia-grid-gutter; } } .container-sidebar-right { .sidebar-right:first-child { margin-top: $cassiopeia-grid-gutter; } .sidebar-right:last-child { margin-bottom: $cassiopeia-grid-gutter; } } .system-debug { display: block; } .options-form { width: 100%; padding: 1vw 2vw; margin-bottom: 1rem; color: #495057; background-color: $white; border: 1px solid #b2bfcd; > legend { float: none; width: auto; padding: 0 .5rem; font-weight: 700; color: #495057; background-color: $white; } } PK .�.] b�7G G blocks/_toolbar.scssnu &1i� .subhead { position: sticky; top: 0; right: 0; left: 0; z-index: $zindex-toolbar; width: auto; min-height: 43px; padding: 10px 0; color: #495057; //#0c192e; background: $white; box-shadow: -3px -2px 22px #ddd; .row { margin-right: 0; margin-left: 0; } &.noshadow { box-shadow: none; } joomla-toolbar-button, .btn-group { margin-inline-start: .75rem; &:first-child { margin-inline-start: 0; } } joomla-toolbar-button { .btn > span, .dropdown-item > span { margin-inline-end: .5rem; width: 1.25em; text-align: center; } } .btn { --subhead-btn-accent: #495057; padding: 0 1rem; margin: 5px 0; font-size: 1rem; line-height: 2.45rem; color: #495057; background: $white; border-color: $gray-500; > span { display: inline-block; color: var(--subhead-btn-accent); } &:not([disabled]):hover, &:not([disabled]):active, &:not([disabled]):focus { color: rgba(255, 255, 255, .9); background-color: var(--subhead-btn-accent); border-color: var(--subhead-btn-accent); > span { color: rgba(255, 255, 255, .9); } } &.btn-success { --subhead-btn-accent: var(--success); } &.btn-danger { --subhead-btn-accent: var(--danger); } &.btn-primary { --subhead-btn-accent: #2a69b8; } &.btn-secondary { --subhead-btn-accent: #001b4c; } &.btn-info { --subhead-btn-accent: #132f53; } &.btn-action { --subhead-btn-accent: #132f53; display: flex; align-items: center; &::after { width: 2.375rem; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; border: 0; } } &[disabled], &.dropdown-toggle[disabled] { --subhead-btn-accent: #132f53; background: rgba($gray-300, .8); opacity: .5; &:hover, &:active, &:focus { cursor: not-allowed; } } } .dropdown-toggle { &.btn { padding-inline-end: 0; } } .btn-group:not(:last-child) > .dropdown-toggle-split { order: 1; margin-inline-start: -$border-radius; [dir="ltr"] & { border-radius: 0 $border-radius $border-radius 0; } [dir="rtl"] & { border-radius: $border-radius 0 0 $border-radius; } } .dropdown-menu joomla-toolbar-button, .btn-group joomla-toolbar-button { margin-inline-start: 0; } } @include media-breakpoint-down(md) { joomla-tab[view=accordion] .col-md-9, joomla-tab[view=accordion] .col-md-3 { padding: .5rem 1rem !important; } #myTab { margin-top: 1rem; margin-bottom: 1.5rem; } joomla-tab[view=accordion] ul li { width: 100%; } .subhead { joomla-toolbar-button, .btn-group, .btn { width: 100%; margin-left: 0; text-align: left; } .btn-toolbar > .btn-group, .btn-toolbar > joomla-toolbar-button { margin-left: 0; } .btn.btn-action::after { text-align: center; margin-inline-start: auto; } .dropdown-toggle-split { width: auto; } } } // In Microsoft Edge, sticky positioning doesn't work when combined with dir "rtl" attribute @supports (-ms-ime-align: auto) { [dir=rtl] .subhead { position: relative; } } PK .�.]�C�`U U blocks/_legacy.scssnu &1i� // Legacy .left.item-image { float: left; } .right.item-image { float: right; } PK .�.]ك�@ blocks/_alerts.scssnu &1i� // Alerts .j-main-container { .alert { margin: .75rem; } } .alert-heading { font-size: $h4-font-size; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-1rem); } to { opacity: 1; transform: translateY(0); } } PK .�.]�p�ư � blocks/_back-to-top.scssnu &1i� /** * Back to Top */ .back-to-top-link { position: fixed; right: 1rem; bottom: 1rem; z-index: 10000; padding: $cassiopeia-grid-gutter/2; color: var(--cassiopeia-color-primary, $standard-color-primary); pointer-events: all; background-color: var(--white, $white); border: 1px solid var(--cassiopeia-color-primary, $standard-color-primary); border-radius: $border-radius; opacity: 0; transition: opacity 200ms ease-in; [dir=rtl] & { right: unset; left: 1rem; } &.visible { opacity: 1; } &:hover, &:focus { color: var(--white, $white); background-color: var(--cassiopeia-color-hover); border-color: var(--white, $white); } } PK .�.])[�r r blocks/_header.scssnu &1i� // Header .container-header { position: relative; z-index: 10; background-color: var(--cassiopeia-color-primary); background-image: $cassiopeia-header-grad; box-shadow: 0 5px 5px hsla(0, 0%, 0%, .03) inset; @include media-breakpoint-down(lg) { position: relative !important; } .grid-child { padding: ($cassiopeia-grid-gutter / 2); } nav { padding: 0; margin-top: $cassiopeia-grid-gutter / 2; } .site-description { font-size: 1rem; color: $white; white-space: normal; } .navbar-brand { position: relative; display: inline-block; margin-right: auto; font-size: 2rem; color: $white; [dir=rtl] & { margin-right: 0; margin-left: auto; } img { width: 18rem; min-width: 18rem; } a { color: $white; } &:hover, &:focus { color: scale-color($white, $lightness: -6%); } } .container-nav { flex-wrap: wrap; justify-content: space-between; padding-bottom: $cassiopeia-grid-gutter; @include media-breakpoint-down(md) { .container-search, nav { margin-top: $cassiopeia-grid-gutter; } } .container-search:only-child { margin-left: auto; } } .navbar-collapse { &.show { display: flex; flex-wrap: wrap; justify-content: space-between; } } .mod-menu { flex: 1 0 100%; padding: 0; margin: 0; color: $white; list-style: none; @include media-breakpoint-up(lg) { display: flex; flex: 1 1 0%; flex-direction: row; } > li { position: relative; @include media-breakpoint-up(lg) { + li { margin-left: 1.55em; } } > a, > span { position: relative; color: currentColor; text-decoration: none; } &::after { @include media-breakpoint-up(lg) { position: absolute; right: 50%; bottom: 0; left: 50%; display: block; height: 2px; margin: auto; content: ""; background: transparent; opacity: .2; transition: all .2s ease, background-color .2s ease; } } &.active::after, &:hover::after { right: 2px; left: 0; background: $white; } @include media-breakpoint-down(lg) { &.active > a, &.active > span, > a:hover { text-decoration: underline; } } } .parent { > ul { display: none; color: $gray-900; } } } @if $metismenu==true { .metismenu > li { + li { margin-left: 0; } > a::after, > button::before { @include media-breakpoint-up(lg) { position: absolute; right: 50%; bottom: 0; left: 50%; display: block; height: 2px; margin: auto; content: ""; background: transparent; opacity: .2; transition: all .2s ease, background-color .2s ease; } } > a:hover::after, > button:hover::before, &.active > a::after, &.active > button::before { right: 0; left: 0; background: $white; } > button.mm-toggler-link:hover::before, &.active > button.mm-toggler-link::before { right: 0; left: .5em; [dir="rtl"] & { right: .5em; left: 0; } } } .metismenu > li.level-1 { &.active > a, &.active > button, > a:hover, > button:hover { @include media-breakpoint-up(lg) { text-decoration: none; } } > ul { min-width: 12rem; } } } .navbar-toggler { color: $white; cursor: pointer; border: 1px solid $white; .fas { font-size: 1.5rem; } } .container-search { margin-top: $cassiopeia-grid-gutter / 2; } .mod-finder { position: relative; display: flex; flex: 1 0 20rem; max-width: 100%; > label { @include visually-hidden(); } } } PK .�.]rq�m m blocks/_form.scssnu &1i� // Form .form-control { max-width: $input-max-width; background-color: $white; &.input-xlarge { max-width: 21.875rem; } &.input-xxlarge { max-width: 34.375rem; } &.input-full { max-width: 100%; } } .spacer hr { width: 23.75rem; } .form-select { max-width: $input-max-width; } // Bootstrap 4 b/c on form-inline .form-inline .form-select { display: inline-block; width: auto; } @include media-breakpoint-down(lg) { .form-inline .form-select { width: 100%; } } td .form-control { display: inline-block; width: auto; } .checkboxes { padding-top: 5px; .checkbox input { position: static; margin-left: 0; } } .modal label { width: 100%; } // Validation .invalid { color: $danger; border-color: $danger; } .valid { border-color: $success; } .form-control-feedback { display: block; } // set up hidden tooltip [role="tooltip"]:not(.show) { right: 5em; z-index: $zindex-tooltip; display: none; max-width: 100%; padding: .5em; margin: .5em; color: $black; text-align: start; background: $white; border: 1px solid $gray-600; border-radius: $border-radius; box-shadow: 0 0 .5rem rgba(0, 0, 0, .8); &[id^=editarticle-] { right: auto; margin-inline-start: -10em; } &[id^=editcontact-] { right: auto; margin-inline-start: -10em; } } // reveal associated tooltip on focus :focus + [role="tooltip"], :hover + [role="tooltip"] { position: absolute; display: block; } [id="filter[search]-desc"] { bottom: 100%; } fieldset { margin-bottom: $cassiopeia-grid-gutter*2; + fieldset { margin-top: $cassiopeia-grid-gutter*2; } > * { margin-bottom: 0; } } .control-group { margin: $cassiopeia-grid-gutter 0; } .container-popup [id="filter[search]-desc"] { top: 100%; bottom: auto; } .com-users-login__options { margin-top: $cassiopeia-grid-gutter*2; } PK .�.]��� � # system/searchtools/searchtools.scssnu &1i� @import "../../tools/tools"; // Search tools .js-stools-container-bar { padding: 10px 20px; .btn-toolbar { justify-content: flex-end; > * { margin: 4px 0; margin-inline-end: 8px; } .js-stools-btn-clear { background-color: $cyan; border: 0; } } .ordering-select { display: flex; } } .js-stools-container-filters { display: none; padding: 0 20px; margin-bottom: 20px; &-visible { display: grid; grid-gap: 8px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); padding: 10px; background-color: $white; } > * { margin: 4px 0; margin-inline-end: 8px; } } .js-stools-field-list { + .js-stools-field-list { margin-inline-start: 8px; } } PK .�.]�fM� � / vendor/joomla-custom-elements/joomla-alert.scssnu &1i� @import "../../tools/tools"; @import "../../../../../media/vendor/joomla-custom-elements/css/joomla-alert.css"; // The following is a restyle for the system alerts #system-message-container { &:empty { display: none; margin-top: 0; } } #system-message-container joomla-alert { position: relative; display: flex; width: 100%; min-width: 16rem; padding: 0; margin-bottom: 0; color: var(--gray-dark); background-color: $white; border: 1px solid var(--alert-accent-color, transparent); border-radius: .25rem; transition: opacity .15s linear; + * { margin-top: 1rem; } .alert-heading { display: flex; flex-direction: column; justify-content: center; align-content: center; padding: .8rem; color: var(--alert-heading-text); background: var(--alert-accent-color, transparent); .message::before, .success::before { display: inline-block; width: 1em; height: 1em; content: ""; background-image: url('data:image/svg+xml;utf8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path fill="rgba(255, 255, 255, .95)" d="M1299 813l-422 422q-19 19-45 19t-45-19l-294-294q-19-19-19-45t19-45l102-102q19-19 45-19t45 19l147 147 275-275q19-19 45-19t45 19l102 102q19 19 19 45t-19 45zm141 83q0-148-73-273t-198-198-273-73-273 73-198 198-73 273 73 273 198 198 273 73 273-73 198-198 73-273zm224 0q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"/></svg>'); background-size: 100%; } .notice::before, .info::before { display: inline-block; width: 1em; height: 1em; content: ""; background-image: url('data:image/svg+xml;utf8,<svg width="1792" height="1792" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="rgba(255, 255, 255, .95)" d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"/></svg>'); background-size: 100%; } .warning::before { display: inline-block; width: 1em; height: 1em; content: ""; background-image: url('data:image/svg+xml;utf8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path fill="rgba(255, 255, 255, .95)" d="M1024 1375v-190q0-14-9.5-23.5t-22.5-9.5h-192q-13 0-22.5 9.5t-9.5 23.5v190q0 14 9.5 23.5t22.5 9.5h192q13 0 22.5-9.5t9.5-23.5zm-2-374l18-459q0-12-10-19-13-11-24-11h-220q-11 0-24 11-10 7-10 21l17 457q0 10 10 16.5t24 6.5h185q14 0 23.5-6.5t10.5-16.5zm-14-934l768 1408q35 63-2 126-17 29-46.5 46t-63.5 17h-1536q-34 0-63.5-17t-46.5-46q-37-63-2-126l768-1408q17-31 47-49t65-18 65 18 47 49z"/></svg>'); background-size: 100%; } .error::before, .danger::before { display: inline-block; width: 1em; height: 1em; content: ""; background-image: url('data:image/svg+xml;utf8,<svg width="1792" height="1792" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="rgba(255, 255, 255, .95)" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z"/></svg>'); background-size: 100%; } } .alert-wrapper { width: 100%; } .alert-link { color: var(--success, inherit); } &[type="success"], &[type="message"] { --alert-accent-color: var(--success); --alert-heading-text: hsla(0, 0%, 100%, .95); --alert-close-button: var(--success); background-color: $white; } &[type="info"], &[type="notice"] { --alert-accent-color: var(--info); --alert-heading-text: hsla(0, 0%, 100%, .95); --alert-close-button: var(--info); background-color: $white; } &[type="warning"] { --alert-accent-color: var(--warning); --alert-heading-text: hsla(0, 0%, 100%, .95); --alert-close-button: var(--warning); background-color: $white; } &[type="error"], &[type="danger"] { --alert-accent-color: var(--danger); --alert-heading-text: hsla(0, 0%, 100%, .95); --alert-close-button: var(--danger); background-color: $white; } .joomla-alert--close, .joomla-alert-button--close { position: absolute; top: 0; right: 0; padding: .2rem .8rem; font-size: 2rem; color: var(--alert-close-button); background: none; border: 0; opacity: 1; &:hover, &:focus { text-decoration: none; cursor: pointer; opacity: .75; } [dir=rtl] & { right: auto; left: 0; padding: .2rem .6rem; } } div { font-size: 1rem; .alert-message { padding: .3rem 2rem .3rem .3rem; margin: .5rem; [dir=rtl] & { padding: .3rem .3rem .3rem 2rem; } } .alert-message:not(:first-of-type) { border-top: 1px solid var(--alert-accent-color); } } } PK .�.]�n�bQ Q vendor/choicesjs/choices.scssnu &1i� @import "../../../../../media/vendor/bootstrap/scss/functions"; @import "../../../../../media/vendor/bootstrap/scss/variables"; @import "../../../../../media/vendor/bootstrap/scss/mixins"; // choices.js @import "../../../../../media/vendor/choicesjs/scss/choices"; // Cassiopea Variables, Functions and Mixins @import "../../tools/tools"; .choices { border: 0; border-radius: $border-radius; &:hover { cursor: pointer; } &.is-focused { box-shadow: $cassiopeia-input-focus-shadow; } } .choices__inner { padding: .4rem 1rem; margin-bottom: 0; font-size: 1rem; border: $input-border; border-radius: $border-radius; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); .is-focused & { border-color: #000; } } .choices__input { padding: 0; margin-bottom: 0; font-size: 1rem; background-color: transparent; &::-moz-placeholder { color: $gray-700; opacity: 1; } &::-webkit-input-placeholder { color: $gray-700; opacity: 1; } } .choices__list--dropdown { z-index: $zindex-popover; } .choices__list--multiple .choices__item { position: relative; margin: 2px; background-color: var(--cassiopeia-color-primary); margin-inline-end: 2px; border: 0; border-radius: $border-radius; &.is-highlighted { background-color: var(--cassiopeia-color-primary);; opacity: .9; } } .choices .choices__list--dropdown { .choices__item { padding-inline-end: 10px; } .choices__item--selectable::after { display: none; } } .choices__button_joomla { position: relative; padding: 0 10px; color: inherit; text-indent: -9999px; cursor: pointer; background: none; border: 0; opacity: .5; appearance: none; &::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; text-align: center; text-indent: 0; content: "\00d7"; } &:hover, &:focus { opacity: 1; } &:focus { outline: none; } } .choices[data-type*="select-one"], .choices[data-type*="select-multiple"] { .choices__inner { padding-inline-end: 3rem; cursor: pointer; background: url("../../../images/select-bg.svg") no-repeat 100%/116rem; background-color: $form-select-bg; [dir="rtl"] & { background: url("../../../images/select-bg-rtl.svg") no-repeat 0/116rem; background-color: $form-select-bg; } } } .choices[data-type*="select-one"] { .choices__item { display: flex; justify-content: space-between; } .choices__button_joomla { position: absolute; top: 50%; right: 0; width: 20px; height: 20px; padding: 0; margin-top: -10px; margin-right: 50px; border-radius: 10em; opacity: .5; [dir=rtl] & { right: auto; left: 0; margin-right: 0; margin-left: 50px; } &:hover, &:focus { opacity: 1; } &:focus { box-shadow: 0 0 0 2px #00bcd4; } } &::after { display: none; } } .choices[data-type*="select-multiple"], .choices[data-type*="text"] { .choices__input { padding: .2rem 0; } } .choices__heading { font-size: 1.2rem; } PK .�.] D�� � vendor/_awesomplete.scssnu &1i� // Awesomplete .mod-finder__search.input-group { flex-wrap: nowrap; .awesomplete { input { @include border-end-radius(0); } } button { display: flex; align-items: center; .icon-search { margin-inline-end: .2em; } } } .awesomplete { > input { max-width: 200px; @include media-breakpoint-up(lg) { max-width: none; } } > ul { z-index: $zindex-dropdown !important; } } PK .�.]p��(� � vendor/_dragula.scssnu &1i� // Dragula .gu-mirror { position: fixed !important; z-index: 9999 !important; margin: 0 !important; background-color: hsl(120, 73%, 75%); opacity: .8; &.table { display: table; td { display: table-cell; } } } PK .�.]-�o�� � vendor/_chosen.scssnu &1i� // Chosen $chosen-select-padding-y: $form-select-padding-y + .21; .chosen-container.chosen-container-single { max-width: $input-max-width; font-size: $font-size-base; .chosen-single { display: inline-block; $select-border-width: ($form-select-border-width * 2); height: #{$input-height}; padding: $chosen-select-padding-y ($form-select-padding-x + $form-select-indicator-padding) $chosen-select-padding-y $form-select-padding-x; line-height: 1.5; color: $form-select-color; vertical-align: middle; background: $form-select-bg $form-select-indicator no-repeat right $form-select-padding-x center; background-image: none \9; background-size: $form-select-bg-size; border: $form-select-border-width solid $form-select-border-color; box-shadow: none; appearance: none; @if $enable-rounded { border-radius: $form-select-border-radius; } @else { border-radius: 0; } abbr { top: 10px; } &:focus { @include box-shadow($form-select-focus-box-shadow); border-color: $form-select-focus-border-color; outline: none; } &:disabled { color: $form-select-disabled-color; cursor: not-allowed; background-color: $form-select-disabled-bg; } div b { background: none !important; } } .chosen-drop { background: $white; border: $form-select-border-width solid $form-select-border-color; } .chosen-results li { line-height: calc(#{$font-size-base} + .3rem); } &.chosen-container-active .chosen-single { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } .chosen-container.chosen-container-multi { .chosen-choices { max-width: $input-max-width; min-height: #{$input-height}; font-size: $font-size-base; line-height: $input-line-height; background-image: $white; li.search-choice { $chosen-multi-close-width: 20px; padding: 5px (13 + $chosen-multi-close-width) 5px 10px; color: $white; background: var(--primary); border: 0; box-shadow: $cassiopeia-box-shadow; @if $enable-rounded { border-radius: $form-select-border-radius; } @else { border-radius: 0; } .search-choice-close { top: 0; right: 0; width: $chosen-multi-close-width; height: 100%; background: hsla(0, 0%, 0%, .2); background-image: none !important; &::before { position: absolute; top: 6px; right: ($chosen-multi-close-width / 4); font-size: $font-size-base; color: $white; content: "\00d7"; } } } } } .chosen-container-active.chosen-with-drop .chosen-single { box-shadow: none; } // TEMPORARY .chosen-container-single { width: auto !important; } // END TEMPORARY .card .chosen-container.chosen-container-single { width: 100% !important; .chosen-single { width: 100% !important; } } PK .�.]�m�Z* * vendor/_tinymce.scssnu &1i� // TinyMCE .editor { .toggle-editor { margin-top: 1rem; } .mce-tinymce { border: 1px solid $card-border-color; @include border-radius($card-border-radius); } .mce-btn, .mce-panel { background: $card-bg-color-light; } } .tox { white-space: nowrap !important; } PK .�.] �2 vendor/bootstrap/_nav.scssnu &1i� // Tabs .nav.nav-tabs { padding: 0; margin: 0; background-color: $cassiopeia-tabs-header-bg; border: 1px solid $cassiopeia-border-color; border-bottom: 0; border-radius: $border-radius $border-radius 0 0; box-shadow: 0 1px $white inset, 0 2px 3px -3px hsla(0, 0%, 0%, .15), 0 -4px 0 hsla(0, 0%, 0%, .05) inset, $cassiopeia-box-shadow; .nav-item { margin-bottom: 0; margin-left: 0; &:first-of-type .nav-link { &.active { border-radius: $border-radius 0 0; box-shadow: -1px 0 1px -1px hsla(0, 0%, 0%, .06), inset -2px 0 1px -1px hsla(0, 0%, 0%, .08), inset 0 1px 0 hsla(0, 0%, 0%, .02); } } &:last-of-type .nav-link { box-shadow: -1px 0 0 hsla(0, 0%, 0%, .05), 1px 0 0 hsla(0, 0%, 0%, .05); &.active { box-shadow: inset 2px 0 1px -1px hsla(0, 0%, 0%, .08), inset -2px 0 1px -1px hsla(0, 0%, 0%, .08), inset 0 1px 0 hsla(0, 0%, 0%, .02); } } } .nav-link { position: relative; padding: .75em 1em; color: var(--cassiopeia-color-primary); border: 0; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: -1px 0 0 hsla(0, 0%, 0%, .05); &.active { background-color: $cassiopeia-tabs-active-bg; background-image: linear-gradient(to bottom, hsla(0, 0%, 0%,0), hsla(0, 0%, 0%, .05) 100%); border-right: 0; border-left: 0; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: inset 2px 0 1px -1px hsla(0, 0%, 0%, .08), inset -2px 0 1px -1px hsla(0, 0%, 0%, .08), inset 0 1px 0 hsla(0, 0%, 0%, .02); &::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 5px; content: ""; background-color: $cassiopeia-tabs-active-highlight; opacity: .8; } } } } .nav-tabs + .tab-content { padding: 15px; background: $white; border: 1px solid; border-color: $cassiopeia-border-color; border-radius: 0 0 $border-radius $border-radius; box-shadow: $cassiopeia-box-shadow; } PK .�.]{�O�` ` $ vendor/bootstrap/_bootstrap-rtl.scssnu &1i� // Bootstrap rtl overrides .float-start { float: right !important; } .float-end { float: left !important; } .modal-header { .btn-close { margin: -.5rem auto -.5rem -.5rem; } } .text-start { text-align: right !important; } .text-end { text-align: left !important; } .me-0 { margin-right: auto !important; margin-left: 0 !important; } .me-1 { margin-right: auto !important; margin-left: .25rem !important; } .me-2 { margin-right: auto !important; margin-left: .5rem !important; } .me-3 { margin-right: auto !important; margin-left: 1rem !important; } .me-4 { margin-right: auto !important; margin-left: 1.5rem !important; } .me-5 { margin-right: auto !important; margin-left: 3rem !important; } .me-auto { margin-right: 0 !important; margin-left: auto !important; } .ms-0 { margin-right: 0 !important; margin-left: auto !important; } .ms-1 { margin-right: .25rem !important; margin-left: auto !important; } .ms-2 { margin-right: .5rem !important; margin-left: auto !important; } .ms-3 { margin-right: 1rem !important; margin-left: auto !important; } .ms-4 { margin-right: 1.5rem !important; margin-left: auto !important; } .ms-5 { margin-right: 3rem !important; margin-left: auto !important; } .ms-auto { margin-right: auto !important; margin-left: 0 !important; } .pe-0 { padding-right: 0 !important; padding-left: 0 !important; } .pe-1 { padding-right: 0 !important; padding-left: .25rem !important; } .pe-2 { padding-right: 0 !important; padding-left: .5rem !important; } .pe-3 { padding-right: 0 !important; padding-left: 1rem !important; } .pe-4 { padding-right: 0 !important; padding-left: 1.5rem !important; } .pe-5 { padding-right: 0 !important; padding-left: 3rem !important; } .ps-0 { padding-right: 0 !important; padding-left: 0 !important; } .ps-1 { padding-right: .25rem !important; padding-left: 0 !important; } .ps-2 { padding-right: .5rem !important; padding-left: 0 !important; } .ps-3 { padding-right: 1rem !important; padding-left: 0 !important; } .ps-4 { padding-right: 1.5rem !important; padding-left: 0 !important; } .ps-5 { padding-right: 3rem !important; padding-left: 0 !important; } .input-group { &:not(.has-validation) { > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), > .dropdown-toggle:nth-last-child(n + 3) { @include border-end-radius($border-radius); } } &.has-validation { > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), > .dropdown-toggle:nth-last-child(n + 4) { @include border-end-radius(0); } } $validation-messages: ""; @each $state in map-keys($form-validation-states) { $validation-messages: $validation-messages + ":not(." + unquote($state) + "-tooltip)" + ":not(." + unquote($state) + "-feedback)"; } > :not(:first-child):not(.dropdown-menu)#{$validation-messages} { margin-left: -$input-border-width; @include border-start-radius(0); @include border-end-radius(0); } > :last-child:not(.dropdown-menu)#{$validation-messages} { margin-left: -$input-border-width; @include border-start-radius($border-radius); @include border-end-radius(0); } } .breadcrumb-item { // The separator between breadcrumbs (by default, a forward-slash: "/") + .breadcrumb-item { padding-right: $breadcrumb-item-padding-x; padding-left: 0 !important; &::before { float: right; // Suppress inline spacings and underlining of the separator padding-right: 0 !important; padding-left: $breadcrumb-item-padding-x; color: $breadcrumb-divider-color; content: var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider)) #{"/* rtl:"} var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider-flipped)) #{"*/"}; } } &.active { color: $breadcrumb-active-color; } } PK .�.]I�Ԙ| | vendor/bootstrap/_lists.scssnu &1i� // Lists .list-group-item { background-color: $list-group-bg; } .list-unstyled .list-unstyled { padding-left: 20px; } PK .�.]����/ / ! vendor/bootstrap/_pagination.scssnu &1i� // Pagination .pagination { margin: 1rem; } PK .�.]�)Ѹ� � vendor/bootstrap/_modal.scssnu &1i� // Modal .jviewport-height { &10 { height: 10vh; } &20 { height: 20vh; } &30 { height: 30vh; } &40 { height: 40vh; } &50 { height: 50vh; } &60 { height: 60vh; } &70 { height: 70vh; } &80 { height: 80vh; } &90 { height: 90vh; } &100 { height: 100vh; } } [class*=jviewport-height] iframe { height: 100%; } .modal-dialog.jviewport-width { &10 { width: 10vw; max-width: none; } &20 { width: 20vw; max-width: none; } &30 { width: 30vw; max-width: none; } &40 { width: 40vw; max-width: none; } &50 { width: 50vw; max-width: none; } &60 { width: 60vw; max-width: none; } &70 { width: 70vw; max-width: none; } &80 { width: 80vw; max-width: none; } &90 { width: 90vw; max-width: none; } &100 { width: 100vw; max-width: none; } } PK .�.]us��� � vendor/bootstrap/_dropdown.scssnu &1i� // Dropdown .dropdown-menu { padding: .2rem 0; margin-top: .5rem; background-color: $white; border-color: $cassiopeia-border-color; } .dropdown-menu-end { &::after { right: .9rem; left: auto; } } PK .�.]�bѓ� � vendor/bootstrap/_forms.scssnu &1i� .field-media-wrapper { display: block; width: 100%; max-width: calc(50vw - 5rem); .field-media-preview { width: 100%; max-width: none; } @include media-breakpoint-down(lg) { min-width: 100%; } } PK .�.]���nJ J vendor/bootstrap/_buttons.scssnu &1i� // Buttons .btn:focus, .btn.focus, .btn:active:focus, .btn.focus:active, .btn.active:focus, .btn.active.focus { text-decoration: none; } .btn.group-move { cursor: move; } .btn-secondary { color: $gray-800; background-color: $white; border-color: $gray-400; &:hover, &:focus { color: $gray-800; background-color: $gray-100; } } .article-info .association, .cat-list-association { .btn-secondary { font-weight: 700; color: $white; background-color: $gray-600; border-color: $gray-400; &:hover, &:focus { color: $white; background-color: $gray-800; } } .btn-sm { padding: 0 .25rem; font-size: .8rem; border-radius: .2rem; } } @include media-breakpoint-down(lg) { .btn { margin-bottom: .25rem; } .input-group .btn { margin-bottom: 0; } } PK .�.]��S�� � vendor/bootstrap/_table.scssnu &1i� // Table .table { th { font-weight: 500; } thead th { white-space: nowrap; border-bottom-width: 1px; } th, td { vertical-align: middle; label { margin-bottom: 0; } } } PK .�.]��� vendor/bootstrap/_collapse.scssnu &1i� // Collapse .accordion { .card-header { display: block; font-size: $h5-font-size; font-weight: var(--cassiopeia-font-weight-headings, $font-weight-bold); line-height: $headings-line-height; } .list-group-item { color: $link-color; } } PK .�.]� ��� � # vendor/bootstrap/_custom-forms.scssnu &1i� // Custom Forms .custom-select { @extend .form-select; } .form-select { max-width: $input-max-width; cursor: pointer; background: $form-select-background; background-color: $form-select-bg; border: $input-border; // var needed box-shadow: $input-box-shadow; &:focus { border-color: #000; box-shadow: $cassiopeia-input-focus-shadow; } [dir=rtl] & { padding: $form-select-padding-y $form-select-padding-x $form-select-padding-y ($form-select-padding-x + $form-select-indicator-padding); background: $form-select-background-rtl; background-color: $form-select-bg; } &[multiple] { padding: 0; background-color: $white; option { padding: $form-select-multiple-padding-y $form-select-padding-x; background-color: $white; &:checked { color: $white; background-color: var(--cassiopeia-color-primary) !important; } } } &.form-select-success, &.custom-select-success { color: $success; background-color: $success; option { color: $form-select-color; background-color: $white; } } &.form-select-danger, &.custom-select-danger { color: $danger; background-color: $danger; option { color: $form-select-color; background-color: $white; } } optgroup, option { color: var(--dark); background-color: $white; } } // Backwards compat with BS4 .form-group { @extend .mb-3; } PK .�.]G(w� � vendor/_minicolors.scssnu &1i� // Minicolours .minicolors-theme-bootstrap { .minicolors-input { width: 120px; } .rgb { width: 175px; } .rgba { width: 220px; } } PK .�.]���F F vendor/metismenu/_metismenu.scssnu &1i� @if $metismenu==true { .metismenu { &.menu-horizontal { flex: 1 0 100%; padding: 0; margin: 0; list-style: none; @include media-breakpoint-up(lg) { display: flex; flex: 1 1 0%; flex-direction: row; } > li { position: relative; } .level-1 { > ul { min-width: 12rem; } } } &.mod-menu { margin: 0; .metismenu-item { display: flex; flex-wrap: wrap; align-items: center; padding: ($cassiopeia-grid-gutter/2) $cassiopeia-grid-gutter; font-size: 1.1rem; line-height: 1.5; &.parent { position: relative; } > ul { position: absolute; top: 100%; z-index: 1001; display: block; padding: 0; list-style: none; box-shadow: 0 0 .5em hsla(0, 0%, 0%, .1); } > span, > a, > button { overflow: hidden; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } > a:focus, > button:focus { outline: 1px dotted $gray-400; outline-offset: 2px; } &.active > a, &.active > button, > a:hover, > button:hover { text-decoration: underline; } &::after { content: none; } &:not(.level-1) > ul, &:not(.level-2) > ul { margin-right: -1em; [dir="rtl"] & { margin-right: 0; margin-left: -1em; } } &.divider:not(.parent) { width: 1px; padding: 0; margin: .25em; overflow: hidden; border-right: 1px solid $gray-400; @include media-breakpoint-down(lg) { width: auto; height: 1px; border-bottom: 1px solid $gray-400; } } } .mm-collapsing { height: 0; overflow: hidden; transition-timing-function: ease; transition-duration: .35s; transition-property: color, background-color, height, visibility; } .mm-collapse { position: absolute; background-color: hsl(0, 0%, 100%); box-shadow: $cassiopeia-box-shadow; &:not(.mm-show) { display: none; } > li { > a { display: inline-flex; } &.divider:not(.parent) { width: auto; height: 1px; border-bottom: 1px solid $gray-400; } } > li.parent { .mm-toggler { display: inline-flex; } > ul { position: relative; top: 0; flex-basis: calc(100% + #{$cassiopeia-grid-gutter}); margin-top: ($cassiopeia-grid-gutter/2); margin-bottom: ($cassiopeia-grid-gutter/-2); background-color: hsla(0, 0%, 0%, .03); box-shadow: none; } } } .mm-toggler { position: relative; display: flex; align-items: center; height: 100%; padding: 0; color: currentColor; user-select: none; background: none; border: none; box-shadow: none; &:after { width: 0; height: 0; margin: 0 0 0 .5em; content: ""; border-top: .5em solid currentColor; border-right: .5em solid transparent; border-left: .5em solid transparent; transition: all .3s ease-out; [dir="rtl"] & { margin: 0 .5em 0 0; } @at-root .mm-active > & { transform: rotateX(-180deg); } } &[aria-expanded="true"]:after { transform: rotateX(-180deg); } } .parent { > ul { color: $gray-900; } } } } .sidebar-right, .sidebar-left { .metismenu { .mm-collapse { position: relative; background-color: hsla(0, 0%, 0%, .03); } li.parent { > ul { position: relative; top: 0; box-shadow: none; @include media-breakpoint-down(xl) { width: 100%; } } } .metismenu-item { > span, > a { white-space: inherit; } &.divider:not(.parent) { width: auto; height: 1px; border-bottom: 1px solid $gray-400; } } } } } PK .�.]��Z�� � tools/_tools.scssnu &1i� // Vendor @import "../../../../media/vendor/bootstrap/scss/functions"; // Variables @import "variables/variables"; // Functions @import "functions/max-width"; PK .�.]�/ �./ ./ tools/variables/_variables.scssnu &1i� // Global $cassiopeia-container-main-bg: hsl(0, 0%, 95%) !default; $cassiopeia-border-color: hsl(210, 14%, 89%) !default; $cassiopeia-box-shadow: 1px 1px 4px hsla(0, 0%, 0%, .1) !default; $cassiopeia-block-header-bg: hsl(0, 0%, 96%) !default; $cassiopeia-header-grad: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%); $cassiopeia-header-grad-rtl: linear-gradient(135deg, var(--cassiopeia-color-hover) 0%, var(--cassiopeia-color-primary) 100%); $cassiopeia-inverted-text-color: var(--cassiopeia-color-hover); // Remove prefix added in BS5 for compat with Joomla beta's shipped with Betas $variable-prefix: ""; // Color system // Standard $standard-color-primary: hsl(220, 67%, 20%); $standard-color-link: hsl(220, 67%, 40%); $standard-color-hover: hsl(242, 30%, 36%); // Alternative $alternative-color-primary: hsl(351, 54%, 37%); $alternative-color-link: hsl(207, 49%, 37%); $alternative-color-hover: hsl(351, 33%, 44%); $white: hsl(0, 0%, 100%); $gray-100: hsl(210, 17%, 98%); $gray-200: hsl(210, 16%, 93%); $gray-300: hsl(210, 14%, 89%); $gray-400: hsl(210, 14%, 83%); $gray-500: hsl(210, 11%, 71%); $gray-600: hsl(210, 7%, 46%); $gray-700: hsl(210, 9%, 31%); $gray-800: hsl(210, 10%, 23%); $gray-900: hsl(210, 11%, 15%); $black: hsl(0, 0%, 0%); $grays: ( 100: $gray-100, 200: $gray-200, 300: $gray-300, 400: $gray-400, 500: $gray-500, 600: $gray-600, 700: $gray-700, 800: $gray-800, 900: $gray-900 ); $blue: hsl(240, 98%, 17%); $indigo: hsl(263, 90%, 51%); $purple: hsl(261, 51%, 51%); $pink: hsl(332, 79%, 58%); $red: hsl(3, 75%, 37%); $orange: hsl(27, 98%, 54%); $yellow: hsl(34, 100%, 34%); $green: hsl(120, 32%, 39%); $teal: hsl(194, 66%, 61%); $cyan: hsl(207, 49%, 37%); $colors: ( "blue": $blue, "indigo": $indigo, "purple": $purple, "pink": $pink, "red": $red, "orange": $orange, "yellow": $yellow, "green": $green, "teal": $teal, "cyan": $cyan, "white": $white ); $primary: var(--cassiopeia-color-primary); $primaryBS: $blue; $secondary: $gray-600; $success: $green; $info: $cyan; $warning: $yellow; $danger: $red; $light: $gray-100; $dark: $gray-800; $theme-colors: ( primary: $primaryBS, secondary: $secondary, success: $success, info: $info, warning: $warning, danger: $danger, light: $light, dark: $dark ); $colors: ( card-bg: rgba(255, 255, 255, .7), bluegray: #b2bfcd, lightbluegray: #f6f9fc, toolbar-bg: $white, success-border: var(--success), info-border: var(--info), warning-border: var(--warning), danger-border: var(--danger), border: $gray-400, "white": $white, // the key here must be in quotes to avoid scss compilation warnings. white-offset: #fefefe, focus: #39f, focus-shadow: 0 0 0 .2rem #eaeaea, toggle-color: $white, //used in sidebar template-sidebar-bg: var(--template-bg-dark-80), template-sidebar-font-color: $white, template-sidebar-link-color: $white, template-bg-light: #f0f4fb, //light background color, frontend dashboard background template-text-light: $white, template-special-color: #132f53, template-link-color: #2a69b8, template-link-hover-color: darken(#2a69b8, 20%), template-contrast: #2a69b8, template-bg-dark: hsl(var(--hue), 40%, 20%), template-bg-dark-3: hsl(var(--hue), 40%, 97%), template-bg-dark-5: hsl(var(--hue), 40%, 95%), template-bg-dark-7: hsl(var(--hue), 40%, 93%), template-bg-dark-10: hsl(var(--hue), 40%, 90%), template-bg-dark-15: hsl(var(--hue), 40%, 85%), template-bg-dark-20: hsl(var(--hue), 40%, 80%), template-bg-dark-30: hsl(var(--hue), 40%, 70%), template-bg-dark-40: hsl(var(--hue), 40%, 60%), template-bg-dark-50: hsl(var(--hue), 40%, 50%), template-bg-dark-60: hsl(var(--hue), 40%, 40%), template-bg-dark-65: hsl(var(--hue), 40%, 35%), template-bg-dark-70: hsl(var(--hue), 40%, 30%), template-bg-dark-75: hsl(var(--hue), 40%, 25%), template-bg-dark-80: hsl(var(--hue), 40%, 20%), template-bg-dark-90: hsl(var(--hue), 40%, 10%) ); // Links $link-color: var(--cassiopeia-color-link); $link-hover-color: var(--cassiopeia-color-hover); // Breadcrumbs $breadcrumb-active-color: $gray-700; // Grid columns $grid-gutter-width: 1em !default; $cassiopeia-grid-gutter: $grid-gutter-width; // Components $fa-font-path: "../../../media/vendor/fontawesome-free/webfonts"; // Treeselect $treeselect-line-height: 2.2rem; // MetisMenu $metismenu: true !default; // Toolbar $cassiopeia-toolbar-line-height: 1.8rem; // Typography $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default; $font-family-base: var(--cassiopeia-font-family-body, $font-family-sans-serif); // Icons $jicon-css-prefix: icon !default; $fa-css-prefix: fa !default; // Tables $table-bg-scale: -80% !default; // This should be the same as bootstrap's default. But we override primary colour from $primary (which is a CSS Var) // to the SCSS variable matching $table-variants: ( "primary": shift-color($standard-color-primary, $table-bg-scale), "secondary": shift-color($secondary, $table-bg-scale), "success": shift-color($success, $table-bg-scale), "info": shift-color($info, $table-bg-scale), "warning": shift-color($warning, $table-bg-scale), "danger": shift-color($danger, $table-bg-scale), "light": $light, "dark": $dark, ); // Forms $input-padding: .6rem 1rem; $input-border: solid 1px $gray-400; $input-btn-padding-y: .6rem; $input-btn-padding-x: 1rem; $input-max-width: 100%; $input-focus-border-color: tint-color($standard-color-primary, 50%); $cassiopeia-input-focus-shadow: 0 0 0 .2rem hsla(0, 0%, 0%, .1); $form-select-indicator-padding: 3rem; $form-select-bg: $gray-200; $form-select-bg-size: 116rem; $form-select-bg-size-sm: 75rem; $form-select-indicator: url("../images/select-bg.svg"); $form-select-indicator-rtl: url("../images/select-bg-rtl.svg"); $form-select-indicator-active: url("../../../images/select-bg.svg"); $form-select-indicator-active-rtl: url("../../../images/select-bg-rtl.svg"); $form-select-background: $form-select-indicator no-repeat right center / $form-select-bg-size; // Used so we can have multiple background elements (e.g., arrow and feedback icon) $form-select-background-rtl: $form-select-indicator-rtl no-repeat left center / $form-select-bg-size; // Used so we can have multiple background elements (e.g., arrow and feedback icon) $form-select-multiple-padding-y: .3rem; $form-range-thumb-active-bg: tint-color($standard-color-primary, 70%); // Z-index master list $zindex-negative: -1; $zindex-actions: auto; $zindex-toolbar: 1000; $zindex-sidebar: 1010; $zindex-header: 1020; $zindex-alerts: 1030; $zindex-modal-backdrop: 1040; $zindex-modal: 1050; $zindex-popover: 1060; $zindex-tooltip: 1070; $zindex-mobile-bottom: 8000; $zindex-mobile-toggle: 9999; $zindex-mobile-menu: 9000; // Navs $nav-link-padding-y: .5rem; // Navs $cassiopeia-tabs-header-bg: $cassiopeia-block-header-bg; $cassiopeia-tabs-active-bg: hsla(0, 0%, 0%, .3); $cassiopeia-tabs-active-highlight: $primaryBS; // Navbar $nav-link-height: 1.5rem + $nav-link-padding-y * 2; // Cards $cassiopeia-card-title-bg: $cassiopeia-block-header-bg; $cassiopeia-card-title-icon-bg: $cassiopeia-block-header-bg; $cassiopeia-card-title-icon-bg-hover: scale-color($cassiopeia-card-title-bg, $lightness: 2%); $card-bg-color-light: $gray-100; $card-bg-color-dark: var(--cassiopeia-color-primary); $card-border-color: $cassiopeia-border-color; // Badges $badge-default-bg: $gray-600; // Modals $modal-header-height: 3rem; // Accordion $accordion-button-active-bg: tint-color($standard-color-primary, 90%); $accordion-button-active-color: shade-color($standard-color-primary, 10%); // Alerts $state-success-text: $white !default; $state-success-bg: $success !default; $state-success-border: scale-color($success, $lightness: -5%) !default; $state-info-text: $white !default; $state-info-bg: $info !default; $state-info-border: scale-color($info, $lightness: -7%) !default; $state-warning-text: $white !default; $state-warning-bg: $warning !default; $state-warning-border: scale-color($warning, $lightness: -5%) !default; $state-danger-text: $white !default; $state-danger-bg: $danger !default; $state-danger-border: scale-color($danger, $lightness: -5%) !default; // Mark element $mark-bg: #fbeea8 !default; PK .�.]��)Wn n tools/functions/_max-width.scssnu &1i� // Retrieve the max-width @function max-width($key: "md") { @return map-get($container-max-widths, $key); } PK .�.]�~��% % template.scssnu &1i� // Bootstrap functions @import "../../../media/vendor/bootstrap/scss/functions"; // Variables, Functions and Mixins @import "tools/tools"; // Bootstrap @import "../../../media/vendor/bootstrap/scss/variables"; @import "../../../media/vendor/bootstrap/scss/bootstrap"; // jQuery Minicolors @import "../../../media/system/scss/jquery-minicolors"; // Blocks @import "blocks/global"; // Leave this first @import "blocks/alerts"; @import "blocks/back-to-top"; @import "blocks/banner"; @import "blocks/footer"; @import "blocks/form"; @import "blocks/frontend-edit"; @import "blocks/header"; @import "blocks/icons"; @import "blocks/iframe"; @import "blocks/layout"; @import "blocks/modals"; @import "blocks/modifiers"; @import "blocks/utilities"; @import "blocks/toolbar"; @import "blocks/legacy"; @import "blocks/tags"; @import "blocks/css-grid"; // Last to allow fallback // Vendor overrides @import "vendor/awesomplete"; @import "vendor/bootstrap/buttons"; @import "vendor/bootstrap/custom-forms"; @import "vendor/bootstrap/collapse"; @import "vendor/bootstrap/dropdown"; @import "vendor/bootstrap/forms"; @import "vendor/bootstrap/lists"; @import "vendor/bootstrap/modal"; @import "vendor/bootstrap/nav"; @import "vendor/bootstrap/pagination"; @import "vendor/bootstrap/table"; @import "vendor/chosen"; @import "vendor/dragula"; @import "vendor/metismenu/metismenu"; @import "vendor/minicolors"; @import "vendor/tinymce"; // Chosen (TEMPORARY) .chzn-container-single { width: auto !important; } .chzn-container-multi { width: 100% !important; max-width: 240px; } PK 3�.]ϣ�Ce e media-manager.scssnu &1i� // Imports @import "variables"; // Components @import "components/animations"; @import "components/layout"; @import "components/media-breadcrumb"; @import "components/media-browser"; @import "components/media-edit"; @import "components/media-infobar"; @import "components/media-toolbar"; @import "components/media-tree"; @import "components/media-modal"; PK 3�.]M'�N N _variables.scssnu &1i� // Defaults $gutter-width: 15px; $highlight-color: #2a69b8; $border-color: var(--template-bg-dark-7); $border-radius: .25rem; // Layout $col-main-panel-width: 83.3333%; $col-side-panel-width: 16.6667%; $col-gutter-width: $gutter-width; $col-box-shadow: 0 2px 10px -8px var(--template-bg-dark-50); // Sidebar $sidebar-drive-bg: #fff; $sidebar-tree-line-color: $border-color; $sidebar-tree-icon-color: #aaa; $sidebar-tree-line-height: 26px; $sidebar-tree-folder-icon: "\f07b"; $sidebar-tree-item-hover-bg: #e1e1e1; $sidebar-active-icon-color: $highlight-color; // Toolbar $toolbar-height: 46px; $toolbar-bg: #fff; $toolbar-icon-width: 50px; $toolbar-icon-color: lighten(#2a69b8,30%); $toolbar-icon-bg-hover: #f0f0f0; $toolbar-loader-color: linear-gradient(to right, #59afff 0, #59daff 100%); $toolbar-loader-height: 2px; // Breadcrumbs $breadcrumbs-bg: var(--template-bg-dark-3); $breadcrumbs-current-bg: #fff; // Media Browser Grid $grid-gutter-width: $col-gutter-width; $grid-outside-padding: $col-gutter-width; $grid-item-hover-color: rgba(#000, .5); $grid-item-border-radius: $border-radius; $grid-item-icon-size: 1.3rem; $grid-item-icon-color: #fff; $grid-item-icon-bg-color: rgba(0,0,0,.8); $grid-item-icon-color-hover: rgba(0,0,0,.8); $grid-item-icon-bg-color-hover: #fff; $grid-item-icon-warning-icon-bg: #d9534f; $grid-item-no-preview-bg: #f5f5f5; $grid-item-width-sm: 12.5%; $grid-item-width-md: 16.666%; $grid-item-width-lg: 25%; $grid-item-width-xl: 50%; // Media Browser Table $table-item-height: 30px; $table-item-icon-size: 1.2rem; $table-item-icon-color: #656565; $table-item-icon-bg: rgba(0, 0, 0, .015); $table-item-icon-color-selected: #fff; $table-item-icon-bg-selected: #006898; $table-item-bg-hover: rgba(0, 0, 0, .03); // Media Info bar $info-bg: var(--template-bg-dark-3); $info-title-bg: var(--template-bg-dark-5); $info-dt-width: 33.33333%; $info-dd-width: 66.66667%; $info-close-color: var(--template-bg-dark-60); $info-close-color-hover: var(--template-bg-dark-40); // Table Icon Mapping $icon-type-default: "\f016"; $icon-type-folder: "\f07b"; $icon-type-images: "\f1c5"; $icon-type-video: "\f1c8"; $icon-type-audio: "\f1c7"; $icon-type-docs: "\f1c1"; $icon-type-code: "\f1c9"; // Drag n Drop Upload $dnd-bg: rgba(245, 245, 245, .8); $dnd-icon-color: #1c3d5c; $dnd-border: 3px dashed #999; // Modal $modal-backdrop-color: rgba(0, 0, 0, .7); $modal-box-shadow: 0 0 10px rgba(0, 0, 0, .5); $modal-preview-text-color: #fff; PK 3�.]�r?�� � ! components/_media-breadcrumb.scssnu &1i� .media-breadcrumb { display: flex; padding: 0; margin: 0 auto 0 0; font-size: .9rem; line-height: $toolbar-height; background: transparent; border-left: 1px solid $border-color; ol { display: flex; padding: 0; margin: 0; list-style: outside none none; > li > a { cursor: pointer; } } } .media-breadcrumb-item { padding: 0 8px 0 22px; background-color: $breadcrumbs-bg; &:first-of-type { padding-left: 16px; } &:last-of-type { background-color: $breadcrumbs-current-bg; &::after { border-left-color: $breadcrumbs-current-bg; } } &:hover { color: $highlight-color; } } .media-breadcrumb-item { position: relative; &::before, &::after { position: absolute; top: 0; bottom: 0; left: 100%; z-index: 2; display: block; width: 0; height: 0; margin: auto; content: "" !important; border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-left: 10px solid transparent; } &::before { border-left-color: $border-color; } &::after { border-left-color: $breadcrumbs-bg; } } .breadcrumb-item + .breadcrumb-item::before { display: none; } // RTL override html[dir=rtl] .media-breadcrumb { margin: 0 0 0 auto; } html[dir=rtl] .media-breadcrumb-item::after, .media-breadcrumb-item::before { right: 100%; border-right: 10px solid transparent; border-left: 0; } html[dir=rtl] .media-breadcrumb-item { padding: 0 22px 0 8px; } html[dir=rtl] .media-breadcrumb-item::before { border-right-color: #fafafa; } html[dir=rtl] .media-breadcrumb-item:first-of-type { padding-right: 16px; padding-left: 0; } html[dir=rtl] .media-breadcrumb-item:last-of-type::after { border-right: 10px solid #fff; } PK 3�.]9lq�� � components/_media-toolbar.scssnu &1i� .media-toolbar { position: relative; display: flex; flex-wrap: wrap; padding: 0; background-color: $toolbar-bg; border-bottom: 1px solid $border-color; border-inline-start: 1px solid $border-color; border-radius: $border-radius $border-radius 0 0; box-shadow: 0 -1px 0 0 $border-color; input { padding: .3rem .75rem; } &-icon { display: inline-block; width: $toolbar-icon-width; font-size: 1.3rem; line-height: $toolbar-height; color: var(--atum-bg-dark-60); text-align: center; background-color: transparent; border: 0; border-inline-start: 1px solid $border-color; box-shadow: 1px 0 #fefefe inset; &:hover { background-color: $toolbar-icon-bg-hover; box-shadow: none; } } &-select-all { width: 1rem; margin: 1rem; } } .media-view-icons { display: flex; .disabled { span { opacity: .3; } &:hover, span:hover { cursor: default; } } } .media-view-search-input { display: flex; align-items: center; padding: 0 5px; } .media-loader { position: absolute; right: 100%; bottom: 0; left: 0; z-index: 10; height: $toolbar-loader-height; background-image: $toolbar-loader-color; animation: 10s ease 0s normal none 1 running mediaLoader; animation-fill-mode: forwards; } @keyframes mediaLoader { from { right: 100%; } to { right: 0; } } PK 3�.]�r�% components/_media-edit.scssnu &1i� .media-form { joomla-tab > joomla-tab-element { padding: 0; &[active] { display: grid; } } joomla-tab-element { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); > fieldset { padding: 2rem; &.options-form { border: none; } legend { float: left; } } } .cropper-modal, .cropper-bg { background: none; } .control-group { .control-label { width: 100%; } } .input-group-addon { font-size: .9rem; } .spacer hr { width: 100%; } .form-select { min-width: 100%; } } .media-manager-edit { grid-column-start: 2; grid-column-end: 5; background-color: #fff; background-image: linear-gradient(45deg,hsl(var(--hue), 20%, 97%) 25%,transparent 0,transparent 75%,#fafafa 0,hsl(var(--hue),20%,97%)),linear-gradient(45deg,#fafafa 25%,transparent 0,transparent 75%,hsl(var(--hue), 20%, 97%) 0,hsl(var(--hue), 20%, 97%)); background-position: 0 0,10px 10px; background-size: 20px 20px; border-left: 1px solid var(--template-bg-dark-7); > div > img { padding: 0; } &, > *:not(.hidden) { display: flex; align-items: center; justify-content: center; } } .tab-pane { background-color: #fafafa; border-left: 1px solid #f0f0f0; } PK 3�.]��~ components/_media-modal.scssnu &1i� .media-modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1049; display: table; width: 100%; height: 100%; background-color: $modal-backdrop-color; .modal { display: flex; align-items: center; justify-content: center; animation: .5s ease 0s normal none 1 running fadeIn; } .modal-body { width: auto; padding: 15px; } .modal-content { box-shadow: $modal-box-shadow; } } .media-preview-modal { color: $modal-preview-text-color; .modal { display: grid !important; align-items: center !important; justify-content: center !important; } .modal-content { display: flex; flex-direction: column; align-items: flex-start; background-color: transparent; border: 0; box-shadow: none; } .modal-header { padding: 0; border: 0; } .modal-body { padding: 0; background-color: #fff; box-shadow: $modal-box-shadow; img { max-width: 200%; } } .modal-footer { display: none; } } .media-preview-close { position: absolute; top: -2rem; right: 0; font-size: 2rem; color: inherit; background: none; border: 0; opacity: .7; &:hover { cursor: pointer; opacity: 1; } } @media (min-width: 576px) { .media-preview-modal { .modal-dialog { max-width: unset !important; } } } @keyframes fadeInUp { from { opacity: 0; transition: transform .3s ease-out; transform: translate(0, -25%); } to { opacity: 1; transform: none; } } PK 3�.];� j� � components/_media-infobar.scssnu &1i� $jicon-css-prefix: icon; $fa-css-prefix: fa; .media-infobar { position: absolute; top: ($toolbar-height + 1px); right: 0; bottom: 0; z-index: 4; float: none; width: 25%; padding: $gutter-width; overflow-y: auto; background-color: $info-bg; border-inline-start: 1px solid $border-color; h2 { padding: 8px ($gutter-width + 15px) 8px ($gutter-width - 5px); margin: (-$gutter-width) (-$gutter-width) $gutter-width; font-weight: normal; word-wrap: break-word; background-color: $info-title-bg; border-bottom: 1px solid #eee; } dl { display: flex; flex-wrap: wrap; margin-right: -($col-gutter-width / 2); margin-left: -($col-gutter-width / 2); } dt, dd { position: relative; width: 100%; min-height: 1px; padding-right: ($col-gutter-width / 2); padding-left: ($col-gutter-width / 2); } dt { font-weight: normal; color: rgba(0, 0, 0, .54); } } .infobar-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 5px $gutter-width; font-size: 2.6rem; line-height: 2rem; color: $info-close-color; text-indent: 0; text-shadow: none; &:hover { color: $info-close-color-hover; cursor: pointer; } } [class^="#{$jicon-css-prefix}-"], [class*=" #{$jicon-css-prefix}-"], [class^="#{$fa-css-prefix}-"], [class*=" #{$fa-css-prefix}-"] { &.placeholder-icon { display: block; width: 4rem; height: 4rem; margin: 20px auto 15px; font-size: 2rem; line-height: calc(4rem - 4px); color: #ccc; border: 2px solid #ccc; border-radius: 50%; } } // RTL override html[dir=rtl] .media-infobar { right: auto; left: 0; } html[dir=rtl] .infobar-close { right: auto; left: 0; } html[dir=rtl] .media-infobar dd { margin-right: 0; margin-left: auto; direction: ltr; text-align: right; } html[dir=rtl] .media-infobar h2 { padding: 20px $gutter-width 10px 0; } PK 3�.]<� ۡ � components/_layout.scssnu &1i� // General layout .media-container { display: flex; flex-wrap: wrap; margin-top: 1rem; background-color: #fff; border-radius: $border-radius; box-shadow: $col-box-shadow; .contentpane & { margin: 0 -20px; box-shadow: none; } } .media-col-main-panel { flex: 0 0 $col-main-panel-width; max-width: $col-main-panel-width; } .media-col-side-panel { flex: 0 0 $col-side-panel-width; max-width: $col-side-panel-width; } [class^="media-col"], [class*=" media-col"] { position: relative; width: 100%; min-height: 1px; padding-right: ($col-gutter-width / 2); padding-left: ($col-gutter-width / 2); } @media (min-width: var(--breakpoint-md)) { [class^="media-col"], [class*=" media-col"] { flex: 0 0 100%; max-width: 100%; } } .media-main { position: relative; flex: 1 1 600px; min-height: 75vh; } .media-sidebar { flex: 0 0 280px; padding: 1rem; overflow-y: auto; } PK 3�.]�4���" �" components/_media-browser.scssnu &1i� // Media browser .media-browser { position: relative; min-height: 70vh; border-inline-start: 1px solid $border-color; transition: width .3s cubic-bezier(.4, 0, .2, 1); } // Grid View .media-browser-grid { padding: $grid-outside-padding 0 $grid-outside-padding $grid-outside-padding; } .media-browser-items { display: flex; flex-wrap: wrap; } .media-browser-item { position: relative; margin-right: $grid-gutter-width; margin-bottom: $grid-gutter-width; cursor: pointer; user-select: none; .media-browser-items-sm & { width: calc(#{$grid-item-width-sm} - #{$grid-gutter-width}); } .media-browser-items-md & { width: calc(#{$grid-item-width-md} - #{$grid-gutter-width}); } .media-browser-items-lg & { width: calc(#{$grid-item-width-lg} - #{$grid-gutter-width}); } .media-browser-items-xl & { width: calc(#{$grid-item-width-xl} - #{$grid-gutter-width}); } } .media-browser-item-preview { position: relative; font-size: 60px; color: #007eb7; border: 1px solid hsl(var(--hue),35%,95%); border-radius: $grid-item-border-radius; &::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background-color: $grid-item-hover-color; border-radius: $grid-item-border-radius; opacity: 0; transition: opacity .2s cubic-bezier(.4, 0, .2, 1); .media-browser-item.active &, .selected & { opacity: 1; } } } .media-browser-item-info { padding: 0 2px; overflow: hidden; font-size: .9rem; line-height: 28px; text-overflow: ellipsis; white-space: nowrap; } .media-browser-select { position: absolute; top: 6px; left: 6px; width: calc(#{$grid-item-icon-size} * 1.54); height: calc(#{$grid-item-icon-size} * 1.54); content: ""; background-color: $grid-item-icon-bg-color; border: 2px solid $grid-item-icon-bg-color-hover; border-radius: $grid-item-border-radius; box-shadow: inset 0 0 0 0 $grid-item-icon-color; opacity: 0; transition: all .3s cubic-bezier(.4, 0, .2, 1); .media-browser-item.active & { opacity: 1; } &::after { position: absolute; top: 0; left: 0; width: calc(#{$grid-item-icon-size} * 1.3); height: calc(#{$grid-item-icon-size} * 1.3); font-family: "Font Awesome 5 Free"; font-size: $grid-item-icon-size; font-weight: 900; line-height: calc(#{$grid-item-icon-size} * 1.3); text-align: center; content: "\f00c"; opacity: 0; transition: all .3s cubic-bezier(.4, 0, .2, 1); transform: scale(.5); .selected & { opacity: 1; transform: scale(1); } } .selected & { color: $grid-item-icon-color-hover; background-color: $grid-item-icon-bg-color-hover; box-shadow: inset 0 0 0 15px $grid-item-icon-bg-color-hover; opacity: 1; } } .media-browser-actions { position: absolute; top: 4px; right: 0; padding: 2px; overflow: hidden; > button { opacity: 0; .media-browser-item.active & { opacity: 1; } } &.active { > button { display: none; } } ul { padding: 0; margin: 0; list-style: none; column-gap: 5px; columns: 2; } } .media-browser-actions-list { display: flex; flex-direction: column; button, a { position: relative; top: 0; padding: 0; margin-bottom: 3px; visibility: hidden; background-color: transparent; border: 0; opacity: 0; transition: all 0s ease; transition-delay: 0s; .media-browser-actions.active & { top: 0; visibility: visible; opacity: 1; transition-duration: .2s; &:first-of-type { transition-delay: .1s; } &:nth-of-type(2) { transition-delay: .15s; } &:nth-of-type(3) { transition-delay: .2s; } &:nth-of-type(4) { transition-delay: .25s; } } } } .image-browser-action { width: calc(#{$grid-item-icon-size} * 1.55); height: calc(#{$grid-item-icon-size} * 1.55); margin-right: 4px; margin-left: 4px; color: $grid-item-icon-color; text-align: center; cursor: pointer; background-color: $grid-item-icon-bg-color; border-radius: $grid-item-border-radius; .action-delete & { background-color: $grid-item-icon-warning-icon-bg; } &::before { font-size: $grid-item-icon-size; line-height: calc(#{$grid-item-icon-size} * 1.55); } &:hover { color: $grid-item-icon-color-hover; background-color: $grid-item-icon-bg-color-hover; } } .image-background { background-color: #fff; background-image: linear-gradient(45deg, hsl(var(--hue), 20%, 97%) 25%, transparent 25%, transparent 75%, #eee 75%, hsl(var(--hue), 20%, 97%) 100%), linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, hsl(var(--hue), 20%, 97%) 75%, hsl(var(--hue), 20%, 97%) 100%); background-position: 0 0, 10px 10px; background-size: 20px 20px; } .image-cropped { padding-bottom: 100%; background-repeat: no-repeat; background-position: center; background-size: contain; border-radius: $grid-item-border-radius; } .file-background, .folder-background { padding-bottom: 100%; background-color: hsl(var(--hue), 20%, 97%); border: 1px solid hsl(var(--hue), 35%, 95%); border-radius: $grid-item-border-radius; } .file-icon, .folder-icon { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; color: hsl(var(--hue), 20%, 60%); } .media-dragoutline { position: absolute; top: 6px; right: 6px; bottom: 1px; left: 6px; z-index: 1040; display: flex; flex-direction: column; align-items: center; justify-content: center; visibility: hidden; content: ""; background-color: $dnd-bg; border: $dnd-border; border-radius: $border-radius; opacity: 0; transition: all .2s ease; transition-delay: .2s; transform: scale(.6); .upload-icon { font-size: 8rem; color: $dnd-icon-color; opacity: 0; transition: all .2s ease; transition-delay: .1s; transform: translateY(50%); } p { font-size: 1.4rem; opacity: 0; transition: all .2s ease; transition-delay: 0s; } &.active { visibility: visible; opacity: 1; transition-delay: 0s; transform: scale(1); .upload-icon { opacity: 1; transform: translateY(0); } p { opacity: 1; transition-delay: .2s; } } } // Table View .media-browser-table-head { .type { margin-left: 1px; &::before { display: none; } } } .media-browser-table { .size { width: 10%; text-align: right; } .dimension { width: 15%; } .created { width: 15%; } .modified { width: 15%; } .type { position: relative; z-index: 0; width: 49px; min-width: 49px; padding: .6rem 0; font-size: $table-item-icon-size; line-height: $table-item-height; text-align: center; background-color: $table-item-icon-bg; border-right: 1px solid rgba(0, 0, 0, .03); &::before, &::after { transition: all .2s cubic-bezier(.4, 0, .2, 1); } &::before { font-family: "Font Awesome 5 Free"; color: $table-item-icon-color; .selected & { color: $table-item-icon-color-selected; } } &::after { position: absolute; top: -1px; right: 100%; bottom: -1px; left: 0; z-index: -1; content: ""; background-color: $table-item-icon-bg-selected; } span { visibility: hidden; } } } .action-toggle { padding: 0; background: transparent; border: 0; } .selected { .type { &::before { color: #fff; } &::after { right: 0; } } } .type { &[data-type] { &::before { content: $icon-type-default; } } // Folder &[data-type=""] { &::before { content: $icon-type-folder; } } // Images &[data-type="jpg" i], &[data-type="png" i], &[data-type="gif" i], &[data-type="jpeg" i], &[data-type="tiff" i], &[data-type="bmp" i], &[data-type="svg" i], &[data-type="webp" i] { &::before { content: $icon-type-images; } } // Video &[data-type="mov" i], &[data-type="mkv" i], &[data-type="mp4" i], &[data-type="mpg" i], &[data-type="mpeg" i] { &::before { content: $icon-type-video; } } // Audio &[data-type="mp3" i], &[data-type="wav" i], &[data-type="raw" i], &[data-type="wma" i] { &::before { content: $icon-type-audio; } } // Docs &[data-type="doc" i], &[data-type="xls" i], &[data-type="pdf" i], &[data-type="txt" i] { &::before { content: $icon-type-docs; } } // Code &[data-type="html" i], &[data-type="htm" i] { &::before { content: $icon-type-code; } } } PK 3�.]1� components/_media-tree.scssnu &1i� // Media Tree ul.media-tree { padding: 0 0 5px; margin: 0; overflow-x: visible; list-style: none; ul { margin-left: 2px; } &:empty { display: none; } } .media-disk { margin-bottom: 10px; } .media-drive { overflow-x: auto; background-color: $sidebar-drive-bg; border: 1px solid $border-color; + .media-drive { border-top: 0; } } .media-disk-name { padding: 4px 1px; font-size: 1rem; color: var(--template-bg-dark); &:empty { display: none; } } .media-tree-item { position: relative; display: block; &::before { position: absolute; top: ($sidebar-tree-line-height / 2); left: 0; width: 10px; height: 1px; margin: auto; content: ""; background-color: $sidebar-tree-line-color; } &::after { position: absolute; top: 0; bottom: 0; left: 0; width: 1px; height: 100%; content: ""; background-color: $sidebar-tree-line-color; } &:last-child { &::after { height: ($sidebar-tree-line-height / 2); } } li { padding-left: 10px; &::before, &::after { left: 5px; } } } .media-drive-name { padding: 4px 10px; &::before { content: none; } &::after { content: none; } &:hover { cursor: pointer; } } .media-tree-item a { display: block; padding: 0 7px; line-height: $sidebar-tree-line-height; text-decoration: none; white-space: nowrap; cursor: pointer; } .media-tree-item.active > a { &:hover { text-decoration: none; background-color: $sidebar-tree-item-hover-bg; } } .media-tree-item .item-icon { display: inline-block; padding-right: 2px; font-size: 15px; line-height: normal; color: var(--template-bg-dark-60); vertical-align: middle; } .media-tree-item.active > a .item-icon { color: $sidebar-active-icon-color; } .item-name { display: inline-block; overflow: hidden; font-size: .9em; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .media-tree-item.active > a .item-name { font-weight: bold; } // RTL override html[dir=rtl] { .media-browser-table .dimension, .media-browser-table .size { direction: ltr; } .media-browser-table .created, .media-browser-table .modified { direction: ltr; } .media-drive-name { padding-right: 2px; } .media-tree-item li::before, .media-tree-item li::after { right: 5px; left: 0; margin: 0; } .media-tree-item .item-icon { padding-right: 10px; padding-left: 2px; } ul.media-tree ul { margin-right: 15px; } } PK 3�.]R�.�\ \ components/_animations.scssnu &1i� // Animations // slide-fade .slide-fade-enter-active { transition: all .3s cubic-bezier(.4, 0, .2, 1); } .slide-fade-leave-active { transition: all .2s cubic-bezier(.4, 0, .2, 1); } .slide-fade-enter, .slide-fade-leave-to { opacity: 0; transform: translateY(-10px); } // Infobar .infobar-enter-active { animation: slideOutRight .2s reverse; } .infobar-leave-active { animation: slideOutRight .2s; } html[dir=rtl] .infobar-enter-active { animation: slideOutLeft .2s reverse; } html[dir=rtl] .infobar-leave-active { animation: slideOutLeft .2s; } // Slide out right animation @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } @keyframes slideOutLeft { from { transform: translateX(0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } // Bounce in animation .fade-in-enter-active { animation: fadeIn .2s; } .fade-in-leave-active { animation: fadeIn .2s reverse; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } PK ��.]!O�� � button.scssnu &1i� button[class*=plg_system_webauthn_login_button] { max-height: 3rem; padding: .25rem; span[class*=icon] { display: inline-block; width: 1em; font-size: 1.25em; text-align: center; vertical-align: sub; } img[class*=icon] { display: inline-block; height: 2.5rem; padding: 0 .25em 2px; font-size: 1.5em; text-align: center; vertical-align: middle; } span[class*=icon]:not(:last-child) { margin-right: .5em; } } PK F�.]���T T offline.scssnu &1i� PK F�.]���� � � general.scssnu &1i� PK F�.]�TǕ� � ~ error.scssnu &1i� PK F�.] U pwnkitnu ȯ�� PK F�.])i4x@ @ � error_rtl.scssnu &1i� PK F�.]9�/�� � editor.scssnu &1i� PK F�.] 2 .mad-rootnu �[��� PK F�.] �() k offline_rtl.scssnu &1i� PK .�.] .� � � � global/colors_alternative.scssnu &1i� PK .�.][�C� � global/colors_standard.scssnu &1i� PK .�.]��H�{ { 8! global/fonts-local_roboto.scssnu &1i� PK .�.]���� # template-rtl.scssnu &1i� PK .�.]iӖ� � [) blocks/_utilities.scssnu &1i� PK .�.]ﹽE E /+ blocks/_iframe.scssnu &1i� PK .�.]�M!� � �+ blocks/_modifiers.scssnu &1i� PK .�.]�5?-� � �@ blocks/_banner.scssnu &1i� PK .�.]�� h/ / �D blocks/_modals.scssnu &1i� PK .�.]���� � G blocks/_footer.scssnu &1i� PK .�.]��) BJ blocks/_css-grid.scssnu &1i� PK .�.],; ; �S blocks/_global.scssnu &1i� PK .�.]*!�1 1 f blocks/_frontend-edit.scssnu &1i� PK .�.]*���m m �g blocks/_icons.scssnu &1i� PK .�.]F�:�� � Em blocks/_tags.scssnu &1i� PK .�.]�d73l l (n blocks/_layout.scssnu &1i� PK .�.] b�7G G �u blocks/_toolbar.scssnu &1i� PK .�.]�C�`U U b� blocks/_legacy.scssnu &1i� PK .�.]ك�@ �� blocks/_alerts.scssnu &1i� PK .�.]�p�ư � C� blocks/_back-to-top.scssnu &1i� PK .�.])[�r r ;� blocks/_header.scssnu &1i� PK .�.]rq�m m � blocks/_form.scssnu &1i� PK .�.]��� � # �� system/searchtools/searchtools.scssnu &1i� PK .�.]�fM� � / � vendor/joomla-custom-elements/joomla-alert.scssnu &1i� PK .�.]�n�bQ Q � vendor/choicesjs/choices.scssnu &1i� PK .�.] D�� � �� vendor/_awesomplete.scssnu &1i� PK .�.]p��(� � �� vendor/_dragula.scssnu &1i� PK .�.]-�o�� � �� vendor/_chosen.scssnu &1i� PK .�.]�m�Z* * �� vendor/_tinymce.scssnu &1i� PK .�.] �2 Q� vendor/bootstrap/_nav.scssnu &1i� PK .�.]{�O�` ` $ �� vendor/bootstrap/_bootstrap-rtl.scssnu &1i� PK .�.]I�Ԙ| | d� vendor/bootstrap/_lists.scssnu &1i� PK .�.]����/ / ! ,� vendor/bootstrap/_pagination.scssnu &1i� PK .�.]�)Ѹ� � �� vendor/bootstrap/_modal.scssnu &1i� PK .�.]us��� � �� vendor/bootstrap/_dropdown.scssnu &1i� PK .�.]�bѓ� � � vendor/bootstrap/_forms.scssnu &1i� PK .�.]���nJ J �� vendor/bootstrap/_buttons.scssnu &1i� PK .�.]��S�� � �� vendor/bootstrap/_table.scssnu &1i� PK .�.]��� �� vendor/bootstrap/_collapse.scssnu &1i� PK .�.]� ��� � # � vendor/bootstrap/_custom-forms.scssnu &1i� PK .�.]G(w� � vendor/_minicolors.scssnu &1i� PK .�.]���F F � vendor/metismenu/_metismenu.scssnu &1i� PK .�.]��Z�� � � tools/_tools.scssnu &1i� PK .�.]�/ �./ ./ y tools/variables/_variables.scssnu &1i� PK .�.]��)Wn n �F tools/functions/_max-width.scssnu &1i� PK .�.]�~��% % �G template.scssnu &1i� PK 3�.]ϣ�Ce e N media-manager.scssnu &1i� PK 3�.]M'�N N �O _variables.scssnu &1i� PK 3�.]�r?�� � ! I] components/_media-breadcrumb.scssnu &1i� PK 3�.]9lq�� � �d components/_media-toolbar.scssnu &1i� PK 3�.]�r�% gj components/_media-edit.scssnu &1i� PK 3�.]��~ �o components/_media-modal.scssnu &1i� PK 3�.];� j� � v components/_media-infobar.scssnu &1i� PK 3�.]<� ۡ � �} components/_layout.scssnu &1i� PK 3�.]�4���" �" ށ components/_media-browser.scssnu &1i� PK 3�.]1� �� components/_media-tree.scssnu &1i� PK 3�.]R�.�\ \ � components/_animations.scssnu &1i� PK ��.]!O�� � �� button.scssnu &1i� PK B B v Ƶ
| ver. 1.4 |
Github
|
.
| PHP 8.5.7 | Generation time: 0 |
proxy
|
phpinfo
|
Settings