Файловый менеджер - Редактировать - /var/www/html/scss.zip
Ðазад
PK ! ����� � menu.scssnu �[��� $menu_font_size: 14px; .sp-megamenu-parent { list-style: none; padding: 0; margin: 0 -15px; z-index: 99; display: block; float: right; position: relative; .sp-menu-item { > a, > span { img { display: inline-block; } } } > li { display: inline-block; position: relative; padding: 0; &.menu-justify { position: static; } > a, > span { display: inline-block; padding: 0 15px; line-height: $header_height; font-size: $menu_font_size; margin: 0; } &:last-child { > a { padding: 0px 0px 0px 15px; } } &.active > a { font-weight: 500; } .sp-menu-badge { height: 20px; line-height: 20px; padding: 0 5px; font-size: 10px; letter-spacing: 1px; display: inline-block; text-transform: uppercase; background: #d60000; color: #fff; border-radius: 3px; } } .sp-module { padding: 10px; } .sp-mega-group { list-style: none; padding: 0; margin: 0; > li > a { display: block; text-transform: uppercase; font-size: $menu_font_size; font-weight: 600; margin-bottom: 10px; } .sp-mega-group-child { list-style: none; padding: 0; margin: 0; } } .sp-dropdown { margin: 0; position: absolute; z-index: 10; display: none; .sp-dropdown-inner { box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2); padding: 20px; > .row:not(:first-child) { margin-top: 20px; } } .sp-dropdown-items { list-style: none; padding: 0; margin: 0; } &.sp-dropdown-main { top: 100%; } &.sp-dropdown-sub { top: 0; .sp-dropdown-inner { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } } //List Item li.sp-menu-item { //child sub display: block; padding: 0; position: relative; > a, span:not(.sp-menu-badge) { font-size: $menu_font_size; line-height: 1; display: inline-block; padding: 8px 0; cursor: pointer; &.sp-group-title { text-transform: uppercase; font-weight: bold; } } } // Module .sp-module { padding: 0; .sp-module-title { font-size: $menu_font_size; margin: 0 0 15px; text-transform: uppercase; font-weight: bold; } .latestnews { margin: 0; > li { &:not(:last-child) { margin: 0 0 15px; } a { font-size: 14px; span { opacity: 0.8; } } } } } } .sp-dropdown-mega { > .row { margin-top: 30px; &:first-child { margin-top: 0; } } .sp-module { margin-left: 0px !important; } } //Has Child .sp-has-child { &:hover { > .sp-dropdown { display: block; } } } //fadeIn &.menu-animation-fade { .sp-has-child { &:hover { > .sp-dropdown { animation: spFadeIn 600ms; } } } } // fadeInUp &.menu-animation-fade-up { .sp-has-child { &:hover { > .sp-dropdown { animation: spFadeInUp 400ms ease-in; } } } } // fadeInDown &.menu-animation-fade-down { .sp-has-child { &:hover { > .sp-dropdown { animation: spFadeInDown 400ms ease-in; } } } } // zoomIn &.menu-animation-zoom { .sp-has-child { &:hover { > .sp-dropdown { animation: spZoomIn 300ms; } } } } // rotateIn &.menu-animation-rotate { .sp-has-child { &:hover { > .sp-dropdown { animation: spRotateIn 300ms; } } } } // Elastic &.menu-animation-pulse { .sp-has-child { &:hover { > .sp-dropdown { animation: spPulse 300ms; } } } } } // Hide Off-canvas menu by using .hide-on-offcanvas class .offcanvas-menu { .hide-on-offcanvas { display: none !important; } } // ltr body { &.ltr { .sp-megamenu-parent { > li { &.sp-has-child > a:after, &.sp-has-child > span:after { font-family: "Font Awesome 5 Free"; content: "\f107"; float: right; margin-left: 7px; font-weight: 900; } .sp-menu-badge { &.sp-menu-badge-right { margin-left: 5px; } &.sp-menu-badge-left { margin-right: 5px; } } } .sp-dropdown { .sp-dropdown-items { .sp-has-child > a:after { font-family: "Font Awesome 5 Free"; content: "\f105"; float: right; margin-left: 7px; font-weight: 900; } } &.sp-menu-center { margin-left: 45px; } &.sp-dropdown-main { &.sp-menu-right { left: 0; } &.sp-menu-full { left: auto; right: 0; } &.sp-menu-left { right: 0; } } &.sp-dropdown-sub { left: 100%; } } } } } @media (min-width: 576px) { .sp-menu-full.container { width: 540px; } } @media (min-width: 768px) { .sp-menu-full.container { width: 720px; } } @media (min-width: 992px) { .sp-menu-full.container { width: 960px; } } @media (min-width: 1200px) { .sp-menu-full.container { width: 1140px; } } @media (min-width: 1400px) { .sp-menu-full.container { width: 1320px; } } PK ! <��r� � animation.scssnu �[��� @keyframes spFadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes spFadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes spFadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes spZoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 1; } } @keyframes spRotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } @keyframes spPulse { from { opacity: 0; transform: scale3d(1, 1, 1); } 50% { opacity: 0.5; transform: scale3d(1.05, 1.05, 1.05); } to { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes spSpin { to { transform: rotate(360deg); } } /* Preloader animations */ // loader keyframes // Clock Loader Animation @-webkit-keyframes grdAiguille { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes grdAiguille { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes ptAiguille { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes ptAiguille { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } // Circle Loader Animation @-webkit-keyframes loader1 { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes loader1 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } // Bubble Loop Loader Animation @-webkit-keyframes loader6 { 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(180deg); } } @keyframes loader6 { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(180deg); } } // Ring Loader Animation @keyframes rotate-360 { from { -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } to { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } // Audio Wave Loader Animation @keyframes audioWave { 25% { background: linear-gradient($link_color, $link_color) 0 50%, linear-gradient($link_color, $link_color) 0.625em 50%, linear-gradient($link_color, $link_color) 1.25em 50%, linear-gradient($link_color, $link_color) 1.875em 50%, linear-gradient($link_color, $link_color) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em; } 37.5% { background: linear-gradient($link_color, $link_color) 0 50%, linear-gradient($link_color, $link_color) 0.625em 50%, linear-gradient($link_color, $link_color) 1.25em 50%, linear-gradient($link_color, $link_color) 1.875em 50%, linear-gradient($link_color, $link_color) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em; } 50% { background: linear-gradient($link_color, $link_color) 0 50%, linear-gradient($link_color, $link_color) 0.625em 50%, linear-gradient($link_color, $link_color) 1.25em 50%, linear-gradient($link_color, $link_color) 1.875em 50%, linear-gradient($link_color, $link_color) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em; } 62.5% { background: linear-gradient($link_color, $link_color) 0 50%, linear-gradient($link_color, $link_color) 0.625em 50%, linear-gradient($link_color, $link_color) 1.25em 50%, linear-gradient($link_color, $link_color) 1.875em 50%, linear-gradient($link_color, $link_color) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em; } 75% { background: linear-gradient($link_color, $link_color) 0 50%, linear-gradient($link_color, $link_color) 0.625em 50%, linear-gradient($link_color, $link_color) 1.25em 50%, linear-gradient($link_color, $link_color) 1.875em 50%, linear-gradient($link_color, $link_color) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em; } } // Circle 2 Loader Animation @-webkit-keyframes effect-2 { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes effect-2 { from { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } // Audio Wave Loader 2 animation @keyframes sequence1 { 0% { height: 10px; } 50% { height: 50px; } 100% { height: 10px; } } @keyframes sequence2 { 0% { height: 20px; } 50% { height: 65px; } 100% { height: 20px; } } @keyframes rot1 { 100% { transform: skew(-10deg) translateX(50px) rotate(405deg); } } @-webkit-keyframes rot1 { 100% { -webkit-transform: skew(-10deg) translateX(50px) rotate(405deg); } } @keyframes rot2 { 100% { transform: skew(-10deg) rotate(525deg); } } @-webkit-keyframes rot2 { 100% { -webkit-transform: skew(-10deg) rotate(525deg); } } @keyframes rot3 { 100% { transform: skew(-10deg) translateX(20px) translateY(-50px) rotate(645deg); } } @-webkit-keyframes rot3 { 100% { -webkit-transform: skew(-10deg) translateX(20px) translateY(-50px) rotate(645deg); } } @keyframes width { 10% { width: 10%; } 20% { width: 20%; } 30% { width: 30%; } 40% { width: 40%; } 50% { width: 50%; } 60% { width: 60%; } 70% { width: 70%; } 80% { width: 80%; } 90% { width: 90%; } 100% { width: 100%; } } PK ! k��p p preloaders.scssnu �[��� .sp-pre-loader { background: $bg_color; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; // Clock loader .sp-loader-clock { border: 3px solid $link_color; border-radius: 60px; bottom: 0; height: 80px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 80px; &:after { content: ''; position: absolute; background-color: $link_color; top: 2px; left: 48%; height: 38px; width: 4px; border-radius: 5px; -webkit-transform-origin: 50% 97%; transform-origin: 50% 97%; -webkit-animation: grdAiguille 2s linear infinite; animation: grdAiguille 2s linear infinite; } &:before { content: ''; position: absolute; background-color: $link_color; top: 6px; left: 48%; height: 35px; width: 4px; border-radius: 5px; -webkit-transform-origin: 50% 94%; transform-origin: 50% 94%; -webkit-animation: ptAiguille 12s linear infinite; animation: ptAiguille 12s linear infinite; } } // Circle Loader .sp-loader-circle { position: absolute; height: 80px; width: 80px; border-radius: 80px; border: 3px solid fade($link_color, 70%); left: 0; top: 0; right: 0; bottom: 0; margin: auto; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: loader1 3s linear infinite; animation: loader1 3s linear infinite; &:after { content: ''; position: absolute; top: -5px; left: 20px; width: 11px; height: 11px; border-radius: 10px; background-color: $link_color; } } // Bubble Loop Loader .sp-loader-bubble-loop { position: absolute; width: 12px; height: 12px; left: 0; top: 0; right: 0; bottom: 0; margin: auto; border-radius: 12px; background-color: $link_color; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: loader6 1s ease-in-out infinite; animation: loader6 1s ease-in-out infinite; &:before { content: ''; position: absolute; background-color: rgba($link_color, 0.5); top: 0px; left: -25px; height: 12px; width: 12px; border-radius: 12px; } &:after { content: ''; position: absolute; background-color: rgba($link_color, 0.5); top: 0px; left: 25px; height: 12px; width: 12px; border-radius: 12px; } } // Circle Loader Two .circle-two { bottom: 0; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100px; } .circle-two > span, .circle-two > span:before, .circle-two > span:after { content: ''; display: block; border-radius: 50%; border: 2px solid $link_color; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .circle-two > span { width: 100%; height: 100%; top: 0; left: 0; border-left-color: transparent; -webkit-animation: effect-2 2s infinite linear; -moz-animation: effect-2 2s infinite linear; -ms-animation: effect-2 2s infinite linear; -o-animation: effect-2 2s infinite linear; animation: effect-2 2s infinite linear; } .circle-two > span:before { width: 75%; height: 75%; border-right-color: transparent; } .circle-two > span:after { width: 50%; height: 50%; border-bottom-color: transparent; } // Audio Wave 2 Loader .wave-two-wrap { position: absolute; margin: auto; left: 0; right: 0; top: 50%; width: 90px; } .wave-two { margin: 0; list-style: none; width: 90px; position: relative; padding: 0; height: 10px; } .wave-two li { position: absolute; width: 2px; height: 0; background-color: $link_color; bottom: 0; } .wave-two li:nth-child(1) { left: 0; -webkit-animation: sequence1 1s ease infinite 0; animation: sequence1 1s ease infinite 0; } .wave-two li:nth-child(2) { left: 15px; -webkit-animation: sequence2 1s ease infinite 0.1s; animation: sequence2 1s ease infinite 0.1s; } .wave-two li:nth-child(3) { left: 30px; -webkit-animation: sequence1 1s ease-in-out infinite 0.2s; animation: sequence1 1s ease-in-out infinite 0.2s; } .wave-two li:nth-child(4) { left: 45px; -webkit-animation: sequence2 1s ease-in infinite 0.3s; animation: sequence2 1s ease-in infinite 0.3s; } .wave-two li:nth-child(5) { left: 60px; -webkit-animation: sequence1 1s ease-in-out infinite 0.4s; animation: sequence1 1s ease-in-out infinite 0.4s; } .wave-two li:nth-child(6) { left: 75px; -webkit-animation: sequence2 1s ease infinite 0.5s; animation: sequence2 1s ease infinite 0.5s; } // Audio Wave Loader .sp-loader-audio-wave { width: 3em; height: 2em; background: linear-gradient($link_color, $link_color) 0 50%, linear-gradient($link_color, $link_color) 0.625em 50%, linear-gradient($link_color, $link_color) 1.25em 50%, linear-gradient($link_color, $link_color) 1.875em 50%, linear-gradient($link_color, $link_color) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em; animation: audioWave 1.5s linear infinite; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; } // Loader With Logo .sp-loader-with-logo { top: 0; left: 0; width: 100%; height: 100%; right: 0; bottom: 0; margin: auto; text-align: center; position: absolute; display: flex; justify-content: center; align-items: center; .logo { display: inline-block; width: auto; } .line { background: $link_color; height: 5px; left: 0; position: absolute; top: 0; } } } PK ! A ��� � presets.scssnu �[��� /** * @package Helix Ultimate Framework * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2021 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later */ body, .sp-preloader { background-color: $bg_color; color: $text_color; } .sp-preloader { > div { background: $link_color; &:after { background: $bg_color; } } } #sp-top-bar { background: $topbar_bg_color; color: $topbar_text_color; a { color: $topbar_text_color; } } #sp-header { background: $header_bg_color; } #sp-menu ul.social-icons { a:hover, a:focus { color: $link_color; } } // Anchor a { color: $link_color; &:hover, &:focus, &:active { color: $link_hover_color; } } .tags { > li { display: inline-block; a { @if $link_color { background: fadeOut($link_color, 0.9); } color: $link_color; &:hover { background: $link_hover_color; } } } } .article-social-share { .social-share-icon { ul { li { a { color: $text_color; &:hover, &:focus { background: $link_color; } } } } } } .pager { > li { a { border: 1px solid #ededed; color: $text_color; } } } // Reading Progress Bar Color .sp-reading-progress-bar { background-color: $link_color; } // Megamenu .sp-megamenu-parent { > li { > a { color: $menu_text_color; } &:hover > a { color: $menu_text_hover_color; } &.active > a, &.active:hover > a { color: $menu_text_active_color; } } .sp-dropdown { .sp-dropdown-inner { background: $menu_dropdown_bg_color; } li.sp-menu-item { > a { color: $menu_dropdown_text_color; &:hover { color: $menu_dropdown_text_hover_color; } } &.active > a { color: $menu_dropdown_text_active_color; } } } .sp-mega-group { > li { > a { color: $menu_dropdown_text_color; } } } } // Off Canvas #offcanvas-toggler { > .fa { color: $menu_text_color; &:hover, &:focus, &:active { color: $menu_text_hover_color; } } > .fas { color: $menu_text_color; &:hover, &:focus, &:active { color: $menu_text_hover_color; } } > .far { color: $menu_text_color; &:hover, &:focus, &:active { color: $menu_text_hover_color; } } } .offcanvas-menu { background-color: $menu_dropdown_bg_color; color: $menu_dropdown_text_color; .offcanvas-inner { a { color: $text_color; &:hover, &:focus, &:active { color: $link_color; } } ul.menu { > li { a, span { color: $menu_dropdown_text_color; &:hover, &:focus { color: $menu_dropdown_text_hover_color; } } &.menu-parent { > a, > .menu-separator { > .menu-toggler { @if $menu_dropdown_text_color { color: fade-out($menu_dropdown_text_color, 0.5); } } } .menu-toggler { @if $menu_dropdown_text_color { color: fade-out($menu_dropdown_text_color, 0.5); } } } li { a { @if $menu_dropdown_text_color { color: fade-out($menu_dropdown_text_color, 0.2); } } } } } } } //Button .btn-primary, .sppb-btn-primary { border-color: $link_color; background-color: $link_color; &:hover { border-color: $link_hover_color; background-color: $link_hover_color; } } // Topbar Social ul.social-icons { > li { a { &:hover { color: $link_color; } } } } // Page Title .sp-page-title { background: $link_color; } // Body Innerwrapper .layout-boxed .body-innerwrapper { background: $bg_color; } // Module .sp-module { ul { > li { > a { color: $text_color; &:hover { color: $link_color; } } } } .latestnews { > div { > a { color: $text_color; &:hover { color: $link_color; } } } } .tagscloud { .tag-name { &:hover { background: $link_color; } } } } // Search .search { .btn-toolbar { button { background: $link_color; } } } // Footer #sp-footer, #sp-bottom { background: $footer_bg_color; color: $footer_text_color; a { color: $footer_link_color; &:hover, &:active, &:focus { color: $footer_link_hover_color; } } } #sp-bottom { .sp-module-content { .latestnews { > li { > a { > span { color: $footer_text_color; } } } } } } // Comingsoon .sp-comingsoon body { background-color: $link_color; } // Pagination .pagination > li > a, .pagination > li > span { color: $text_color; &:hover, &:focus { color: $text_color; } } .pagination > .active > a, .pagination > .active > span { border-color: $link_color; background-color: $link_color; &:hover, &:focus { border-color: $link_color; background-color: $link_color; } } // Error .error-code, .coming-soon-number { color: $link_color; } PK ! �՜ � � legacy.scssnu �[��� .com-media { &.contentpane { padding: 10px !important; } .well { background: #f5f5f5; padding: 20px; border-radius: 4px; margin-bottom: 10px; .row { margin: 0; padding: 0; > div { &:first-child { width: calc(100% - 200px); } &:last-child { width: 200px; float: right; text-align: right; padding-top: 30px; } } #folderlist { display: inline-block; } #upbutton { display: none; } } } &.view-imagesList { padding: 0px 0px 10px 0 !important; &:before { content: ' '; display: table; } &:after { display: block; clear: both; content: ''; } ul.manager { list-style: none; padding: 0; margin: 0; > li.thumbnail { width: 110px; float: left; > a { /* @TODO: Remove this */ &.selected { border: 2px solid green; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* end @TODO: */ > div { &:first-child { height: 60px; margin-bottom: 10px; text-align: center; > span { display: inline-block; width: 60px; height: 40px; margin: 0 auto; margin-top: 25px; position: relative; background-color: rgb(146, 206, 255); border-radius: 0 5px 5px 5px; &:before { content: ''; width: 50%; height: 12px; border-radius: 0 20px 0 0; background-color: rgb(146, 206, 255); position: absolute; top: -12px; left: 0px; } } img { display: inline-block; } } } } } } } } PK ! �� �c c edit.scssnu �[��� //article frontend editing body.helix-ultimate.hu.view-form.layout-edit{ .edit.item-page{ >#adminForm{ >fieldset{ >.joomla-tabs{ display: flex; padding: 0; margin: 0 !important; overflow-x: auto; overflow-y: hidden; white-space: nowrap; list-style: outside none none; background-color: #f5f5f5; border-color: #ccc #ccc currentcolor; border-style: solid solid none; border-width: 1px 1px 0; border-radius: .25rem .25rem 0 0; border-image: none; box-shadow: 0 1px #fff inset, 0 2px 3px -3px rgb(0 0 0 / 15%), 0 -4px 0 rgb(0 0 0 / 5%) inset, 0 0 3px rgb(0 0 0 / 4%); .nav-item>.nav-link{ color: var(--text-color); } .nav-item>.nav-link.active{ background-color: rgba(0,0,0,.03); background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,.05) 100%); border-right: 0 none; border-left: 0 none; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 2px 0 1px -1px rgb(0 0 0 / 8%) inset, -2px 0 1px -1px rgb(0 0 0 / 8%) inset, 0 1px 0 rgb(0 0 0 / 2%) inset; } } >.tab-content{ padding: 15px; background-color: #fefefe; border: 1px solid #ccc; border-radius: 0 0 .25rem .25rem; box-shadow: 0 0 3px rgb(0 0 0 / 4%); } #editor{ label#jform_title-lbl{ margin-bottom: 15px; font-weight: 700; } .js-editor-tinymce{ display: flex; flex-direction: column; } } #publishing, #metadata, #attrib-helix_ultimate_blog_options{ >.control-group{ display: flex; flex-direction: column; >label{ margin-bottom: 5px; font-weight: 700; } textarea{ width: 100%; } .calendar-container .time td{ select{ padding: 4px; font-size: 13px; } } } } } } } } body.contentpane.com-media.view-images{ .container-popup{ #imageForm{ >#messages+.well{ .row-fluid{ display: flex; max-width: 100%; .span8{ flex: auto; >.controls{ margin-left: 10px; display: flex; max-width: 500px; #folderlist_chzn, #folderlist{ flex: auto; } } #upbutton{ background: var(--bs-primary); color: #fff; margin: 0 5px; } } } } .well{ >.row-fluid:not(:last-child) { margin-bottom: 5px; >.control-group:not(:last-child){ margin-bottom: 5px; } } } .btn.button-cancel{ background: var(--bs-danger); color: #fff; &:hover, &:focus{ border-color:var(--bs-danger); } } } } } body.contentpane.com-menus.view-items.layout-modal{ #adminForm{ .js-stools-container-bar{ display: flex; } } } body.contentpane.com-modules.view-modules.layout-modal{ .container-popup{ #adminForm{ >.js-stools{ .js-stools-container-bar{ display: flex; align-items: center; padding: 10px 0px; >label{ margin-right: 10px; } >.btn-wrapper.input-append{ display: flex; >button[type="submit"]{ background: var(--bs-primary); color: #fff; margin-left: 5px; } } >.btn-wrapper{ >button[type="button"]{ background: var(--bs-primary); color: #fff; } } } } } } } body.contentpane.com-content.view-articles.layout-modal, body.contentpane.com-menus.view-items.layout-modal, body.contentpane.com-contact.view-contacts.layout-modal{ .container-popup{ #adminForm{ >.js-stools{ padding-top: 15px; .js-stools-container-bar{ margin-bottom: 10px; >label{ margin-right: 10px; } >.btn-wrapper.input-append{ display: flex; >button[type="submit"]{ background: var(--bs-primary); color: #fff; margin-left: 5px; } } >.btn-wrapper{ >button[type="button"]{ background: var(--bs-primary); color: #fff; } } } } } } } body.contentpane.com-content.view-articles.layout-modal, body.contentpane.com-contact.view-contacts.layout-modal{ .container-popup{ #adminForm{ .js-stools-container-bar{ display: flex; align-items: center; } } } } // For Joomla4 body.helix-ultimate.hu.view-form.layout-edit { .edit.item-page.joomla4 { iframe { width: 100%; } .jviewport-height70 { height: 70vh; } [class*=jviewport-height] iframe { height: 100%; } } } body.contentpane.joomla4.layout-modal{ div[role="tooltip"] { display: none; } .js-stools-container-bar { > .btn-toolbar { align-items: center; justify-content: space-between; width: 100%; > .ordering-select { display: flex; } } } .custom-select, .form-select { display: block; width: 100%; padding: .6rem 4rem .6rem 1rem; font-size: 13px; font-weight: 400; line-height: 1.25; color: #22262a; vertical-align: middle; background-image: url(../images/select-bg.svg); background-repeat: no-repeat; background-position: right 1rem center; background-size: 116rem; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-select:focus, .form-select:focus { border-color: #8894aa; outline: 0; box-shadow: 0 0 0 .25rem rgba(var(#000), .25) } .form-select[multiple], .form-select[size]:not([size="1"]), [multiple].custom-select, [size].custom-select:not([size="1"]) { padding-right: 1rem; background-image: none } .custom-select:disabled, .form-select:disabled { color: #6d757e; background-color: #eaedf0 } .custom-select:-moz-focusring, .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #22262a } .js-stools-container-bar { padding: 10px 20px; } .js-stools-container-bar .btn-toolbar { justify-content: flex-end; } .js-stools-container-bar .btn-toolbar > * { margin: 4px 0; -webkit-margin-end: 8px; margin-inline-end: 8px; } .js-stools-container-bar .btn-toolbar .js-stools-btn-clear { background-color: #30638d; border: 0; } .js-stools-container-bar .ordering-select { display: flex; } .js-stools-container-filters { display: none; padding: 0 20px; margin-bottom: 20px; } .js-stools-container-filters-visible { display: grid; grid-gap: 8px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); padding: 10px; background-color: #fff; } .js-stools-container-filters > * { margin: 4px 0; -webkit-margin-end: 8px; margin-inline-end: 8px; } .js-stools-field-list + .js-stools-field-list { -webkit-margin-start: 8px; margin-inline-start: 8px; } } .field-calendar{ >.js-calendar.hidden{ display: none; } }PK ! �Q.� � offcanvas.scssnu �[��� #offcanvas-toggler { display: inline-flex; align-items: center; height: $header_height; line-height: $header_height; font-size: 20px; > span { &:hover { color: #fff; } } } .offcanvas-init { overflow-x: hidden; position: relative; } .offcanvas-active { .offcanvas-overlay { visibility: visible; opacity: 1; } } .offcanvas-overlay { background: rgba(0, 0, 0, 0.5); bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 9999; visibility: hidden; -webkit-transition: 0.4s; transition: 0.4s; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .body-wrapper { position: relative; -webkit-transition: 0.4s; transition: 0.4s; backface-visibility: hidden; } .close-offcanvas { position: absolute; top: 25px; z-index: 1; } .offcanvas-menu { width: $offcanvas_width; height: 100%; position: fixed; top: 60px; overflow: inherit; -webkit-transition: all 0.4s; transition: all 0.4s; z-index: 10000; #offcanvas-toggler { display: none !important; } .offcanvas-inner { padding: 25px; .header-modules { margin-left: 0px; } .finder { margin-bottom: 10px; } .sp-sign-in { position: relative; top: 10px; .signin-text { display: none !important; } } .sp-profile-wrapper { .user-text { display: none !important; } } .sp-contact-info, .social-icons { font-size: 14px; > li > a { opacity: 0.7; &:hover, &:focus { opacity: 1; } } } .sp-contact-info { margin-top:20px; > li:not(:last-child) { margin-bottom: 10px; } } .sp-module { padding: 0; margin: 0; &:not(:last-child) { margin-right: 20px; } .sp-module-title { font-size: 1rem; font-weight: bold; } &:not(:last-child) { margin-bottom: 20px; } //search width .awesomplete { width: 210px; } } ul.menu { &, ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin: 0; margin: 0 0 15px 0; list-style: none; } > li { border: 0; padding: 0; margin: 0; position: relative; overflow: hidden; display: block; font-weight: 600; > a, > span { display: block; font-size: 18px; padding: 10px 0px; position: relative; line-height: 18px; opacity: 0.7; transition: 0.3s; &:hover { opacity: 1; } } ul.menu-child { display: none; } &.menu-parent { > a, > .menu-separator { > .menu-toggler { display: block; position: absolute; top: 50%; cursor: pointer; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 10px; &:after { font-family: "Font Awesome 5 Free"; content: "\f105"; font-weight: 900; } } } & li.menu-parent { > a { position: relative; display: block; } .menu-toggler { right: -10px; display: block; position: absolute; top: 50%; cursor: pointer; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 2px 10px; &:after { font-family: "Font Awesome 5 Free"; content: "\f105"; font-weight: 900; } } &.menu-parent-open { .menu-toggler { &:after { content: "\f107"; } } } } &.menu-parent-open { > a, > .menu-separator { > .menu-toggler { &:after { font-family: "Font Awesome 5 Free"; content: "\f107"; font-weight: 900; } } } > .nav-header { > .menu-toggler { &:after { font-family: "Font Awesome 5 Free"; content: "\f107"; font-weight: 900; } } } } > .nav-header { > .menu-toggler { display: block; position: absolute; top: 50%; cursor: pointer; transform: translateY(-50%); -webkit-transform: translateY(-50%); &:after { font-family: "Font Awesome 5 Free"; content: "\f105"; font-weight: 900; } } } } > ul { display: none; li { a { font-size: 15px; padding: 4px 0px; line-height: 18px; font-weight: 400; } } } } } } // border-menu &.border-menu { .offcanvas-inner ul.menu { > li { border-bottom: 1px solid rgba(32, 31, 31, 0.1); margin-bottom: 0; > a { padding: 15px 30px 15px 10px; } } ul { padding-bottom: 15px; } } } // center alignment &.center-alignment { .offcanvas-inner { padding: 0px 15px; } } } body { &.ltr { #offcanvas-toggler { &.offcanvas-toggler-right { float: right; margin-left: 20px; } &.offcanvas-toggler-left { float: left; margin-right: 20px; } } &.offcanvs-position-left { .body-wrapper { left: 0; } .offcanvas-menu { left: -$offcanvas_width; top: 0; } &.offcanvas-active { .offcanvas-menu { left: 0; top: 0; } } } &.offcanvs-position-right { .body-wrapper { right: 0; } .offcanvas-menu { right: -$offcanvas_width; top: 0; } &.offcanvas-active { .offcanvas-menu { right: 0; top: 0; } } } .close-offcanvas { right: 15px; } .offcanvas-menu { .offcanvas-inner { ul.menu { > li { &.menu-parent { > a, > .menu-separator { > .menu-toggler { right: -10px; } } > .nav-header { > .menu-toggler { right: 0; } } } ul { margin-left: 10px; } } } } } } } PK ! h* �t t master.scssnu �[��� /** * @package Helix Ultimate Framework * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2021 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later */ @import 'theme'; @import 'legacy'; @import 'menu'; @import 'offcanvas'; // @import 'edit'; @import 'animation'; @import 'preloaders'; @import 'responsive';PK ! +�� � theme.scssnu �[��� // Global CSS Variables :root { --header_height: $header_height; } body { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; &.helix-ultimate-preloader { overflow: hidden; &:before { content: " "; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; background: rgba(255, 255, 255, 0.9); } &:after { content: "\f110"; font-family: "FontAwesome"; font-size: 36px; position: fixed; top: 50%; left: 50%; margin-top: -24px; margin-left: -24px; width: 48px; height: 48px; line-break: 48px; text-align: center; color: #007bff; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; z-index: 99999; } } } a { transition: color 400ms, background-color 400ms; } a, a:hover, a:focus, a:active { text-decoration: none; } label { font-weight: normal; } legend { padding-bottom: 10px; } img { display: block; max-width: 100%; height: auto; } //Bootstrap 5 customize .row { --bs-gutter-x: 1.875rem; } .container { padding-left: 15px; padding-right: 15px; } .element-invisible { position: absolute; padding: 0; margin: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } //Topbar #sp-top-bar { padding: 8px 0; .sp-module { display: inline-block; margin: 0 0 0 1.25rem; } font-size: 0.875rem; } ul.social-icons { list-style: none; padding: 0; margin: 0; display: inline-block; > li { display: inline-block; line-height: 1.5; &:not(:last-child) { margin-right: 20px; } } } .flex-auto { flex: auto; } #sp-menu { &.menu-with-social { .sp-megamenu-wrapper { flex: auto; justify-content: space-between; display: flex; align-items: center; } } > .sp-column { height: 100%; } .social-wrap { position: relative; padding-left: 60px; &:after { content: ""; margin-top: 10px; margin-bottom: 10px; position: absolute; width: 2px; height: calc(var(--header_height) - 20px); left: 30px; background-color: rgba(80, 80, 80, 0.2); } } ul.social-icons { > li:not(:last-child) { margin-right: 20px; } a { color: #9c9c9c; } } .social-wrap.no-border { ul.social-icons { border-left: none; padding-left: 0px; } } &.menu-center { .sp-megamenu-wrapper { justify-content: center; } } } .menu-flex { .sp-megamenu-wrapper { display: flex; justify-content: flex-end; } } #menu-right { .sp-module { &:first-child { border-right: 2px solid rgba(80, 80, 80, 0.2); padding-right: 30px; } } } .header-has-modules { #offcanvas-toggler { margin-right: 20px; margin-left: 0; } } // language switcher .sp-module-content { .mod-languages { ul.lang-inline { margin: 0; padding: 0; li { border: none; display: inline-block; margin: 0 5px 0 0; a { padding: 0 !important; } > a:before { display: none; } } } } // Latest Articles .latestnews { > li { > a { > span { display: block; margin-top: 5px; font-size: 85%; } } } } } .sp-contact-info { list-style: none; padding: 0; margin: 0px; li { display: inline-block; margin: 0px 10px 0px 0px; font-size: 90%; white-space: nowrap; i { margin: 0 3px; } } } // Header #sp-header { height: $header_height; width: 100%; position: relative; z-index: 99; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); animation: spFadeIn 0.5s; #offcanvas-toggler.offcanvas, #offcanvas-toggler.mega { display: none !important; } &.full-header-left, &.full-header-center, &.header-with-modal-menu, &.lg-header, &.header-with-social { #offcanvas-toggler.offcanvas { display: flex !important; } .menu-with-offcanvas #offcanvas-toggler { display: none !important; } } &.full-header { padding-left: 45px; padding-right: 45px; } &.lg-header { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); .logo { height: auto; } #offcanvas-toggler { margin-right: 20px; margin-left: 0px; &.offcanvas-toggler-right.offcanvas { display: none !important; } } .sp-column { height: 100%; } #sp-logo { #offcanvas-toggler { display: none; } } } &.header-with-modal-menu { color: $menu_text_color; a { color: rgba($menu_text_color, 0.6); &:hover, &:focus { color: $menu_text_hover_color; } } .sp-contact-info { > li { margin-right: 15px; opacity: 0.7; transition: 0.3s; &:hover, &:focus { opacity: 1; } > span { margin-right: 5px; } } } #offcanvas-toggler { display: none !important; } &.center-layout { .modules-wrapper { height: auto; border: none; padding: 0px; max-width: 730px; margin: 0 auto; } #modal-menu .modal-menu-inner > .container { align-items: flex-start; padding: 170px 0 0; } #modal-menu { .search { margin-bottom: 80px; form { &:after { font-size: 16px; } &:hover { &:after { display: none; } } input { background: transparent; border-bottom: 2px solid rgba(32, 31, 31, 0.1); font-size: 26px; padding: 7px; border-radius: 0px; &::placeholder { color: rgba(32, 31, 31, 0.4); } &:focus, &:active, &:active:focus { box-shadow: none; border-bottom: 2px solid rgba(32, 31, 31, 0.7); } } } } } .sp-megamenu-wrapper { justify-content: center; ul.sp-megamenu-parent { flex-direction: row; } .sp-megamenu-parent > li { > a, > span { padding: 0; &:after { top: 100%; width: 2px; height: 20px; left: 50%; transform: translateX(-50%); margin: 10px 0 0 0; } } &.sp-has-child { &:hover > a:after, &:hover > span:after { height: 30px; } > .sp-dropdown { animation: spFadeIn 0.5s; } } &:not(:last-child) { > a, > span { margin-right: 70px; } } > .sp-dropdown.sp-dropdown-main { top: 100%; padding-top: 50px; padding-left: 0; left: auto !important; right: 0px; transition: 0.35s; li.sp-menu-item > a, li.sp-menu-item > span { padding: 6px 0; } } } } } &.classic-layout { .modal-menu-inner > div { flex-direction: column; align-items: flex-start; padding: 40px 0; .sp-megamenu-wrapper { height: 100%; align-items: center; } .social-icons { margin-top: auto; margin-bottom: 0px; width: 100%; border-top: 2px solid rgb(32 31 31 / 10%); padding-top: 20px; font-size: 12px; } } } } .logo { height: $header_height; display: inline-flex; margin: 0; align-items: center; a { font-size: 24px; line-height: 1; margin: 0; padding: 0; } p { margin: 5px 0 0; } } &.header-sticky { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; animation: spFadeInDown 0.5s; } .sp-module { margin-left: 20px; } nav.sp-megamenu-wrapper { #offcanvas-toggler { display: none; } } } #sp-header-topbar { position: relative; z-index: 111; .sp-profile-wrapper { .sp-sign-in { .user-text { display: none !important; } } } #sp-logo { #offcanvas-toggler { display: none !important; } } .container-inner { border-bottom: 1px solid #e5e5e5; > .row { min-height: $header_height; } } a { color: #909196; &:hover { color: $link_color; } } .sp-contact-info { color: #909196; } } .header-modules { margin-left: 20px; .sp-module { margin-left: 20px; } .search { position: relative; form { &:after { content: "\f002"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 0; font-size: 12px; line-height: 32px; right: 10px; } input { background: #efeff0; border: none; height: 32px; font-size: 15px; border-radius: 3px; padding: 5px 10px; } } } } // Modal Menu Variation .burger-icon { width: 25px; cursor: pointer; > span { display: block; height: 2px; background-color: #000; margin: 5px 0; transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in; } } .offcanvas-active, #modal-menu-toggler.active { .burger-icon > span { background-color: #000; &:nth-child(1) { transform: translate(0, 8px) rotate(-45deg); } &:nth-child(2) { opacity: 0; } &:nth-child(3) { transform: translate(0, -5px) rotate(45deg); } } } .offcanvas-active .close-offcanvas { .burger-icon > span { transition-delay: 0.2s; } } body.modal-menu-active { overflow-y: hidden; } #modal-menu { background: #f9f9f9; position: fixed !important; top: $header_height; left: 0; right: 0; transition: 0.5s; bottom: 120%; overflow: hidden; display: flex; z-index: 10; &.has-bg { background-image: url(../images/menu-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } &.active { bottom: 0; } .sp-megamenu-parent > li { > a, > span { display: block; &:after { transition: 0.3s; } } &:hover, &.active { > a, > span { color: $link_color; &:after { opacity: 1; } } } } .sp-megamenu-parent > li > a .nav-counter, .sp-megamenu-parent > li > span .nav-counter { font-size: 16px; } .sp-megamenu-parent > li:hover > a:before, .sp-megamenu-parent > li.active > a:before { width: 0; opacity: 0; } .modal-menu-inner { position: relative !important; width: 100%; #menu-dismiss { position: absolute; top: 60px; left: 60px; cursor: pointer; svg { font-size: 55px; } } > .container { display: flex; padding: 70px 0; align-items: center; height: 100%; > .row { width: 100%; } } } ul.sp-megamenu-parent { display: flex !important; flex-direction: column; > li { position: relative; &:not(:last-child) { margin-bottom: 30px; } > a, > span { font-size: 26px; font-weight: 600; line-height: 1.4; text-transform: initial; } } li.sp-has-child { > a, > span { position: relative; &:after { content: "\f105"; font-family: "Font Awesome 5 Free"; float: right; position: absolute; top: 2px; } } &:hover { > a, > span { &:after { transform: translateX(5px); } } > .sp-dropdown { animation: spFadeInDown 0.5s; } } } .sp-dropdown { left: 100% !important; transition: 0.3s; padding-left: 20px; &.sp-dropdown-main { top: 0px; } &.sp-dropdown-mega { top: auto; bottom: 0px; } .sp-dropdown-inner { box-shadow: none; border-radius: 0px; position: relative; overflow: visible !important; max-height: initial; background-color: #fff; padding: 20px; ul > li > a { font-weight: 500 !important; font-size: 15px !important; } } } } .modules-wrapper { display: flex; flex-direction: column; height: 100%; justify-content: center; max-width: 330px; border-left: 2px solid rgb(32 31 31 / 10%); padding: 30px; color: $menu_text_color; a { color: $menu_text_color; &:hover, &:focus { color: $menu_text_hover_color; } } .sp-module { margin-left: 0; margin-bottom: 15px; } .search form { margin-bottom: 30px; input { height: 40px; } } .sp-contact-info { margin-bottom: 10px; display: flex; flex-direction: column; > li { margin-bottom: 35px; > span { font-size: 12px; margin-bottom: 10px; } > a { opacity: 0.7; &:hover, &:focus { opacity: 1; } } } } .social-icons { font-size: 14px; a { opacity: 0.7; &:hover, &:focus { opacity: 1; } } } } } #sp-logo.has-border { position: relative; padding-right: 45px; &:after { content: ""; margin-top: 10px; margin-bottom: 10px; position: absolute; width: 2px; height: calc(var(--header_height) - 20px); right: 15px; background-color: rgba(80, 80, 80, 0.2); } .sp-column { display: inline-flex; align-items: center; } } // profile .sp-profile-wrapper { position: relative; font-size: 14px; .arrow-icon { font-size: 11px; } .sp-profile-dropdown { background: #fff; border: 1px solid #e4e4e4; border-radius: 3px; padding: 10px 15px !important; list-style: none !important; font-size: 14px; position: absolute; min-width: 100px; right: 0; top: 100%; display: none !important; > li:not(:last-child) { border-bottom: 1px solid #e4e4e4; padding-bottom: 5px; margin-bottom: 5px; line-height: 1.3; } } &:hover { .sp-profile-dropdown { display: block !important; animation: spFadeInDown 0.5s; } } } // Page Title #sp-title { min-height: 0; } .sp-page-title { padding: 30px 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-attachment: fixed; .sp-page-title-heading, .sp-page-title-sub-heading { margin: 0; padding: 0; color: #fff; } .sp-page-title-heading { font-size: 24px; line-height: 1; } .sp-page-title-sub-heading { font-size: 14px; font-weight: normal; line-height: 1; margin-top: 10px; } .breadcrumb { background: none; padding: 0; margin: 10px 0 0 0; > .active { color: rgba(255, 255, 255, 0.8); } > span, > li, > li + li:before, > li > a { color: #fff; } } } .breadcrumb { padding: 0.75rem 1rem; background-color: #e9ecef; border-radius: 0.25rem; } // Body .body-innerwrapper { overflow-x: hidden; } .layout-boxed .body-innerwrapper { max-width: 1240px; margin: 0 auto; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } #sp-main-body { padding: 100px 0; } body.view-article.remove-container { .body-innerwrapper { > #sp-main-body, > .sp-main-body { > .container { max-width: 100%; padding: 0; } } } } .com-sppagebuilder #sp-main-body { padding: 0; } // Left and Right #sp-left, #sp-right { .sp-module { margin-top: 50px; border: 1px solid #f3f3f3; padding: 30px; border-radius: 3px; &:first-child { margin-top: 0; } .sp-module-title { margin: 0 0 30px; padding-bottom: 20px; font-size: 22px; font-weight: 700; border-bottom: 1px solid #f3f3f3; } //Un-ordered List ul { list-style: none; padding: 0; margin: 0; > li { display: block; border-bottom: 1px solid #f3f3f3; > a { display: block; padding: 5px 0; line-height: 36px; padding: 2px 0; } &:last-child { border-bottom: none; } } } //List category .categories-module { ul { margin: 0 10px; } } //Latest News .latestnews { > div { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #e8e8e8; &:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } > a { display: block; font-weight: 400; } } } //Tags Cloud .tagscloud { margin: -2px 0; .tag-name { display: inline-block; padding: 5px 10px; background: #808080; color: #fff; border-radius: 4px; margin: 2px 0; span { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; } } } } } // Login Form .login { img { display: inline-block; margin: 20px 0; } .checkbox { input[type="checkbox"] { margin-top: 6px; } } } .form-links { ul { list-style: none; padding: 0; margin: 0; } } // Search .hide-label { border: 0; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .search { .btn-toolbar { margin-bottom: 20px; span.icon-search { margin: 0; } button { color: #fff; } } .phrases { .phrases-box { .controls { label { display: inline-block; margin: 0 20px 20px; } } } .ordering-box { margin-bottom: 15px; } } .only { label { display: inline-block; margin: 0 20px 20px; } } .search-results { dt.result-title { margin-top: 40px; } dt, dd { margin: 5px 0; } } } .filter-search { .chzn-container-single { .chzn-single { height: 34px; line-height: 34px; } } } .form-search { .finder { label { display: block; } .input-medium { width: 60%; border-radius: 4px; } } } .finder { .word { input { display: inline-block; } } .search-results.list-striped { li { padding: 20px 0; } } } // Blog .article-list { .article { margin-bottom: 30px; padding: 20px; border: 1px solid #f5f5f5; border-radius: 3px; .article-intro-image, .article-featured-video, .article-featured-audio, .article-feature-gallery { margin: -20px -20px 20px -20px; border-radius: 3px 3px 0 0; border-bottom: 1px solid #f5f5f5; overflow: hidden; img { border-radius: 3px 3px 0 0; } } .article-header { h1, h2 { font-size: 1.375rem; margin: 0 0 1.25rem 0; a { color: $text_color; &:hover, &:active, &:focus { color: $link_hover_color; } } } } .readmore { font-size: 0.875rem; a { color: $text_color; font-weight: 500; &:hover, &:active, &:focus { color: $link_hover_color; } } } figcaption.caption { text-align: center; font-size: 14px; margin: 5px 0px; opacity: .7; } } } .related-article-large { .article-image { width: 350px; min-width: 350px; } .article-information { border-left: 1px solid #f1f1f1; padding-left: 20px; margin-left: 20px; > span { font-size: 0.813rem; + span::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; content: "/"; } a { color: $text_color; &:hover { color: $link_hover_color; } } } .intro-text { margin-top: 20px; } } } .article-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1rem; > span { font-size: 0.813rem; + span::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; content: "/"; } a { color: $text_color; &:hover { color: $link_hover_color; } } } } .article-details { .article-header { position: relative; h1, h2 { font-size: 2.25rem; } } .article-info { margin-bottom: 1rem; } .article-full-image { img { display: inline-block; border-radius: 4px; } margin-bottom: 2rem; } .article-featured-video, .article-featured-audio, .article-feature-gallery { margin-bottom: 2rem; } .article-ratings-social-share { padding: 1rem 0; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; margin-bottom: 1rem; } .article-author-information { padding-top: 2rem; margin-top: 2rem; border-top: 1px solid #f5f5f5; } .article-can-edit { position: relative; margin-bottom: 10px; a { display: inline-block; background: #2a61c9; color: #fff; padding: 5px 12px; border-radius: 3px; font-size: 14px; } } figcaption.caption { font-size: 14px; margin: 5px 0px; opacity: 0.7; } } .related-article-list-container { margin-top: 15px; .related-article-title { font-size: 22px; padding-bottom: 15px; border-bottom: 1px solid #f3f3f3; } ul.related-article-list { list-style: none; padding: 0; li { margin-bottom: 10px; .article-header { h2 { font-size: 1.2rem; a { color: #252525; &:hover { color: #044cd0; } } } } .published { font-size: 14px; } } } } .tags { list-style: none; padding: 0; margin: -0.3125rem; display: flex; flex-wrap: wrap; > li { display: inline-block; margin: 0.3125rem; a { display: block; font-size: 0.875rem; padding: 0.5rem 1rem; border-radius: 6.25rem; &:hover { color: #fff; } } } } .pager { list-style: none; padding: 2rem 0 0 0; margin: 2rem 0 0 0; border-top: 1px solid #f5f5f5; &::after { display: block; clear: both; content: ""; } > li { display: inline-block; &.previous { float: left; } &.next { float: right; } a { display: inline-block; font-size: 0.785rem; padding: 1rem 2.5rem; border-radius: 100px; } } } #article-comments { padding-top: 2rem; margin-top: 2rem; border-top: 1px solid #f5f5f5; } //Article Voting .article-ratings { display: flex; align-items: center; .rating-symbol { unicode-bidi: bidi-override; direction: rtl; font-size: 1rem; display: inline-block; margin-left: 5px; span.rating-star { font-family: "Font Awesome 5 Free"; font-weight: normal; font-style: normal; display: inline-block; &.active:before { content: "\f005"; font-weight: 900; color: #f6bc00; } &:before { content: "\f005"; padding-right: 5px; } } span.rating-star:hover:before, span.rating-star:hover ~ span.rating-star:before { content: "\f005"; color: #e7b000; font-weight: 900; cursor: pointer; } } .ratings-count { font-size: 0.785rem; color: #4c4b4b; } .fa-spinner { margin-right: 5px; } } // Misc .pagination-wrapper { align-items: center; .pagination { margin-bottom: 0; } } //Social Share .article-social-share { float: right; .social-share-icon { ul { padding: 0; list-style: none; margin: 0; li { &:not(:last-child) { margin-right: 10px; } display: inline-block; a { border: 1px solid #ededed; font-size: 1rem; border-radius: 50%; height: 34px; line-height: 34px; text-align: center; width: 34px; display: inline-block; &:hover, &:focus { color: #fff; } } } } } } .newsfeed-category { .category { list-style: none; padding: 0; margin: 0; li { padding: 5px 0; } } #filter-search { margin: 10px 0; } } .category-module, .categories-module, .archive-module, .latestnews, .newsflash-horiz, .mostread, .form-links, .list-striped { list-style: none; padding: 0; margin: 0; li { padding: 2px 0; h4 { margin: 5px 0; } } } //Social and rating .article-footer-top { display: table; clear: both; width: 100%; .post_rating { float: left; } } // contentpane .contentpane { &:not(.com-sppagebuilder) { padding: 20px; } } // Bottom #sp-bottom { padding: 60px 0 30px; font-size: 14px; line-height: 1.6; .sp-module { margin-bottom: 30px; .sp-module-title { font-weight: 700; font-size: 18px; margin: 0 0 30px; color: #fff; } ul { list-style: none; padding: 0; margin: 0; > li { display: block; margin-bottom: 15px; &:last-child { margin-bottom: 0; } > a { display: block; } } } } } // Footer #sp-footer { font-size: 14px; padding: 0; .container-inner { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); } ul { &.menu { display: inline-block; list-style: none; padding: 0; margin: 0 -10px; li { display: inline-block; margin: 0 10px; a { display: block; &:hover { background: none; } } } } } #sp-footer2 { text-align: right; } } // Coming soon html.coming-soon { width: 100%; height: 100%; min-height: 100%; body { width: 100%; height: 100%; min-height: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding-top: 40px; padding-bottom: 40px; text-align: center; background-repeat: no-repeat; background-position: 50% 40%; } .coming-soon-logo { display: inline-block; margin-bottom: 2rem; } #coming-soon-countdown { margin-top: 4rem; .coming-soon-days, .coming-soon-hours, .coming-soon-minutes, .coming-soon-seconds { margin: 0; float: left; width: 25%; .coming-soon-number { width: 100%; font-size: 4.5rem; letter-spacing: -1px; line-height: 1; } .coming-soon-string { font-size: 1.5rem; letter-spacing: -1px; display: block; text-transform: uppercase; } } } .coming-soon-position { margin-top: 2rem; } .social-icons { margin-top: 4rem; } .coming-soon-login form { display: inline-block; } } // error html.error-page { width: 100%; height: 100%; body { width: 100%; height: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding-top: 40px; padding-bottom: 40px; text-align: center; background-repeat: no-repeat; background-position: 50% 40%; } .error-logo { display: inline-block; margin-bottom: 2rem; } .error-code { margin: 0 0 1rem; font-size: 6rem; line-break: 1; } .error-message { font-size: 1.5rem; margin-bottom: 3rem; } } .sp-social-share { ul { display: block; padding: 0; margin: 20px -5px 0; li { display: inline-block; font-size: 24px; margin: 0 5px; } } } // profile .profile { > div:not(:last-child) { margin-bottom: 30px; } } .dl-horizontal { dt { margin: 8px 0; text-align: left; } } // page-header .page-header { padding-bottom: 15px; } // featured contact table.category { width: 100%; thead, tbody { > tr { border: 1px solid #f2f2f2; th, td { padding: 10px; } } } } //contact from .contact-form { .form-actions { background: none; border: none; } } @media print { .visible-print { display: inherit !important; } .hidden-print { display: none !important; } } // Preloader .sp-preloader { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; > div { border-radius: 50%; height: 50px; width: 50px; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; position: absolute; animation: spSpin 0.75s linear infinite; &:after { content: ""; position: absolute; width: 49px; height: 49px; top: 1px; right: 0; left: 0; margin: auto; border-radius: 50%; } } } .sp-scroll-up { display: none; position: fixed; bottom: 60px; right: 30px; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #fff; background: rgba(100, 100, 100, 0.4); border-radius: 100%; z-index: 1000; transition: all 0.3s ease; &:hover, &:active, &:focus { color: #fff; background: #000; } } // Forms .control-group { margin-bottom: 1rem; } select.form-control:not([multiple]), select.inputbox:not([multiple]), select:not([multiple]) { height: calc(2.25rem + 2px); } .form-control-feedback { display: block; margin-top: 0.25rem; font-size: 0.875em; } //remove bootstrap input focus outline input[type="text"], textarea { outline: none; box-shadow: none !important; } input[type="text"], input[type="email"], input[type="url"], input[type="date"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], select:not(.form-select) { &:not(.form-control) { display: block; width: 100%; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; &:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; } } } // password group meter .password-group { meter { width: 100%; } } .chzn-select, .chzn-select-deselect { width: 100%; } .chzn-container { &.chzn-container-single { .chzn-single { display: block; width: 100%; padding: 0.5rem 0.75rem; line-height: 1.25; height: calc(2.25rem + 2px); color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; box-shadow: none; div { width: 30px; background: none; > b { background: none; position: relative; font: normal normal normal 14px/1 FontAwesome; &:after { content: "\f0dc"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 0.875rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } } } } &.chzn-container-active { &.chzn-with-drop { .chzn-single { border-radius: 0.25rem 0.25rem 0 0; } } } .chzn-search { padding: 0.625rem; input[type="text"] { display: block; width: 100%; padding: 0.5rem 1.429rem 0.5rem 0.75rem; font-size: 0.875rem; line-height: 1.25; height: calc(2rem + 2px); color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; box-shadow: none; -webkit-box-shadow: none; &:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } } &:after { content: "\f002"; font-family: FontAwesome; font-size: 0.875rem; color: rgba(0, 0, 0, 0.2); position: absolute; top: 50%; right: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } } .chzn-drop { border-color: rgba(0, 0, 0, 0.15); border-radius: 0 0 0.25rem 0.25rem; box-shadow: none; -webkit-box-shadow: none; } .chzn-results { li { &.highlighted { background-image: none !important; } } } } &.chzn-container-multi { .chzn-choices { display: block; width: 100%; padding: 0 0.75rem; min-height: calc(2.25rem + 2px); line-height: 1.25; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; box-shadow: none; -webkit-box-shadow: none; li { &.search-field { input[type="text"] { font-size: 0.875rem; font-weight: normal; line-height: 1.25; height: calc(2rem + 2px); background-color: #fff; } } &.search-choice { margin: 5.5px 5px 0 0; padding: 5px 20px 5px 5px; background-image: none; background-color: #f5f5f5; border-color: rgba(0, 0, 0, 0.1); box-shadow: none; -webkit-box-shadow: none; .search-choice-close { background: none; top: 5px; color: rgba(0, 0, 0, 0.2); &:hover { color: rgba(0, 0, 0, 0.5); } &:after { content: "\f00d"; font-family: FontAwesome; font-size: 0.875rem; position: absolute; top: 0; right: 0; } } } } } &.chzn-with-drop { &.chzn-container-active { .chzn-choices { border-radius: 0.25rem; } } .chzn-drop { margin-top: -4px; border: none; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; .chzn-results { &:not(:empty) { padding: 0.75rem; background: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-top: 0; border-radius: 0 0 0.25rem 0.25rem; } li { &.no-results { background: none; } } } } } } } // Form control .form-horizontal { .control-label { float: left; width: auto; padding-top: 5px; padding-right: 5px; text-align: left; } .controls { margin-left: 220px; } } .card-block { padding: 20px; ul { list-style: none; padding: 0; margin: 0; display: block; li { display: block; } } } // Alerts .alert { &.alert-error { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } } .invalid { color: #a51f18; border-color: #a51f18; } // Cookie #sp-cookie-consent { position: fixed; font-size: 16px; font-weight: 500; bottom: 0; left: 0; width: 100%; z-index: 10001; > div { padding: 20px; position: relative; } } #attrib-helix_ultimate_blog_options { #jform_attribs_helix_ultimate_article_format { position: relative; display: inline-block; vertical-align: middle; white-space: nowrap; .form-check-inline { margin: 0; margin-right: -5px; padding-left: 0px; label { display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 13px; line-height: 18px; text-align: center; vertical-align: middle; cursor: pointer; background-color: #f3f3f3; color: #333; border-top: 1px solid #b3b3b3; border-right: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); border-radius: 0; &.btn-success { background: #46a546; color: #fff; } input[type="radio"] { display: none !important; } } &:last-child { label { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } } &:first-child { label { border-left: 1px solid #b3b3b3; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } } } } } .com-contenthistory { .btn-group { display: flex; justify-content: flex-end; button { display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 13px; line-height: 18px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-repeat: repeat-x; border: 1px solid #bbb; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); &:hover { color: #333; background-color: #e9e9e9; } } } } #versionsModal { top: 10%; .modal-dialog { max-width: 80%; } iframe { min-height: 300px; } } body.com-content.view-form.layout-edit .nav-tabs .nav-link { display: block !important; } // noscript fallback style for lazysizes script .no-js img.lazyload { display: none; } #system-message-container { position: fixed; bottom: 0px; right: 15px; max-width: 350px; .alert { font-size: 13px; line-height: 1.5; > .btn-close { position: absolute; right: 5px; top: 5px; cursor: pointer; } } // for joomla4 joomla-alert { font-size: 13px; } } .com-users.view-registration, .com-users.view-profile { #member-registration, #member-profile { .modal-dialog { display: flex; align-items: center; min-height: calc(100% - 1rem); } } } //privacy .registration { #member-registration { #jform_privacyconsent_privacy-lbl { display: inline-flex; > a { position: initial; display: block; color: $text_color; &:hover, &:focus { color: $link_hover_color; } } } } } body.com-users.view-registration { > #sbox-window { overflow: hidden; > #sbox-btn-close { top: 5px; right: 5px; } } } //article frontend editing body.helix-ultimate.hu.view-form.layout-edit { .edit.item-page { > #adminForm { > fieldset { > .joomla-tabs { display: flex; padding: 0; margin: 0 !important; overflow-x: auto; overflow-y: hidden; white-space: nowrap; list-style: outside none none; background-color: #f5f5f5; border-color: #ccc #ccc currentcolor; border-style: solid solid none; border-width: 1px 1px 0; border-radius: 0.25rem 0.25rem 0 0; border-image: none; box-shadow: 0 1px #fff inset, 0 2px 3px -3px rgb(0 0 0 / 15%), 0 -4px 0 rgb(0 0 0 / 5%) inset, 0 0 3px rgb(0 0 0 / 4%); .nav-item > .nav-link { color: var(--text-color); } .nav-item > .nav-link.active { background-color: rgba(0, 0, 0, 0.03); background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.05) 100%); border-right: 0 none; border-left: 0 none; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 2px 0 1px -1px rgb(0 0 0 / 8%) inset, -2px 0 1px -1px rgb(0 0 0 / 8%) inset, 0 1px 0 rgb(0 0 0 / 2%) inset; } } > .tab-content { padding: 15px; background-color: #fefefe; border: 1px solid #ccc; border-radius: 0 0 0.25rem 0.25rem; box-shadow: 0 0 3px rgb(0 0 0 / 4%); } #editor { label#jform_title-lbl { margin-bottom: 15px; font-weight: 700; } .js-editor-tinymce { display: flex; flex-direction: column; } } #publishing, #metadata, #attrib-helix_ultimate_blog_options { > .control-group { display: flex; flex-direction: column; > label { margin-bottom: 5px; font-weight: 700; } textarea { width: 100%; } .calendar-container .time td { select { padding: 4px; font-size: 13px; } } } } } } } } body.contentpane.com-media.view-images { .container-popup { #imageForm { > #messages + .well { .row-fluid { display: flex; max-width: 100%; .span8 { flex: auto; > .controls { margin-left: 10px; display: flex; max-width: 500px; #folderlist_chzn, #folderlist { flex: auto; } } #upbutton { background: var(--bs-primary); color: #fff; margin: 0 5px; } } } } .well { > .row-fluid:not(:last-child) { margin-bottom: 5px; > .control-group:not(:last-child) { margin-bottom: 5px; } } } .btn.button-cancel { background: var(--bs-danger); color: #fff; &:hover, &:focus { border-color: var(--bs-danger); } } } } } body.contentpane.com-menus.view-items.layout-modal { #adminForm { .js-stools-container-bar { display: flex; } } } body.contentpane.com-modules.view-modules.layout-modal { .container-popup { #adminForm { > .js-stools { .js-stools-container-bar { display: flex; align-items: center; padding: 10px 0px; > label { margin-right: 10px; } > .btn-wrapper.input-append { display: flex; > button[type="submit"] { background: var(--bs-primary); color: #fff; margin-left: 5px; } } > .btn-wrapper { > button[type="button"] { background: var(--bs-primary); color: #fff; } } } } } } } body.contentpane.com-content.view-articles.layout-modal, body.contentpane.com-menus.view-items.layout-modal, body.contentpane.com-contact.view-contacts.layout-modal { .container-popup { #adminForm { > .js-stools { padding-top: 15px; .js-stools-container-bar { margin-bottom: 10px; > label { margin-right: 10px; } > .btn-wrapper.input-append { display: flex; > button[type="submit"] { background: var(--bs-primary); color: #fff; margin-left: 5px; } } > .btn-wrapper { > button[type="button"] { background: var(--bs-primary); color: #fff; } } } } } } } body.contentpane.com-content.view-articles.layout-modal, body.contentpane.com-contact.view-contacts.layout-modal { .container-popup { #adminForm { .js-stools-container-bar { display: flex; align-items: center; } } } } // misc .modal-dialog.jviewport-width80 { width: 80vw; max-width: none; } // remove button box-shadow on focus .btn:focus { box-shadow: none !important; } PK ! ��;�� � responsive.scssnu �[��� @media (max-width: 1199px) { #sp-header.full-header { padding-left: 15px; padding-right: 15px; } #sp-header.header-with-social { #sp-menu .social-wrap { padding-left: 0px; } } .sp-megamenu-parent { > li { > a, span { padding: 0 10px; } } } } @media (min-width: 992px) { #sp-header.header-with-modal-menu #offcanvas-toggler.offcanvas { display: none !important; } } @media (max-width: 991px) { :root { --header_height: $header_height_sm; } .sp-megamenu-parent { > li { > a, > span { line-height: $header_height_sm; } } } #sp-header { height: $header_height_sm; .logo { height: $header_height_sm; } &.header-with-modal-menu { #offcanvas-toggler { display: flex !important; } #modal-menu-toggler { display: none; } } &.full-header-center, &.header-with-modal-menu, &.full-header-left, &.lg-header, &.header-with-social { #offcanvas-toggler.mega { display: flex !important; } } &.lg-header { #offcanvas-toggler.mega { display: none !important; } .offcanvas-toggler-left.offcanvas { display: flex !important; } } } #sp-header-topbar { .container-inner { > .row { min-height: $header_height_sm; } } } #modal-menu { top: $header_height_sm; } #offcanvas-toggler { height: $header_height_sm; line-height: $header_height_sm; } #sp-logo { &.has-border > .sp-column { border-right: none; padding-right: 0px; } } #sp-menu .social-wrap, #sp-logo.has-border { &:after { display: none; } } #sp-logo.has-border { padding-right: 15px; } #sp-menu .social-wrap { padding-left: 15px; } #sp-header.header-with-modal-menu.center-layout .sp-contact-info, #sp-header.header-with-modal-menu.classic-layout .sp-contact-info { display: none; } #sp-header-topbar { margin: 10px 0px; .container-inner { padding-bottom: 10px; } } } @media (max-width: 767px) { #sp-menu .social-wrap { padding-left: 10px; &:after { display: none; } } #sp-header .menu-wrap { display: none; } } @media (max-width: 575px) { :root { --header_height: $header_height_xs; } .sp-megamenu-parent { > li { > a, > span { line-height: $header_height_xs; } } } #sp-header { height: $header_height_sm; .logo { height: $header_height_sm; } } #sp-header-topbar { .container-inner { > .row { min-height: $header_height_xs; } } } #modal-menu { top: $header_height_xs; } #offcanvas-toggler { height: $header_height_sm; line-height: $header_height_sm; } #sp-header { .sp-module { margin-left: 10px; .sp-sign-in .text { display: none; } } } #sp-menu { ul.social-icons { > li:not(:last-child) { margin-right: 10px; } } } #sp-header { &.lg-header { .top-part { border-bottom: none; } #sp-contact { order: 1; } #sp-logo { order: 3; } #sp-social { order: 2; .sp-column { justify-content: center !important; } .social-icons { margin: 0; > li:not(:last-child) { margin-right: 10px; } } } .sp-contact-info { text-align: center; margin: 5px 0; } } } .header-has-modules { .container-inner > .row { flex-wrap: wrap !important; } #offcanvas-toggler { height: auto; line-height: 1.2; } } html.coming-soon #coming-soon-countdown { .coming-soon-days, .coming-soon-hours, .coming-soon-minutes, .coming-soon-seconds { width: 50%; margin-bottom: 15px; .coming-soon-number { font-size: 2.5rem; } .coming-soon-string { font-size: 14px; } } } //result page btn group .view-search #search-form { .btn-group { flex-wrap: wrap; } button, .btn { border-radius: 3px; } } } PK ! ���� � rtl.scssnu �[��� /** * @package Helix Ultimate Framework * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2022 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later */ @import 'bs4-rtl'; body.rtl { text-align: right; .sp-scroll-up { right: auto; left: 30px; } .article-details { .link-edit-article { right: auto; left: 0; } } // Menu .sp-megamenu-parent { float: left; > li { &.sp-has-child > a:before, &.sp-has-child > span:before { font-family: 'Font Awesome 5 Free'; content: '\f107'; float: left; margin-right: 7px; font-weight: 900; } .sp-menu-badge { &.sp-menu-badge-right { margin-right: 7px; } &.sp-menu-badge-left { margin-left: 7px; } } } .sp-dropdown { .sp-dropdown-items { .sp-has-child > a:after { font-family: 'Font Awesome 5 Free'; content: '\f104'; float: left; margin-right: 7px; } } &.sp-menu-center { margin-right: 45px; } &.sp-dropdown-main { &.sp-menu-right { right: 0; } &.sp-menu-full { right: auto; left: 0; } &.sp-menu-left { left: 0; } } &.sp-dropdown-sub { right: 100%; } } } #offcanvas-toggler { &.offcanvas-toggler-right { float: left; margin-right: 20px; } &.offcanvas-toggler-left { float: right; margin-left: 20px; } } &.offcanvs-position-left { .body-wrapper { right: 0; } .offcanvas-menu { right: -$offcanvas_width; } &.offcanvas-active { .offcanvas-menu { right: 0; top: 0; } .body-wrapper { right: $offcanvas_width; } } } &.offcanvs-position-right { .body-wrapper { left: 0; } .offcanvas-menu { left: -$offcanvas_width; } &.offcanvas-active { .offcanvas-menu { left: 0; top: 0; } .body-wrapper { left: $offcanvas_width; } } } .close-offcanvas { left: 15px; } .offcanvas-menu { .offcanvas-inner { .sp-module { ul { > li { &.menu-parent { > a, > .menu-separator { > .menu-toggler { left: 0; } } } ul { margin-right: 10px; } } } } } } }PK ! �r�@ @ bs4-rtl.scssnu �[��� body.rtl { direction: rtl; .dropdown-menu { float: right; text-align: right; } .close { float: left; } .float-start { float: right !important; } .float-end { float: left !important; } @media (min-width: 576px) { .float-sm-start { float: right !important; } .float-sm-end { float: left !important; } } @media (min-width: 768px) { .float-md-start { float: right !important; } .float-md-end { float: left !important; } } @media (min-width: 992px) { .float-lg-start { float: right !important; } .float-lg-end { float: left !important; } } @media (min-width: 1200px) { .float-xl-start { float: right !important; } .float-xl-end { float: left !important; } } .text-start { text-align: right !important; } .text-end { text-align: left !important; } @media (min-width: 576px) { .text-sm-start { text-align: right !important; } .text-sm-end { text-align: left !important; } } @media (min-width: 768px) { .text-md-start { text-align: right !important; } .text-md-end { text-align: left !important; } } @media (min-width: 992px) { .text-lg-start { text-align: right !important; } .text-lg-end { text-align: left !important; } } @media (min-width: 1200px) { .text-xl-start { text-align: right !important; } .text-xl-end { text-align: left !important; } } code, kbd, pre, samp { direction: ltr; unicode-bidi: bidi-override; } .me-auto, .mx-auto { margin-right: initial!important; margin-left: auto!important; } }PK ! 6dz� template.scssnu �[��� // Bootstrap functions @import "../../../../vendor/bootstrap/scss/functions"; @import "tools/variables/variables"; @import "../../../../vendor/bootstrap/scss/variables"; @import "../../../../vendor/bootstrap/scss/variables-dark"; @import "../../../../vendor/bootstrap/scss/maps"; @import "../../../../vendor/bootstrap/scss/mixins"; @import "../../../../vendor/bootstrap/scss/utilities"; // Variables, Functions and Mixins @import "tools/tools"; // Bootstrap @import "../../../../vendor/bootstrap/scss/bootstrap"; // jQuery Minicolors @import "../../../../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"; // Finally add the cassiopeia colours :root { @each $color, $value in $cassiopeia-colors { --#{$color}: #{$value}; } } PK ! ]��sD� D� _variables.scssnu �[��� @use "sass:color"; // Remove prefix added in BS5 for compat with Joomla beta's shipped with Betas $prefix: ""; // Use dark mode conditionally based on data-bs-theme attribute $color-mode-type: data; // Enable dark mode in J5.0 $enable-dark-mode: true; // Variables $white: #fff; $whiteoffset: #fefefe; $gray-100: #f8f9fa; $gray-200: #e8e8e8; $gray-300: #dee2e6; // used for toolbar and badges $gray-400: #cdcdcd; // used for border-bottom sidebar-nav and toolbar normal border $gray-500: #adb5bd; // used in toolbar and buttons for border $gray-600: #666e76; // used for atum-text-dark and $secondary $gray-700: #495057; // used for atum-text-dark, secondary $gray-800: #343a40; $gray-900: #212529; // used for tree header $bluegray: #b2bfcd; // used for borders $black: #000; // used for shadows $dark-blue: #001b4c; // is the atum-special-color $light-blue: #2a69b8; // is the template-link-color // BS Colours $blue: #2a69b7; // Same as hsl(213, 63%, 44%); // base color for calculation, Primary-color $indigo: #0377be; // used in bootstrap $purple: #6f42c1; // used in bootstrap $pink: #971250; // used in bootstrap $red: #c52827; // used in bootstrap $red-dark: #3b0d0c; // used for alerts error $yellow: #ffb514; // used in bootstrap $green: #457d54; // used in bootstrap $green-dark: #0f2f21; // used for alert success $teal: #20c997; // used in bootstrap $cyan: #107d8e; // used in bootstrap $darkblue: #132f53; $base-color: $darkblue; // Atum colours defined as scss variables for use in scss functions $atum-text-dark: $gray-700; $success: $green; $danger: $red; $info: $light-blue; $warning: #ffb514; $featured: #c78800; $theme-colors: ( "primary": $darkblue, "secondary": $gray-700, "success": $success, "info": $light-blue, "warning": $warning, "danger": $danger, "light": $gray-100, "dark": $gray-900, "action": $base-color, "error": $red-dark ) !default; $template-background-light: #f0f4fb; // light background color, frontend dashboard background and installer body background // Font weights $thin-weight: 100; $extralight-weight: 200; $light-weight: 300; $normal-weight: 400; $medium-weight: 500; $semibold-weight: 600; $bold-weight: 700; $extrabold-weight: 800; $black-weight: 900; $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-bg: var(--template-bg-light); $form-select-bg-size: calc(max(100%, 116rem)); $form-select-bg-size-sm: 75rem; // links $template-link-color: var(--template-link-color); $template-link-hover-color: var(--template-link-hover-color); //$form-select-background: $form-select-bg $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-bg $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) $atum-colors: ( template-sidebar-bg: var(--template-bg-dark-80), template-sidebar-font-color: $white, template-sidebar-link-color: $white, template-bg-light: $template-background-light, template-link-color: var(--link-color), template-link-hover-color: var(--link-hover-color), template-text-light: $white, template-text-dark: $atum-text-dark, template-special-color: $dark-blue, template-contrast: $light-blue, template-quickicon-color: hsl(var(--hue), 30%, 40%), 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%), media-manager-overlay-header-bg: var(--template-bg-dark-5), media-manager-infobar-dt-color: rgba(0, 0, 0, .54), media-manager-content-bg: var(--body-bg), media-manager-file-icon-color: hsl(var(--hue), 20%, 60%), media-manager-content-color: $light-blue, media-manager-overlay-bg: var(--template-bg-dark-3), media-manager-disk-name-color: var(--template-text-dark), media-manager-tree-item-hover-bg: #e1e1e1, media-manager-toolbar-icon-color: var(--template-bg-dark-60), media-manager-border: 1px solid var(--template-bg-dark-7), media-browser-file-bg: hsl(var(--hue), 20%, 97%), // media-browser-file-border: 1px solid hsl(var(--hue), 35%, 95%), // media-browser-item-preview-border: 1px solid hsl(var(--hue, 35%, 95%)), media-drive-bg: var(--com-media-manager-content-bg,#fff), media-toolbar-bg: var(--com-media-manager-content-bg,#fff), media-toolbar-icon-bg: transparent, media-toolbar-icon-color: var(--com-media-manager-toolbar-icon-color, var(--template-bg-dark-60)), media-toolbar-icon-bg-hvr: #f0f0f0, media-tree-item-color: var(--template-bg-dark-60), media-manager-breadcrumb-item-bg: var(--com-media-manager-overlay-bg, var(--template-bg-dark-3)), media-tree-active-icon-color: $light-blue, image-bg: #fff, image-bg-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%)), template-quickicon-bg: hsl(var(--hue), 60%, 97%), template-quickicon-bg-hvr: var(--template-bg-dark), form-control-bg: var(--template-text-light), form-control-bg-disabled: var(--gray-200), form-control-border: var(--border-width) solid var(--template-bg-dark-20), form-check-input-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"), form-check-input-checked-bg-color: $blue, form-check-input-border: var(--border-width) solid var(--template-bg-dark-20), form-select-background: $form-select-bg $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-bg $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-border: var(--form-control-border), form-select-success-bg: var(--white-offset), form-select-danger-bg: var(--white-offset), form-select-disabled-bg: var(--gray-200), form-select-option: var(--template-text-dark), form-select-option-disabled-bg: var(--template-bg-dark-5), file-selector-btn-bg: var(--template-bg-dark-70), file-selector-btn-bg-hvr: var(--template-bg-dark-50), // background: bg-normal: var(--template-bg-light), bg-reverted: var(--template-bg-dark-60), // text text-normal: var(--template-text-dark), text-reverted: var(--template-text-light), text-muted-color: var(--template-text-dark) !important, text-muted-hvr-color: var(--template-text-light) !important, // quickicons quickicon-bg: var(--white), quickicon-color: var(--template-quickicon-color), quickicon-color-hvr: var(--template-quickicon-color), quickicon-border: 1px solid hsl(var(--hue), 50%, 93%), quickicon-border-radius: 4px, quickicon-link-hvr: $white, quickicon-linkadd-bg: hsl(var(--hue), 50%, 93%), quickicon-linkadd-bg-hvr: var(--template-bg-dark), quickicon-linkadd-color: var(--template-quickicon-color), quickicon-amount-bg: hsl(var(--hue), 50%, 93%), // modules new-modules-color: var(--template-quickicon-color), new-modules-bg: hsl(var(--hue), 60%, 97%), new-modules-bg-hvr: var(--template-bg-dark), new-modules-icon-color: var(--template-quickicon-color), new-modules-icon-color-hvr: hsl(var(--hue), 50%, 93%), new-module-color: var(--text-color), new-module-bg: var(--template-quickicon-bg), new-module-border: 1px solid hsl(var(--hue), 50%, 93%), new-module-link-bg: hsl(var(--hue), 50%, 93%), new-module-link-span: var(--quickicon-color), new-module-link-hvr: var(--new-modules-bg-hvr), new-module-link-span-hvr: var(--new-modules-icon-color-hvr), // sidebar incl. main-nav sidebarwrapper-bg: var(--template-sidebar-bg), sidebar-item-color: $white, sidebar-item-color-hvr: var(--template-text-light), sidebar-item-bg-hvr: var(--template-bg-dark-65), sidebar-toggle-bg: var(--template-bg-dark-60), sidebar-toggle-link: $white, main-nav-ul-bg: var(--template-bg-dark-75), main-nav-divider-bg: var(--template-bg-dark-60), main-nav-item-title: var(--template-bg-dark-30), main-nav-item-title-hvr-bg: var(--template-bg-dark-60), main-nav-mm-active-bg: var(--template-bg-dark-70), main-nav-mm-active-quicktask-bg: var(--template-bg-dark-60), main-nav-badge: var(--template-bg-dark-60), mobile-menu-collapse-bg: var(--template-bg-dark-50), // header-content header-bg: var(--template-bg-dark), header-item-content-bg: var(--template-bg-dark-60), header-item-content-bg-hvr: var(--template-bg-dark-50), header-item-content-border-radius: 22px, header-item-content-jversion-color: var(--bluegray), header-item-content-jversion-bg: transparent, header-logo-bg: var(--template-bg-dark-70), // table table-color: var(--body-color), table-border-top-nfc: 2px solid #dee2e6, table-link-color: var(--template-link-color), table-link-font-weight: $medium-weight, table-link-font-weight-sorted: $medium-weight, badge-bg-info: var(--info) !important, // card card-header-color: var(--template-bg-dark), card-bg: hsla(0, 0%, 100%, .7), card-header-bg: var(--card-bg), card-body-bg: var(--card-bg), main-card-bg: var(--body-bg), main-card-col-border-left: 1px solid var(--template-bg-dark-10), // cpanel module-actions-color: var(--body-color), // lists atum-list-group-border-color: var(--template-bg-dark-15), // box-shadow: atum-box-shadow: 0 2px 10px -8px var(--template-bg-dark-50), dropdown-box-shadow: 0 1px 1px rgba($black, .15), quickicon-box-shadow-success: 0 0 3px 0 var(--success), quickicon-box-shadow-danger: 0 0 3px 0 var(--danger), quickicon-box-shadow-warning: 0 0 3px 0 var(--warning), login-box-shadow: 0 4px 20px -10px var(--template-bg-dark-50), login-focus-box-shadow: inset 0 0 1px 1px var(--template-contrast), modal-btn-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .25), modal-joomla-dialog-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15), form-aria-grabbed-box-shadow: 0 0 2px 1px var(--template-bg-dark), choices__button_joomla-focus-box-shadow: 0 0 0 2px #00bcd4, joomla-tab-accordion-box-shadow: (0 1px $white inset, 0 0 3px rgba(0, 0, 0, .04)), joomla-tab-btn-hvr: var(--template-bg-dark-60), joomla-tab-btn-aria-exp-bg: var(--template-bg-dark-3), joomla-tab-btn-region-border: 1px solid var(--template-bg-dark-3), joomla-tablist-btn-aria-exp: var(--template-text-light), joomla-tablist-btn-aria-exp-bg: var(--template-bg-dark-60), joomla-tablist-btn-aria-exp-aft-bg: var(--template-bg-dark), joomla-tablist-border-bottom: 1px solid var(--template-bg-dark-10), joomla-tab-tablist-border: 1px solid $gray-300, joomla-tab-vert-border-bottom: 1px solid $gray-300, admin-background: var(--template-bg-light), options-form-color: var(--template-text-dark), options-form-bg: unset, options-form-border: 1px solid var(--template-bg-dark-20), options-form-legend-color: var(--template-text-dark), options-form-legend-bg: inherit, // details details-bg: var(--template-bg-dark-3), details-border: 1px solid var(--template-bg-dark-10), // nav nav-header-color: var(--template-bg-dark), // choices choices-input-border-color: var(--body-bg), // TODO choices-input-bg: var(--body-bg), choices-input-placeholder: $gray-700, choices-list-multiple-item-bg: var(--template-bg-dark), choices-list-multiple-item: $white, // switcher switcher-toggle-inside-bg: #fff, switcher-toggle-outside-off-bg: #d3d3d3, switcher-toggle-outside-on-bg: #2f7d32, // input input-border-color: var(--template-bg-dark-20), // icons featured-icon-color: $featured, // users users-method-image: var(--light), users-methods-reset-cont-bg: var(--light), users-method-header-inact-bg: var(--light), // Login login-label-color: $dark-blue, // Icons icon-success: var(--success), icon-success-border: var(--success), icon-checkedout-color: var(--template-text-dark), // Buttons btn-primary-color: var(--template-text-light), btn-primary-bg: var(--template-bg-dark-60), btn-primary-border: 1px solid var(--template-bg-dark-60), btn-primary-bg-hvr: var(--template-bg-dark-70), btn-primary-border-hvr: 1px solid var(--template-bg-dark-90), btn-primary-toggle-bg: var(--template-bg-dark), btn-primary-toggle-border: var(--template-bg-dark), btn-secondary-bg: var(--template-bg-dark-60), btn-secondary-border: 1px solid var(--template-bg-dark-60), btn-secondary-color: var(--template-text-light), btn-secondary-bg-hvr: var(--template-bg-dark-70), btn-secondary-color-hvr: var(--template-text-light), btn-info-color: var(--template-text-light), btn-info-bg: $info, btn-info-border: 1px solid $info, btn-info-bg-hvr: color.adjust($info, $lightness: -10%), btn-info-border-hvr: 1px solid color.adjust($info, $lightness: -10%), btn-outline-secondary-color: gray-700, btn-outline-secondary-bg: transparent, btn-outline-secondary-border: var(--btn-secondary-border), btn-dark-border: 1px solid rgba(0,0,0,.85), btn-dark-bg: rgba(0,0,0,.9), btn-dark-bg-hvr: #000, btn-dark-color: #fff, btn-dark-color-hvr: #fff, btn-light-bg: #f8f9fa, btn-light-border: 1px solid #f8f9fa, btn-light-bg-hvr: #d3d4d5, input-group-text-bg: var(--template-bg-dark), input-group-text-border: 1px solid var(--template-bg-dark), // search js-stools-btn-clear-bg: var(--template-bg-dark), js-stools-btn-clear-disabled-bg: var(--btn-disabled-bg), js-stools-btn-clear-disabled-border: rgba($gray-300, .8), // cpanel cpanel-addmodule-hover: var(--template-bg-dark), // Dropdown dropdown-header-bg: var(--template-bg-dark), dropdown-item-bg: var(--template-bg-dark-70), dropdown-item-bg-hvr: var(--template-bg-dark), dropdown-item-border-bottom: 1px solid rgba(0, 0, 0, .1), atum-dropdown-link-hover-bg: var(--tertiary-bg), atum-dropdown-link-hover-color: var(--body-color), // Alerts // TODO change this color block to better suitable colors in a future PR states-link-color: var(--template-link-color), states-btn-primary-bg: var(--btn-primary-bg), states-btn-primary-bg-hover: var(--btn-primary-bg-hvr), states-btn-primary-color: var(--btn-primary-color), states-btn-primary-border: var(--btn-primary-bg), state-success-text: $success, state-success-text-hvr: color.adjust($success, $lightness: 58%), state-success-bg: #f2f8f4, state-success-bg-hvr: $success, state-success-border: hsl(var(--hue), 50%, 93%), state-success-btn-border: 1px solid $success, state-success-icon: #55a258, state-success-icon-hvr: var(--state-success-icon), state-success-heading-bg: $success, state-success-link-color: $success, state-info-text: var(--template-bg-dark-70), state-info-text-hvr: var(--body-bg), state-info-bg: #dbe4f0, state-info-bg-hvr: var(--template-bg-dark-70), state-info-border: var(--template-bg-dark-70), state-info-icon: var(--template-bg-dark-70), state-info-heading-bg: var(--template-bg-dark-70), state-info-link-color: var(--template-bg-dark-70), state-warning-text: #996901, state-warning-text-hvr: color.adjust($warning, $lightness: 44%), state-warning-bg: #fffcf4, state-warning-bg-hvr: #996900, state-warning-border: #ffb512, state-warning-icon: $warning, state-warning-heading-bg: #ffb512, state-warning-link-color: var(--warning-text-emphasis), state-danger-text: var(--danger-text-emphasis), state-danger-text-hvr: color.adjust($danger, $lightness: 52%), state-danger-bg: #f3d4d4, state-danger-bg-hvr: $danger, state-danger-border: var(--danger-border-subtle), state-danger-icon: #ce8484, state-danger-heading-bg: $danger, state-danger-link-color: var(--danger-text-emphasis), state-error-text: $danger, state-error-text-hvr: $danger, state-error-bg: color.adjust($danger, $lightness: 52%), state-error-bg-hvr: color.adjust($danger, $lightness: 52%), state-error-border: 1px solid $danger, state-error-icon: color.adjust($danger, $lightness: 20%), state-error-heading-bg: $danger, alert-info-color: var(--template-bg-dark), alert-info-bg: var(--template-bg-dark-10), alert-info-border: 1px solid var(--template-bg-dark-20), alert-link-text-color: var(--info-text-emphasis), alert-accent-color: #fff, // Subhead atum-subhead-color: var(--template-text-dark), atum-subhead-bg: $white, atum-subhead-bg-img: (linear-gradient(var(--toolbar-bg), var(--template-bg-dark-3))), atum-btn: $atum-text-dark, atum-btn-icon: $atum-text-dark, atum-btn-icon-hvr: var(--template-text-light), atum-btn-bg: var(--body-bg), atum-btn-bg-hvr: $atum-text-dark, atum-btn-border: 1px solid hsl(var(--hue),20%,80%), atum-btn-hvr: var(--body-bg), /* btn-success: var(--success), btn-success-icon: var(--atum-btn-success-bg-hvr), btn-success-icon-hvr: var(--template-text-light), btn-success-bg: var(--body-bg), btn-success-bg-hvr: var(--success), btn-success-border: 1px solid hsl(var(--hue),20%,80%), btn-success-hvr: var(--body-bg), */ atum-btn-success: var(--success), atum-btn-success-icon: var(--atum-btn-success-bg-hvr), atum-btn-success-icon-hvr: var(--template-text-light), atum-btn-success-bg: var(--body-bg), atum-btn-success-bg-hvr: var(--success), atum-btn-success-border: 1px solid hsl(var(--hue),20%,80%), atum-btn-success-hvr: var(--body-bg), atum-btn-danger: $danger, atum-btn-danger-icon: $danger, atum-btn-danger-icon-hvr: var(--template-text-light), atum-btn-danger-bg: var(--body-bg), atum-btn-danger-bg-hvr: $danger, atum-btn-danger-border: 1px solid hsl(var(--hue),20%,80%), atum-btn-danger-hvr: var(--body-bg), atum-btn-info: $atum-text-dark, atum-btn-info-color-hvr: var(--template-text-light), atum-btn-info-icon: $info, atum-btn-info-icon-hvr: var(--atum-btn-hvr), atum-btn-info-bg: var(--body-bg), atum-btn-info-bg-hvr: $info, atum-btn-info-border: 1px solid hsl(var(--hue),20%,80%), atum-btn-info-hvr: var(--body-bg), atum-btn-primary: var(--template-link-color), atum-btn-primary-icon: var(--template-link-color), atum-btn-primary-icon-hvr: var(--template-text-light), atum-btn-primary-bg: var(--body-bg), atum-btn-primary-bg-hvr: var(--template-link-color), atum-btn-primary-border: 1px solid hsl(var(--hue),20%,80%), atum-btn-primary-hvr: var(--body-bg), atum-btn-action: var(--template-text-light), atum-btn-action-icon: var(--template-bg-dark), atum-btn-action-icon-hvr: var(--template-text-light), atum-btn-action-bg: var(--body-bg), atum-btn-action-bg-hvr: var(--template-bg-dark), atum-btn-action-border: 1px solid hsl(var(--hue),20%,80%), atum-btn-action-hvr: var(--body-bg), atum-list-group-bg: var(--body-bg), // rgba(255, 255, 255, .05), // Calendar atum-calendar-week-bg: #f4f4f4, atum-calendar-bg: var(--body-bg), atum-calendar-buttons-color: #495057, // var(--btn-primary-bg); atum-calendar-disabled-color: #999, // #4b4b4b, atum-calendar-disabled-bg: #fff, // rgba(0,0,0,.5), atum-calendar-select-bg: $form-select-bg, atum-calendar-select-bg-url: url("../../images/select-bg.svg"), atum-calendar-select-bg-url-rtl: url("../../images/select-bg-rtl.svg"), // Permissions permissions-sliders-oddCol-bg: var(--template-bg-light), respTable-border-bottom: 1em solid var(--template-bg-dark-80), // Treeselect treeselect-line-color: hsl(var(--hue), 40%, 93%), treeselect-dropdown-toggle: var(--template-text-dark), icon-check-square-bg: rgb(33,37,41), icon-square-bg: rgb(33,37,41), icon-check-square-color: var(--template-text-light), icon-square-color: var(--template-text-light), // Table Row Dragging drag-color: #151515, drag-background-color: $teal, success-text: $success, success: $success, successhvr: color.adjust($success, $lightness: -15%), danger-text: $danger, danger: $danger, dangerhvr: color.adjust($danger, $lightness: -15%), darkdanger: $danger, darkdangerhvr: color.adjust($danger, $lightness: -15%), warning-text: #000, warning: $warning, warninghvr: color.adjust($warning, $lightness: -15%), ); $colors: ( card-bg: rgba(255, 255, 255, .7), card-color: var(--template-bg-dark-60), bluegray: $bluegray, lightbluegray: #f6f9fc, toolbar-bg: $white, success-border: var(--success), info-border: var(--info), warning-border: var(--warning), danger-border: var(--danger), login-main-bg: color.adjust($base-color, $lightness: -8%), // used on login border: $gray-400, "white": $white, // the key here must be in quotes to avoid scss compilation warnings. white-offset: $whiteoffset, focus: #39f, focus-shadow: #eaeaea, toggle-color: $white, // used in sidebar ); // Alerts $alert-border-level: 0; $alert-color-level: 0; // Global $btn-disabled-opacity: .4; $admin-background: var(--admin-background); $bg-normal: var(--bg-normal); $bg-reverted: var(--bg-reverted); // Login $login-box-shadow: var(--login-box-shadow); $login-focus-box-shadow: var(--login-focus-box-shadow); // Toolbar $atum-toolbar-line-height: 2.45rem; // Sidebar $sidebar-width: 18rem; $sidebar-width-login: 28.75rem; $sidebar-width-closed: 3rem; $main-brand-height: 3rem; $sidebarwrapper-bg: var(--sidebarwrapper-bg); $sidebar-item-color: var(--sidebar-item-color); $sidebar-item-color-hvr: var(--sidebar-item-color-hvr); $sidebar-item-bg-hvr: var(--sidebar-item-bg-hvr); $sidebar-toggle-bg: var(--sidebar-toggle-bg); $sidebar-toggle-link: var(--sidebar-toggle-link); $main-nav-ul-bg: var(--main-nav-ul-bg); $main-nav-divider-bg: var(--main-nav-divider-bg); $main-nav-item-title: var(--main-nav-item-title); $main-nav-mm-active-bg: var(--main-nav-mm-active-bg); $main-nav-mm-active-quicktask-bg: var(--main-nav-mm-active-quicktask-bg); $main-nav-badge: var(--main-nav-badge); $main-nav-item-title-hvr-bg: var(--main-nav-item-title-hvr-bg); $mobile-menu-collapse-bg: var(--mobile-menu-collapse-bg); // Fonts $font-family-sans-serif: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default; $h1-font-size: 1.65rem; $h2-font-size: 1.5rem; $h3-font-size: 1.25rem; $h4-font-size: 1rem; $h5-font-size: .9286rem; $h6-font-size: .8571rem; $headings-color: var(--template-bg-dark); $font-size-sm: .8rem; $font-size-vsm: .6rem; $display1-size: 1rem; $display2-size: .875rem; $content-font-size: .875rem; $label-font-size: 1rem; $danger-bg: #900; $badge-font-size: .75rem; $jicon-css-prefix: icon !default; $fa-css-prefix: fa !default; $fa-font-path: "../../../../media/vendor/fontawesome-free/webfonts"; $roboto-font-path: "../../../../../media/vendor/roboto-fontface/fonts"; // Tables $table-cell-padding-y: .75rem; $table-cell-padding-x: 1rem; $table-cell-padding-y-sm: .3rem; $table-cell-padding-x-sm: .3rem; $table-group-separator-color: $gray-300; $table-border-top-nfc: var(--table-border-top-nfc); $table-link-color: var(--table-link-color); $table-link-font-weight: var(--table-link-font-weight); $table-link-font-weight-sorted: var(--table-link-font-weight-sorted); $badge-bg-info: var(--badge-bg-info); // card $card-header-color: var(--card-header-color); $card-header-bg: var(--card-header-bg); $card-bg: var(--card-bg); $main-card-bg: var(--main-card-bg); $main-card-col-border-left: var(--main-card-col-border-left); $card-body-bg: var(--card-body-bg); // cpanel $module-actions-color: var(--module-actions-color); // Dropdowns $dropdown-padding-y: 0; $dropdown-box-shadow: var(--dropdown-box-shadow); $dropdown-link-hover-color: var(--template-text-dark); $dropdown-border-width: 1px; $dropdown-item-padding-y: .5rem; $dropdown-item-padding-x: .75rem; $dropdown-spacer: 0; // Cards $card-border-width: 0; $card-border-color: transparent; // Details $details-bg: var(--details-bg); $details-border: var(--details-border); // nav $nav-header-color: var(--nav-header-color); // users $users-method-image: var(--users-method-image); $users-methods-reset-cont-bg: var(--users-methods-reset-cont-bg); $users-method-header-inact-bg: var(--users-method-header-inact-bg); // Icons $icon-success: var(--icon-success); $icon-success-border: var(--icon-success-border); $icon-checkedout-color: var(--icon-checkedout-color); // Buttons $btn-primary-color: var(--btn-primary-color); $btn-primary-bg: var(--btn-primary-bg); $btn-primary-border: var(--btn-primary-border); $btn-primary-bg-hvr: var(--btn-primary-bg-hvr); $btn-primary-border-hvr: var(--btn-primary-border-hvr); $btn-primary-toggle-bg: var(--btn-primary-toggle-bg); $btn-primary-toggle-border: var(--btn-primary-toggle-border); $btn-secondary-bg: var(--btn-secondary-bg); $btn-secondary-border: var(--btn-secondary-border); $btn-outline-secondary-color: var(--btn-outline-secondary-color); $btn-outline-secondary-bg: var(--btn-outline-secondary-bg); $btn-outline-secondary-border: var(--btn-outline-secondary-border); $input-group-text-bg: var(--input-group-text-bg); $input-group-text-border: var(--input-group-text-border); // Search $js-stools-btn-clear-bg: var(--template-bg-dark); $js-stools-btn-clear-disabled-bg: var(--btn-disabled-bg); $js-stools-btn-clear-disabled-border: var(--js-stools-btn-clear-disabled-border); // Dropdown $dropdown-header-bg: var(--dropdown-header-bg); $dropdown-item-bg: var(--dropdown-item-bg); $dropdown-item-bg-hvr: var(--dropdown-item-bg-hvr); // Alerts $state-success-text: $success; $state-success-text-hvr: $success; $state-success-bg: color.adjust($success, $lightness: 58%); $state-success-bg-hvr: color.adjust($success, $lightness: 58%); $state-success-border: var(--state-success-border); $state-success-btn-border: var(--state-success-btn-border); $state-success-icon: var(--state-success-icon); $state-success-icon-hvr: var(--state-success-icon-hvr); $state-success-heading-bg: var(--state-success-heading-bg); $state-info-text: var(--state-info-text); $state-info-text-hvr: var(--state-info-text); $state-info-bg: color.adjust($info, $lightness: 90%); $state-info-bg-hvr: var(--state-info-bg); $state-info-border: var(--state-info-border); $state-info-icon: var(--state-info-icon); $state-info-heading-bg: var(--state-info-heading-bg); $state-warning-text: var(--state-warning-text); $state-warning-text-hvr: var(--state-warning-text); $state-warning-bg: var(--state-warning-bg); $state-warning-bg-hvr: var(--state-warning-bg); $state-warning-border: var(--state-warning-border); $state-warning-icon: var(--state-warning-icon); $state-warning-heading-bg: var(--state-warning-heading-bg); $state-danger-text: var(--state-danger-text); $state-danger-text-hvr: var(--state-danger-text); $state-danger-bg: var(--state-danger-bg); $state-danger-bg-hvr: var(--state-danger-bg); $state-danger-border: var(--state-danger-border); $state-danger-icon: var(--state-danger-icon); $state-danger-heading-bg: var(--state-danger-heading-bg); $state-error-text: var(--state-error-text); $state-error-text-hvr: var(--state-error-text); $state-error-bg: var(--state-error-bg); $state-error-bg-hvr: var(--state-error-bg); $state-error-border: var(--state-error-border); $state-error-icon: var(--state-error-icon); $state-error-heading-bg: var(--state-error-heading-bg); $alert-border: var(--alert-border); // Badges $badge-padding-x: .2rem; $badge-padding-y: .3rem; $badge-border-radius: .2rem; $success-bg: $green; $success-txt: $white; $warning-bg: #996808; $warning-txt: #fff; $danger-bg: #900; $danger-txt: #fff; $info-bg: $gray-300; $info-txt: $white; // Input Group $input-group-addon-color: var(--white); $input-group-addon-bg: $base-color; $input-group-addon-border-color: var(--template-bg-dark); // Treeselect $treeselect-line-height: 2.2rem; $treeselect-indent: 40px; // List $atum-list-group-border-color: var(--atum-list-group-border-color); $list-group-item-padding-y: .75rem; // Login $login-label-color: var(--login-label-color); // Subhead $atum-subhead-bg: var(--atum-subhead-bg); $atum-subhead-bg-img: var(--atum-subhead-bg-img); $atum-btn-color: var(--atum-btn-color); $atum-btn-bg: var(--atum-btn-bg); $atum-btn-border: var(--atum-btn-border); $atum-btn-hvr: var(--atum-btn-hvr); $atum-btn-success: var(--atum-btn-success); $atum-btn-success-bg: var(--atum-btn-success-bg); $atum-btn-success-border: var(--atum-btn-success-border); $atum-btn-success-hvr: var(--atum-btn-success-hvr); $atum-btn-danger: var(--atum-btn-danger); $atum-btn-danger-bg: var(--atum-btn-danger-bg); $atum-btn-danger-border: var(--atum-btn-danger-border); $atum-btn-danger-hvr: var(--atum-btn-danger-hvr); $atum-btn-info: var(--atum-btn-info); $atum-btn-info-bg: var(--atum-btn-info-bg); $atum-btn-info-border: var(--atum-btn-info-border); $atum-btn-info-hvr: var(--atum-btn-info-hvr); $atum-btn-primary: var(--atum-btn-primary); $atum-btn-primary-bg: var(--atum-btn-primary-bg); $atum-btn-primary-border: var(--atum-btn-primary-border); $atum-btn-primary-hvr: var(--atum-btn-primary-hvr); $atum-btn-secondary: var(--atum-btn-secondary); $atum-btn-action: var(--atum-btn-action); $atum-btn-action-bg: var(--atum-btn-action-bg); $atum-list-group-bg: var(--atum-list-group-bg); // Calendar $atum-calendar-week-bg: var(--atum-calendar-week-bg); $atum-calendar-bg: var(--atum-calendar-bg); $atum-calendar-buttons-color: var(--atum-calendar-buttons-color); $atum-calendar-disabled-color: var(--atum-calendar-disabled-color); $atum-calendar-disabled-bg: var(--atum-calendar-disabled-bg); $atum-calendar-select-bg: var(--atum-calendar-select-bg); $atum-calendar-select-bg-url: var(--atum-calendar-select-bg-url); $atum-calendar-select-bg-url-rtl: var(--atum-calendar-select-bg-url-rtl); // Permissions $permissions-sliders-oddCol-bg: var(--permissions-sliders-oddCol); $respTable-border-bottom: var(--respTable-border-bottom); // Media Manager $media-manager-overlay-header-bg: var(--media-manager-overlay-header-bg); $media-manager-infobar-dt-color: var(--media-manager-infobar-dt-color); $media-manager-content-bg: var(--media-manager-content-bg); $media-manager-content-color: var(--media-manager-content-color); $media-manager-file-icon-color: var(--media-manager-file-icon-color); //?? inherit $media-manager-overlay-bg: var(--media-manager-overlay-bg); $media-manager-disk-name-color: var(--media-manager-disk-name-color); $media-manager-tree-item-hover-bg: var(--media-manager-tree-item-hover-bg); $media-manager-toolbar-icon-color: var(--media-manager-toolbar-icon-color); $media-manager-border: var(--media-manager-border); $media-browser-file-bg: var(--media-browser-file-bg); //$media-browser-item-preview-border: var(--media-browser-item-preview-border); $media-drive-bg: var(--media-drive-bg); //$media-drive-border: var(--media-drive-border); $media-toolbar-bg: var(--media-toolbar-bg); //$media-toolbar-border-bottom: var(--media-toolbar-border-bottom); //$media-toolbar-border-inline-start: var(--media-toolbar-border-inline-start); $media-toolbar-icon-bg: var(--media-toolbar-icon-bg); //$media-toolbar-icon-border-start: var(--media-toolbar-icon-border-start); $media-toolbar-icon-color: var(--media-toolbar-icon-color); $media-toolbar-icon-bg-hvr: var(--media-toolbar-icon-bg-hvr); $media-tree-item-color: var(--media-tree-item-color); // var(--template-bg-dark-60); $media-manager-breadcrumb-item-bg: var(--media-manager-breadcrumb-item-bg); $media-tree-active-icon-color: var(--media-tree-active-icon-color); $image-bg: var(--image-bg); // #fff; $image-bg-image: var(--image-bg-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%); // Buttons $input-btn-padding-y-sm-submenu: 0; $input-btn-padding-x-sm-submenu: 1.625rem; $input-btn-submenu-icon-distance: 1rem; // Custom form $form-select-indicator-padding: 3rem; $form-select-background: var(--form-select-background); $form-select-background-rtl: var(--form-select-background-rtl); $form-select-border: var(--form-select-border); $form-select-border-radius: 4px; $form-select-box-shadow: var(--atum-box-shadow); $form-select-multiple-padding-y: .3rem; $form-select-success-bg: var(--form-select-success-bg); $form-select-danger-bg: var(--form-select-danger-bg); $form-select-disabled-bg: var(--form-select-disabled-bg); $form-select-option: var(--form-select-option); $form-select-option-disabled-bg: var(--form-select-option-disabled-bg); $form-file-button-color: var(--white); $file-selector-btn-bg: var(--file-selector-btn-bg); $file-selector-btn-bg-hvr: var(--file-selector-btn-bg-hvr); // Forms $form-aria-grabbed-box-shadow: var(--form-aria-grabbed-box-shadow); $options-form-color: var(--options-form-color); $options-form-bg: var(--options-form-bg); $options-form-border: var(--options-form-border); $options-form-legend-color: var(--options-form-legend-color); $options-form-legend-bg: var(--options-form-legend-bg); $form-control-bg: var(--form-control-bg); $form-control-bg-disabled: var(--form-control-bg-disabled); $form-control-border: var(--form-control-border); $form-check-input-checked-bg-image: var(--form-check-input-checked-bg-image); $form-check-input-checked-bg-color: var(--form-check-input-checked-bg-color); $form-check-input-border: var(--form-check-input-border); // Input $input-padding: .5rem 1rem; $input-border-color: var(--input-border-color); $input-focus-border-color: var(--focus); $input-box-shadow: var(--atum-box-shadow); $input-max-width: 100%; $input-btn-focus-width: .2rem; $input-btn-focus-color: var(--focus-shadow); $input-btn-padding-y: .5rem; $input-btn-padding-x: 1rem; // Modals $modal-header-height: 2.875rem; $modal-btn-box-shadow: var(--modal-btn-box-shadow); $modal-joomla-dialog-box-shadow: var(--modal-joomla-dialog-box-shadow); // Choices $choices__button_joomla-focus-box-shadow: var(--choices__button_joomla-focus-box-shadow); $choices-input-border-color: var(--choices-input-border-color); $choices-input-bg: var(--choices-input-bg); $choices-input-placeholder: var(--choices-input-placeholder); $choices-list-multiple-item-bg: var(--choices-list-multiple-item-bg); $choices-list-multiple-item: var(--choices-list-multiple-item); // Switcher $switcher-toggle-inside-bg: var(--switcher-toggle-inside-bg); $switcher-toggle-outside-off-bg: var(--switcher-toggle-outside-off-bg); $switcher-toggle-outside-on-bg: var(--switcher-toggle-outside-on-bg); // Joomla-Tab $joomla-tab-accordion-box-shadow: var(--joomla-tab-accordion-box-shadow); $joomla-tab-btn-hvr: var(--joomla-tab-btn-hvr); $joomla-tab-btn-aria-exp-bg: var(--joomla-tab-btn-aria-exp-bg); $joomla-tab-btn-region-border: var(--joomla-tab-btn-region-border); $joomla-tablist-btn-aria-exp: var(--joomla-tablist-btn-aria-exp); $joomla-tablist-btn-aria-exp-bg: var(--joomla-tablist-btn-aria-exp-bg); $joomla-tablist-btn-aria-exp-aft-bg: var(--joomla-tablist-btn-aria-exp-aft-bg); $joomla-tablist-border-bottom: var(--joomla-tablist-border-bottom); $joomla-tab-tablist-border: var(--joomla-tab-tablist-border); $joomla-tab-vert-border-bottom: var(--joomla-tab-vert-border-bottom); // Quickicons $quickicon-bg: var(--quickicon-bg); $quickicon-box-shadow-success: var(--quickicon-box-shadow-success); $quickicon-box-shadow-danger: var(--quickicon-box-shadow-danger); $quickicon-box-shadow-warning: var(--quickicon-box-shadow-warning); $quickicon-icon-size: 2rem; $quickicon-icon-size-sm: 1.3rem; $quickicon-border: var(--quickicon-border); $quickicon-border-radius: var(--quickicon-border-radius); $quickicon-color: var(--quickicon-color); $quickicon-color-hvr: var(--quickicon-color-hvr); $quickicon-link-hvr: var(--quickicon-link-hvr); $quickicon-linkadd-color: var(--quickicon-linkadd-color); $quickicon-linkadd-bg: var(--quickicon-linkadd-bg); $quickicon-amount-bg: var(--quickicon-amount-bg); // Text $text-normal: var(--text-normal); $text-reverted: var(--text-reverted); $text-muted-color: var(--text-muted-color); $text-muted-hvr-color: var(--text-muted-hvr-color); // Modules $new-modules-color: var(--new-modules-color); $new-modules-bg: var(--new-modules-bg); $new-modules-bg-hvr: var(--new-modules-bg-hvr); $new-modules-icon-color: var(--new-modules-icon-color); $new-modules-icon-color-hvr: var(--new-modules-icon-color-hvr); $new-module-color: var(--new-module-color); $new-module-bg: var(--new-module-bg); $new-module-border: var(--new-module-border); $new-module-link-bg: var(--new-module-link-bg); $new-module-link-span: var(--new-module-link-span); $new-module-link-hvr: var(--new-module-link-hvr); $new-module-link-span-hvr: var(--new-module-link-span-hvr); // header-content $header-bg: var(--header-bg); $header-item-content-bg: var(--header-item-content-bg); $header-item-content-bg-hvr: var(--header-item-content-bg-hvr); $header-item-content-border-radius: var(--header-item-content-border-radius); $header-item-content-jversion-color: var(--header-item-content-jversion-color); $header-item-content-jversion-bg: var(--header-item-content-jversion-bg); $header-logo-bg: var(--header-logo-bg); // Gutter $grid-gutter-width: 2rem; $grid-gutter-width-s: 15px; // Breadcrumbs $breadcrumb-bg: var(--white); // Links $link-color: $light-blue; $link-hover-color: color.adjust($light-blue, $lightness: -20%); $link-decoration: none; // Z-Index 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; // scss-docs-start border-radius-variables $btn-border-radius: .25rem !default; $border-radius: .25rem !default; $border-radius-sm: .2rem !default; $border-radius-lg: .3rem !default; $border-radius-xl: .3rem !default; $border-radius-2xl: .3rem !default; // scss-docs-end border-radius-variables PK ! � �v blocks/_edit.scssnu �[��� // Edit Form .title-alias { .form-control { max-width: 100%; } .form-control-feedback { position: absolute; right: 1rem; bottom: -1.8rem; text-align: right; } } .layout-edit { .title-alias { .form-group { box-shadow: none; } } } PK ! h.%o� � blocks/_treeselect.scssnu �[��� // Tree select .treeselect { display: block; padding-left: 0; list-style: none; .nav-header { font-weight: $font-weight-bold; color: $nav-header-color; } li { position: relative; display: block; line-height: $treeselect-line-height; list-style: none; &::before { position: absolute; top: 14px; inset-inline-start: ($treeselect-indent - 15px); width: 10px; height: 1px; margin: auto; content: ""; background-color: var(--treeselect-line-color); } &::after { position: absolute; top: 0; bottom: 0; inset-inline-start: ($treeselect-indent - 15px); width: 1px; height: 100%; content: ""; background-color: var(--treeselect-line-color); } &:last-child { &::after { height: 14px; } } li { padding-inline-start: $treeselect-indent; } } > li::before, > li::after { display: none; } .#{$jicon-css-prefix}-, .#{$fa-css-prefix}- { display: none; } .treeselect-toggle { display: inline-block; padding: 0; margin-right: .1rem; color: var(--template-link-color); text-align: center; cursor: pointer; } .treeselect-menu { display: inline-block; } .treeselect-item { display: inline-block; input { position: relative; top: 1px; margin-right: .2rem; } label { margin-bottom: 0; } } .dropdown-toggle { padding: 0 .5rem .3rem; margin-left: .5rem; &::after { margin-left: 0; font-size: 1rem; color: var(--treeselect-dropdown-toggle); } } } .treeselect-sub { padding-left: 0; } .tree-holder { ul ul { li::before, li::after { inset-inline-start: 8px; display: block; } li::before { top: 12px; } li:last-child::after { height: 12px; } } li { line-height: 1.8rem; li { padding-inline-start: 20px; } } } PK ! bV�p p blocks/_shepard-modals.scssnu �[��� .shepherd-element, .shepherd-arrow:before { background-color: var(--body-bg) !important; } .shepherd-text, .shepherd-title { color: var(--body-color) !important; } @if $enable-dark-mode { @include color-mode(dark) { .shepherd-element, .shepherd-arrow:before { background-color: #2f4156 !important; } .shepherd-has-title .shepherd-content .shepherd-header, .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow:before { background-color: #222f3e !important; } .shepherd-has-title .shepherd-content .shepherd-cancel-icon { color: var(--template-link-color) !important; &:hover { color: var(--template-link-hover-color) !important; } } body .shepherd-button.shepherd-button-secondary:not(:disabled) { color: var(--btn-secondary-color) !important; background-color: var(--btn-secondary-bg) !important; border: var(--btn-secondary-border) !important; &:hover { color: var(--btn-secondary-color-hvr) !important; background-color: var(--btn-secondary-bg-hvr) !important; } } } } PK ! �ir�� � blocks/_calendar.scssnu �[��� // Calendar :root { --calendar-week-bg: #{$atum-calendar-week-bg}; // #f4f4f4; rgba(255,255,255,.1); --calendar-bg: #{$atum-calendar-bg}; --calendar-buttons-color: #{$atum-calendar-buttons-color}; // #495057; var(--btn-primary-bg); --calendar-select-bg-color: #{$atum-calendar-select-bg}; //$form-select-bg --calendar-select-color: var(--body-color); --calendar-disabled-color: #{$atum-calendar-disabled-color}; // #999; #4b4b4b; --calendar-disabled-bg: #{$atum-calendar-disabled-bg}; // #fff; rgba(0,0,0,.5); --calendar-select-bg-url: #{$atum-calendar-select-bg-url} #{"/* rtl:"}$atum-calendar-select-bg-url-rtl#{"*/"}; } .calendar-container { tr.time { &:hover, &:focus, &:active { background-color: transparent; } } } PK ! ̋��i i blocks/_lists.scssnu �[��� #content { form { .name { &.break-word { word-break: break-word; } } } } PK ! .�mI blocks/_alerts.scssnu �[��� // 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); } } /* Only apply margin when #system-message-container contains a visible joomla-alert */ #system-message-container:has(joomla-alert) { margin-top: 1em; } /* Remove margin when no <joomla-alert> exists */ #system-message-container:not(:has(joomla-alert)) { margin-top: 0; } PK ! (C�|N N blocks/_form.scssnu �[��� // 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; } &[id^=id-skip-] { right: auto; max-width: unset; } &[id^=cbunpublish] { right: auto; } } // reveal associated tooltip on focus :focus + [role="tooltip"], :hover + [role="tooltip"] { position: absolute; display: block; } .filter-search-bar__description { 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 .filter-search-bar__description { top: 100%; bottom: auto; } .com-users-login__options { margin-top: $cassiopeia-grid-gutter*2; } .com-users-profile__edit, .com-users-registration { #jform_privacyconsent_privacy, #jform_profile_tos, #jform_terms_terms { .radio { display: inline-flex; gap: 1rem; } } } // Subform - non table layout div.subform-repeatable-group { position: relative; padding: 32px 32px 16px 28px; margin-top: 20px; margin-left: 32px; border: $input-border-width solid $input-border-color; @include border-radius($border-radius); > .control-group { margin-top: 0; } > .btn-toolbar { .btn-group { position: static; margin: 0; } .btn { position: absolute; &.group-add { right: -1px; bottom: -1px; border-radius: $border-radius 0 $border-radius 0; } &.group-remove { top: -1px; right: -1px; border-radius: 0 $border-radius; } &.group-move { top: 50%; right: 100%; padding: 0; border-radius: $border-radius 0 0 $border-radius; transform: translateY(-50%); span { padding: 1.5rem .5rem; } } &.group-move-up { top: 50%; right: 100%; margin-top: -45px; border-radius: 0; transform: translateY(-50%); } &.group-move-down { top: 50%; right: 100%; margin-top: 45px; border-radius: 0; transform: translateY(-50%); } } } } // Highlight draggable section .subform-repeatable-group[draggable="true"] { // For non table layout background-color: $teal; // For table layout > td { background-color: $teal; } } PK ! �N � � blocks/_layout.scssnu �[��� // 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:not(.btn), .btn-link { color: currentColor; &:hover, &:focus { color: var(--gray-200); } } } .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 * .5) 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 ! � �z� � blocks/_sidebar.scssnu �[��� // Sidebar .sidebar-wrapper { z-index: $zindex-sidebar; min-height: calc(100vh - 66px); overflow: hidden; background-color: $sidebarwrapper-bg; box-shadow: var(--atum-box-shadow); .sidebar-sticky { position: sticky; top: 0; } .item { position: relative; display: flex; flex-wrap: wrap; list-style-type: none; a, .menu-dashboard, .menu-quicktask { color: $sidebar-item-color; /* $sidebar-item-color $white */ text-decoration: none; &:hover { color: $sidebar-item-color-hvr; /* $sidebar-item-color-hvr var(--template-text-light) */ text-decoration: none; background-color: $sidebar-item-bg-hvr; /* $sidebar-item-bg-hvr var(--template-bg-dark-65) */ } } > a { position: relative; display: flex; flex-grow: 1; align-items: center; min-height: 40px; [class^="#{$jicon-css-prefix}-"], [class*=" #{$jicon-css-prefix}-"], [class^="#{$fa-css-prefix}-"], [class*=" #{$fa-css-prefix}-"] { margin: 0 .85rem; transform: scale(1.2); } } &-level-2 > a { padding-inline-start: 3rem; } &-level-3 > a { padding-inline-start: 3.75rem; } } @include media-breakpoint-up(sm) { flex: 1 0 $sidebar-width; max-width: $sidebar-width; transition: all .3s ease-in-out; } @include media-breakpoint-down(sm) { &.sidebar-menu { top: auto; } } .sidebar-toggle { background: $sidebar-toggle-bg; /* $sidebar-toggle-bg var(--template-bg-dark-60) */ a { color: $sidebar-toggle-link; /* $sidebar-toggle-link $white */ } .sidebar-item-title { white-space: nowrap; } } } // Sidebar navigation .main-nav { width: $sidebar-width; padding: 0; font-size: .95rem; @include media-breakpoint-down(sm) { width: 100%; } // All list items li { .menu-dashboard, .menu-quicktask { > a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 100%; } } } // 2nd level items ul { width: 100%; padding: 0; background-color: $main-nav-ul-bg; /* main-nav-ul-bg: var(--template-bg-dark-75) */ } .divider { height: 1px; margin: 0 0 0 48px; list-style: none; background-color: $main-nav-divider-bg; /* main-nav-divider-bg: var(--template-bg-dark-60) */ } .menuitem-group { margin-top: .65rem; font-size: .75rem; padding-inline-start: 3rem; .sidebar-item-title { color: $main-nav-item-title; /* main-nav-item-title: var(--template-bg-dark-30) */ } } // Dropdown indicator .has-arrow { .sidebar-item-title { margin-inline-end: auto; } &::after { display: flex; align-items: center; justify-content: center; width: 2rem; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f054" #{"/*!rtl:\"\f053\"*/"}; } } a.mm-active { background-color: $main-nav-mm-active-bg; /* main-nav-mm-active-bg: var(--template-bg-dark-70) */ } a.mm-active + .menu-quicktask { background-color: $main-nav-mm-active-quicktask-bg; /* main-nav-mm-active-quicktask-bg: var(--template-bg-dark-60) */ } .mm-active > .has-arrow::after { content: "\f078"; } .mm-collapse { display: none; &.mm-collapsed, &.mm-show { display: block; } } .mm-collapsing { position: relative; height: 0; overflow: hidden; transition: all .35s ease; } .badge { align-self: center; margin: 0 .3rem .25rem; background-color: $main-nav-badge; /* main-nav-badge: var(--template-bg-dark-60) */ } } // Sidebar Closed .closed { .sidebar-wrapper { flex: 1 0 $sidebar-width-closed; max-width: $sidebar-width-closed; overflow: visible; } .sidebar-item-title, .has-arrow::after, .menu-dashboard { display: none; } .main-nav, .main-nav li { max-width: 3rem; } .main-nav a:hover { position: relative; max-width: 3rem; } .main-nav a:hover .sidebar-item-title { position: absolute; inset-inline-start: 100%; display: flex; align-items: center; height: 100%; padding: 0 1rem; white-space: nowrap; pointer-events: none; background-color: $main-nav-item-title-hvr-bg; /* main-nav-item-title-hvr-bg: var(--template-bg-dark-60) */ border-end-start-radius: 0; border-end-end-radius: $border-radius; border-start-end-radius: $border-radius; border-start-start-radius: 0; } .main-nav > li > ul { height: 0; padding: 0; visibility: hidden; } } @include media-breakpoint-up(sm) { .toggler-burger { display: none; } } // Mobile @include media-breakpoint-down(sm) { #menu-collapse { display: none; background: $mobile-menu-collapse-bg; /* mobile-menu-collapse-bg: var(--template-bg-dark-50) */ } .toggler-burger { position: fixed; right: 0; bottom: 0; z-index: $zindex-mobile-toggle; padding: 10px 15px; &:focus { box-shadow: none; } .navbar-toggler-icon { background-image: none; } .navbar-toggler-icon::before { display: inline-block; font: normal normal 900 28px/1 "Font Awesome 6 Free"; color: var(--toggle-color); content: "\f00d"; } &.collapsed { .navbar-toggler-icon::before { content: "\f0c9"; } } } .sidebar-menu { display: none; &.show, &.collapsing { position: fixed; bottom: 55px; z-index: $zindex-mobile-menu; display: block; width: 100%; min-height: auto; max-height: calc(100vh - 72px); overflow-y: auto; } } } @if $enable-dark-mode { @include color-mode(dark) { .sidebar-wrapper { --atum-box-shadow: 1px 0 0 0 rgba(255, 255, 255, .05); .main-nav { .badge { color: map-get($atum-colors-dark, "btn-primary-color"); background-color: map-get($atum-colors-dark, "btn-primary-bg"); } } } } } PK ! Y��>{ { blocks/_global.scssnu �[��� // 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; } &:has(.sticky-top) { [id] { scroll-margin-top: var(--cassiopeia-scroll-margin-top, 10rem); } } } 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(--#{$prefix}link-color); &:hover { color: var(--#{$prefix}link-hover-color); } &:not([class]) { text-decoration: underline; } &.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 * .5; border: 1px solid $gray-400; @include border-start-radius($border-radius); @include border-end-radius(0); } > .btn-group { margin-bottom: 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; } 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; } } .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; } } 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; .next:only-child { margin-left: auto; } } } .page-link { color: var(--#{$prefix}link-color); &:hover { color: var(--#{$prefix}link-color); } } .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 ! ��_p: : blocks/_switcher.scssnu �[��� .switcher { .toggle-outside { border: $input-border-width solid $input-border-color; @include border-radius($input-border-radius, 0); &:focus { box-shadow: $input-box-shadow; } } input:focus ~ .toggle-outside { border-color: $input-focus-border-color; @if $enable-shadows { @include box-shadow($input-box-shadow, $input-focus-box-shadow); } @else { // Avoid using mixin so we can pass custom focus shadow properly box-shadow: $input-focus-box-shadow; } } } .disabled { opacity: $btn-disabled-opacity; } PK ! >0I�� � blocks/_icons.scssnu �[��� // 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 { width: 30px; margin: 4px; } .plg_system_webauthn_login_button svg path, .plg_system_webauthn_login_button svg circle { fill: var(--black); } PK ! ϋYP P blocks/_toolbar.scssnu �[��� .subhead { position: sticky; top: 0; right: 0; left: 0; z-index: $zindex-toolbar; width: auto; min-height: 43px; padding: .25rem; 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 6 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; } > * { pointer-events: none; } } .btn-group:not(:last-child) > .dropdown-toggle-split { order: 1; margin-inline-start: -$border-radius; border-radius: 0 $border-radius $border-radius 0; } .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; } } } PK ! z�>L L blocks/_login.scssnu �[��� // Login page .view-login, .task-logout { .container-main { order: 1; @include media-breakpoint-down(md) { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; min-height: calc(100vh - 35vh); } #content { @include media-breakpoint-down(md) { max-width: 98%; padding: 0; } } } .login { width: 100%; max-width: 25rem; padding: 30px; margin: 1rem; color: var(--template-text-dark); background: var(--body-bg); border-radius: 10px; box-shadow: $login-box-shadow; @include media-breakpoint-down(lg) { margin-bottom: 3rem; } img { width: auto; max-height: 4.4rem; } .logo { padding: 0 20px 20px; } svg.joomla-logo { width: 2.4rem; height: 4.4rem; background-size: 4.4rem 2.4rem; path { fill: var(--template-bg-dark); } } &-watermark { position: absolute; z-index: -1; max-width: 500px; transform: rotate(12deg) translate(40%, 10%); } } .form-group { position: relative; margin-bottom: 1.85rem; label { span { font-size: ($font-size-base * .9); @include media-breakpoint-down(sm) { width: 100%; } } } .form-control-feedback { position: absolute; inset-inline-end: 0; bottom: -1.5rem; font-size: ($font-size-base * .75); text-align: end; } .form-control-hint { position: absolute; top: .1rem; inset-inline-end: 0; font-size: ($font-size-base * .75); text-align: end; } } input:focus, select:focus { box-shadow: $login-focus-box-shadow; } h1 { margin-bottom: .25rem; color: $white; text-align: center; } h2 { font-weight: $font-weight-normal; color: var(--template-bg-dark-10); } .btn { @include media-breakpoint-only(xs) { padding: 8px 10px; font-size: ($font-size-base * .875); } } .form-control, .form-select { max-width: none; } .sidebar-wrapper, .header .logo { flex: 1 0 400px; } .sidebar-wrapper { display: flex; flex-direction: column; max-width: none; background-color: var(--template-sidebar-bg); @include media-breakpoint-down(md) { order: 2; margin-bottom: 3rem; } .main-brand { margin-bottom: auto; a { font-size: ($font-size-base * .875); } } .card-header { font-size: ($font-size-base * 1.125); color: $white; } @if $enable-dark-mode { @include color-mode(dark) { .card-header { background: transparent; } } } } #sidebar { align-self: flex-end; width: 100%; font-size: ($font-size-base * .875); --body-color: var(--template-text-light); color: var(--template-text-light); text-align: center; .card { background: rgba(0, 0, 0, .1); box-shadow: none; .module-body { padding: .75rem 1.25rem; } } @if $enable-dark-mode { @include color-mode(dark) { .card { background: rgba(0, 0, 0, .4); } } } @include media-breakpoint-down(md) { position: relative; bottom: 0; } } .container-main, .sidebar-wrapper { @include media-breakpoint-down(md) { flex: 1 0 100% !important; max-width: 100% !important; min-height: auto; } } .wrapper { display: flex; @include media-breakpoint-down(md) { flex-direction: column; } } .header { display: flex; .logo { &.small { line-height: 2.5rem; } } @include media-breakpoint-down(md) { background: var(--template-bg-dark-70); } } } label { color: $login-label-color; } .com_login .sidebar-wrapper .main-brand { flex: 1; flex-basis: auto; margin-top: 100px; text-align: center; @include media-breakpoint-down(md) { margin-top: 10px; } } .com_login .sidebar-wrapper #sidebar p { margin-bottom: .2rem; } .com_login .sidebar-wrapper .main-brand a, .com_login .sidebar-wrapper #sidebar, .com_login .sidebar-wrapper #sidebar a { color: var(--template-text-light); } .view-login { #wrapper.d-flex { @include media-breakpoint-down(md) { display: flex !important; } } #sidebar-wrapper:not(.show):not(.collapse) { @include media-breakpoint-down(md) { display: block; } } .invalid .form-control-feedback { color: var(--danger-text); } } .login_message { margin: 1rem 1rem 0; } PK ! l��> > blocks/_quickicons.scssnu �[��� // Quick Icons .quick-icons { background-color: $quickicon-bg; .nav { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); grid-gap: 1rem; } a { text-decoration: none; } ul { padding: 0; } .quickicon { --text-color: var(--template-quickicon-color); --bg-color: var(--template-quickicon-bg); --icon-color: var(--template-quickicon-color); --icon-color-hvr: #{$quickicon-color-hvr}; --bg-color-hvr: var(--template-quickicon-bg-hvr); --text-color-hvr: #{$quickicon-link-hvr}; --text-amount-color: var(--template-quickicon-color); display: flex; flex-grow: 1; a { display: flex; flex-direction: column; flex-grow: 1; justify-content: flex-end; padding: 0 1rem; color: var(--text-color); background-color: var(--bg-color); transition: all .25s ease; &:focus-visible { border: 1px solid var(--link-color); outline: 0; } .quickicon-icon { margin-top: .5rem; margin-inline-start: .2rem; color: var(--icon-color); > * { font-size: $quickicon-icon-size; } } .quickicon-name { padding: .125rem 0 .6rem; font-size: $display2-size; font-weight: bold; } .quickicon-amount { padding: .25rem .5rem; font-weight: $bold-weight; line-height: 1rem; color: var(--text-amount-color); background: $quickicon-amount-bg; border-radius: $border-radius; transition: all .25s ease; margin-inline-start: .5rem; } .j-links-link { display: block; padding: 0 .2rem; line-height: 1.1; } &:hover, &:focus, &:active { color: var(--text-color-hvr); text-decoration: none; background: var(--bg-color-hvr); --text-amount-color: var(--bg-color-hvr); .quickicon-amount { color: $quickicon-amount-bg; background: var(--icon-color); } .quickicon-icon { color: var(--icon-color-hvr); } } &.info { --text-color: var(--state-info-text); --text-color-hvr: var(--state-info-text-hvr); --bg-color: var(--state-info-bg); --icon-color: var(--state-info-icon); --icon-color-hvr: var(--state-info-icon-hvr); --bg-color-hvr: var(--state-info-bg-hvr); } &.warning { --text-color: var(--state-warning-text); --text-color-hvr: var(--state-warning-text-hvr); --bg-color: var(--state-warning-bg); --icon-color: var(--state-warning-icon); --icon-color-hvr: var(--state-warning-icon-hvr); --bg-color-hvr: var(--state-warning-bg-hvr); } &.danger { --text-color: var(--state-danger-text); --text-color-hvr: var(--state-danger-text-hvr); --bg-color: var(--state-danger-bg); --icon-color: var(--state-danger-icon); --icon-color-hvr: var(--state-danger-icon-hvr); --bg-color-hvr: var(--state-danger-bg-hvr); } &.success { --text-color: var(--state-success-text); --text-color-hvr: var(--state-success-text-hvr); --bg-color: var(--state-success-bg); --icon-color: var(--state-success-icon); --icon-color-hvr: var(--state-success-icon-hvr); --bg-color-hvr: var(--state-success-bg-hvr); } } } .quickicon-info { display: flex; align-items: flex-end; } .quickicon-linkadd { width: 2.5rem; font-size: 1.2rem; background: $quickicon-linkadd-bg; transition: all .25s ease; a { align-items: flex-end; justify-content: center; width: 100%; > * { margin-bottom: 10px; color: $quickicon-linkadd-color; } &:focus-visible { border: 1px solid var(--link-color); outline: 0; } &:hover, &:focus, &:active { background: var(--quickicon-linkadd-bg-hvr); * { color: $white; } } } } .quickicon-single, .quickicon-group { display: flex; min-height: 6rem; overflow: hidden; border: $quickicon-border; border-radius: $quickicon-border-radius; } } #content .menu-quicktask { position: absolute; inset-inline-end: 1.25rem; } PK ! ��͍ � blocks/_sidebar-nav.scssnu �[��� // Sidebar .sidebar-nav { padding: 1rem 2rem; li { font-size: .9rem; font-weight: $font-weight-bold; &.divider { margin: .3rem 0; } a { display: block; padding: .25rem; font-weight: $font-weight-normal; color: $text-normal; text-decoration: none; &::before { margin-inline-end: .5rem; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f054" #{"/*!rtl:\"\f053\"*/"}; } } &.item:hover, &.active { background-color: var(--sidebar-item-bg-hvr); a { color: var(--sidebar-item-color); } } } } PK ! �>�A/ / blocks/_modals.scssnu �[��� // 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; } } // Styling for joomla-dialog element joomla-dialog { dialog { width: 96vw; max-width: 1700px; height: 96vh; padding: 0; border: 1px solid var(--border-color-translucent); border-radius: .3rem; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); @include media-breakpoint-up(xxl) { width: 80vw; height: 80vh; } // Override display to flex, to scale the content to full height &[open] { display: flex; } } &[type="image"] { dialog { width: fit-content; height: fit-content; } } &[type="iframe"] { dialog { overflow: hidden; } } iframe.iframe-content { width: 100%; height: 100%; } // Extra loading animation for iframe and ajax types &[type="iframe"], &[type="ajax"] { &.loading { dialog:after { position: absolute; top: 50%; left: 50%; display: block; width: 66px; height: 66px; content: ""; background: url("../../../../system/images/ajax-loader.gif") no-repeat center; transform: translate(-50%, -50%); } } } } // Dialog animation joomla-dialog dialog[open] { animation: dialog-show .4s ease normal; @media (prefers-reduced-motion: reduce) { animation: none; } } @keyframes dialog-show { 0% { opacity: 0; transform: translateY(-50px); } 30% { opacity: 1; } 100% { transform: translateY(0); } } // Dialog elements .joomla-dialog-container { position: relative; box-sizing: border-box; display: flex; flex-flow: column; width: 100%; .buttons-holder { display: flex; align-items: center; justify-content: flex-end; margin-inline-start: auto; button { margin-inline: .375rem; } } } .joomla-dialog-header { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 1rem; border-bottom: 1px solid var(--border-color); h3 { margin: 0; } .header-icon { margin-inline-end: .375rem; font-size: $h3-font-size; } &.empty { display: none; } } .joomla-dialog-body { position: relative; box-sizing: border-box; flex: 1 1 auto; .buttons-holder { position: absolute; top: 1rem; right: 1rem; } // Apply overflow for potentially large content joomla-dialog[type="inline"], joomla-dialog[type="ajax"] & { overflow: auto; } // Content basic loading animation joomla-dialog.loading & { opacity: 0; } joomla-dialog.loaded & { opacity: 1; transition: opacity .4s ease; } } .joomla-dialog-footer { position: relative; padding: 1rem; border-top: 1px solid var(--border-color); .buttons-holder button { padding-inline: 22px; } &.empty { display: none; } } // Dialog alert and confirm .joomla-dialog-alert, .joomla-dialog-confirm { dialog { width: 600px; max-width: 80vw; height: fit-content; } .joomla-dialog-body { padding: 1rem; } } // Dialog for content select field .joomla-dialog-content-select-field { dialog { @include media-breakpoint-up(xxl) { width: 90vw; height: 90vh; } } } PK ! iӖ� � blocks/_utilities.scssnu �[��� // 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 �[��� // Iframe iframe { border: 0; } .modal iframe { width: 100%; } PK ! [A� � blocks/_header.scssnu �[��� @use "sass:color"; // 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 * .5; } nav { padding: 0; margin-top: $cassiopeia-grid-gutter * .5; } .site-description { font-size: 1rem; color: $white; white-space: normal; } .navbar-brand { position: relative; display: inline-block; padding-top: .3125rem; padding-bottom: .3125rem; font-size: 2rem; color: $white; margin-inline-end: auto; 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; } } .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; } > * { pointer-events: none; } } .container-search { margin-top: $cassiopeia-grid-gutter * .5; } .mod-finder { color: $white; a:not(.jmodedit) { color: $white; &:hover, &:focus { color: color.adjust($white, $lightness: -10%); } } .awesomplete { color: var(--body-color); > ul { background: linear-gradient(to bottom right, $white, hsla(0,0%,100%,.9)); } } } } PK ! �p��G G template-rtl.scssnu �[��� // This file is a placeholder for the rtl template @import "template"; PK ! b{r� vendor/_codemirror.scssnu �[��� // Codemirror joomla-editor-codemirror.fullscreen { top: 133px; .cm-editor { height: calc(90vh - 133px) !important; } @include media-breakpoint-down(sm) { top: 54px; z-index: 890; .cm-editor { height: 100vh !important; } } } PK ! C7LF� � ( vendor/fontawesome-free/fontawesome.scssnu �[��� // Override the font path $fa-css-prefix: fa; $fa-font-path: "../../../../../../vendor/fontawesome-free/webfonts" !default; // Font Awesome 6 Free @import "../../../../../../vendor/fontawesome-free/scss/fontawesome"; @import "../../../../../../vendor/fontawesome-free/scss/regular"; @import "../../../../../../vendor/fontawesome-free/scss/solid"; // Brands must be imported last @import "../../../../../../vendor/fontawesome-free/scss/brands"; // B/C with Font Awesome 5 @import "../../../../../../vendor/fontawesome-free/scss/shims"; // B/C for Icomoon @import "../../../../../../system/scss/icomoon"; // RTL override html[dir=rtl] .float-right { float: left; } input .icon-check-square { &::before { color: var(--icon-check-square-bg); background: var(--icon-check-square-color); } } input .icon-square { &::before { color: var(--icon-square-bg); background: var(--icon-square-color); } } PK ! us��� � vendor/bootstrap/_dropdown.scssnu �[��� // 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 ! %��28 8 ! vendor/bootstrap/_list-group.scssnu �[��� @if $enable-dark-mode { @include color-mode(dark) { .list-group-item-action { color: map-get($atum-colors-dark, body-color); background: map-get($atum-colors-dark, template-quickicon-bg); border: 1px solid map-get($atum-colors-dark, template-quickicon-bg-hvr); // Hover state &:hover, &:focus { color: map-get($atum-colors-dark, body-color); background: map-get($atum-colors-dark, template-quickicon-bg-hvr); border: 1px solid map-get($atum-colors-dark, template-quickicon-bg-hvr); } &:active { color: map-get($atum-colors-dark, body-color); background: map-get($atum-colors-dark, template-quickicon-bg-hvr); } .result-key { color: #ccc; } code { color: #ce8eab; } } } } PK ! =�� � vendor/bootstrap/_reboot.scssnu �[��� // Matches default `<td>` alignment by inheriting `text-align`. // 1. Fix alignment for Safari th { /* stylelint-disable-next-line */ text-align: -webkit-match-parent; // 1 } PK ! EEn�, , vendor/bootstrap/_card.scssnu �[��� // Card // Backport Bootstrap 4 card-columns .card-columns { .card { margin-bottom: $card-spacer-y; } @include media-breakpoint-up(sm) { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; .card { display: inline-block; // Don't let them vertically span multiple columns width: 100%; // Don't let their width change } } } .content { .card { background: var(--card-body-bg); box-shadow: var(--atum-box-shadow); } .card-header { display: flex; align-items: center; padding: 1rem 1rem .75rem; font-weight: $font-weight-bold; color: var(--card-header-color); background-color: var(--card-bg); a { font-weight: normal; } > [class^="icon-"], > img { margin-inline-end: .5rem; } } } PK ! �)Ѹ� � vendor/bootstrap/_modal.scssnu �[��� // 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 ! ����/ / ! vendor/bootstrap/_pagination.scssnu �[��� // Pagination .pagination { margin: 1rem; } PK ! �� �� � vendor/bootstrap/_accordion.scssnu �[��� @if $enable-dark-mode { @include color-mode(dark) { .accordion-button:not(.collapsed) { color: map-get($atum-colors-dark, body-color); background: $btn-primary-dark; } } } PK ! I�Ԙ| | vendor/bootstrap/_lists.scssnu �[��� // Lists .list-group-item { background-color: $list-group-bg; } .list-unstyled .list-unstyled { padding-left: 20px; } PK ! � vendor/bootstrap/_buttons.scssnu �[��� // 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 { --btn-color: var(--gray-800); --btn-bg: var(--white); --btn-border-color: var(--gray-400); --btn-hover-color: var(--gray-800); --btn-hover-bg: var(--gray-100); } .article-info .association, .cat-list-association { .btn-secondary { --btn-font-weight: 700; --btn-color: var(--white); --btn-bg: var(--gray-600); --btn-border-color: var(--gray-400); --btn-hover-color: var(--white); --btn-hover-bg: var(--gray-800); } .btn-sm { --btn-padding-y: 0; --btn-padding-x: .25rem; --btn-font-size: .8rem; --btn-border-radius: var(--border-radius-sm); } } PK ! �V�>2 2 vendor/bootstrap/_form.scssnu �[��� @use "sass:color"; // Form label { margin-bottom: 0; } .form-control { &::placeholder { font-size: .8rem; font-style: italic; } } td .form-control { display: inline-block; width: auto; } legend { margin-bottom: 1.1rem; font-size: 1rem; font-weight: $font-weight-normal; } .checkboxes { padding-top: 5px; .checkbox input { position: static; margin-left: 0; } } .form-check { padding-top: 5px; margin-bottom: 0; } .modal label { width: 100%; } // Validation .invalid { border-color: var(--danger); } .valid { border-color: var(--success); } .form-control-feedback { display: block; } [aria-grabbed="true"] { box-shadow: $form-aria-grabbed-box-shadow; } select.form-control { background-color: $form-select-bg; } .field-media-wrapper { display: block; width: 100%; max-width: calc(50vw - 5rem); .field-media-preview { width: 100%; max-width: none; } .button-select { background-color: color.adjust($success, $lightness: -8%); } .button-clear { background-color: color.adjust($danger, $lightness: -8%); } .button-clear > .#{$fa-css-prefix}-check, .button-select > .#{$fa-css-prefix}-times { color: $gray-100; } @include media-breakpoint-down(lg) { min-width: 100%; } } // Bootstrap 4 b/c .form-inline .form-select, .form-inline .custom-select, .form-inline .form-control { display: inline-block; width: auto; } @include media-breakpoint-down(md) { .form-inline .form-select, .form-inline .custom-select, .form-inline .form-control { width: 100%; } } PK ! &t��� � # vendor/bootstrap/_custom-forms.scssnu �[��� // Custom Forms .custom-select { @extend .form-select; } .form-select { max-width: $input-max-width; cursor: pointer; background: $form-select-background #{"/* rtl:"}$form-select-background-rtl#{"*/"}; background-color: $form-select-bg; border: $input-border-width solid $input-border-color; @include box-shadow($form-select-box-shadow); &:focus { border-color: #000; @if $enable-shadows { @include box-shadow($form-select-box-shadow, $form-select-focus-box-shadow); } @else { // Avoid using mixin so we can pass custom focus shadow properly box-shadow: $form-select-focus-box-shadow; } } &[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 ! Ν�� � vendor/bootstrap/_badge.scssnu �[��� // Badge .badge { @include media-breakpoint-down(md) { white-space: normal; } &.bg-secondary { &:hover { color: $white; } } } PK ! ��S�� � vendor/bootstrap/_table.scssnu �[��� // 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 �[��� // 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 ! ��Y - vendor/joomla-custom-elements/joomla-tab.scssnu �[��� @import "../../../../../../vendor/bootstrap/scss/functions"; // Atum Variables @import "../../variables"; @import "../../../../../../vendor/bootstrap/scss/variables"; @import "../../../../../../vendor/bootstrap/scss/mixins"; // Tabs // // Base styles // joomla-tab { display: flex; flex-direction: column; &[orientation=horizontal]:not([view=accordion]) { margin-bottom: 0; } &[orientation=horizontal]:not([view=accordion]) > div[role=tablist] { width: 100%; margin-bottom: 0; } > div[role=tablist] { display: flex; flex-flow: wrap; padding: 0; white-space: nowrap; list-style: outside none none; border-bottom: $joomla-tablist-border-bottom; // 1px solid var(--template-bg-dark-10); > button[role=tab] { position: relative; box-sizing: border-box; display: block; padding: .6rem 1rem; text-decoration: none; background-color: var(--body-bg); border: 0; box-shadow: none; &:first-of-type, &[aria-selected=true]:first-of-type { border-start-start-radius: .25rem; } &:focus-visible { z-index: 1; } &[aria-selected=true], &:focus, &:hover { color: $joomla-tab-btn-hvr; border: 0; border-radius: 0; box-shadow: none; &::after { position: absolute; right: 0; bottom: 0; left: 0; height: 3px; content: ""; background-color: var(--btn-primary-bg); opacity: .8; } .text-muted { color: $text-muted-hvr-color; } } &[aria-selected=true] { font-weight: $font-weight-bold; background: $joomla-tab-btn-aria-exp-bg; } .text-muted { color: $text-muted-color; } } } > button[role=region] { width: 100%; padding: .7rem; color: var(--template-text-light); text-align: start; background-color: var(--template-link-color); border: $joomla-tab-btn-region-border; border-top: 0; &[aria-selected=true], &:hover, &:focus { color: var(--template-text-light); background-color: var(--template-bg-dark); } .text-muted { color: $text-muted-color; } } > joomla-tab-element { --gutter-x: 2rem; display: none; padding: 30px 2vw; background-color: var(--body-bg); border: 0; border-radius: .25rem; box-shadow: none; &[active] { display: block; } } .main-card-columns > * > & { height: 100%; border-left: $main-card-col-border-left; // 1px solid var(--template-bg-dark-10); } } joomla-tab[orientation=vertical] { flex-direction: row; align-items: flex-start; width: 100%; > div[role=tablist] { flex: 0 0 25%; flex-direction: column; width: 100%; min-width: 25%; max-width: 25%; height: auto; padding: 0; overflow: hidden; border: $joomla-tab-tablist-border; // 1px solid $gray-300; border-radius: 0; box-shadow: none; @include media-breakpoint-down(lg) { flex: 0 0 100%; max-width: 100%; } > button[role=tab] { text-align: start; &[aria-selected=true] { color: $joomla-tablist-btn-aria-exp; // var(--template-text-light); background-color: $joomla-tablist-btn-aria-exp-bg; // var(--template-bg-dark-60); } } > button[role=tab]:last-of-type { border-bottom: 0; } > button[role=tab] { position: relative; display: block; padding: .75em 1em; margin: -1px 0; text-decoration: none; border-top: 1px solid transparent; border-bottom: $joomla-tab-vert-border-bottom; // 1px solid $gray-300; box-shadow: none; &[aria-selected=true], &:focus, &:hover { color: var(--template-text-light); background-color: $joomla-tablist-btn-aria-exp-bg; // var(--template-bg-dark-60); background-image: none; border-right: 0; box-shadow: none; &::after { top: 0; bottom: 0; left: -1px; width: 5px; height: auto; background-color: $joomla-tablist-btn-aria-exp-aft-bg; // var(--template-bg-dark); } .text-muted { color: $text-muted-hvr-color; } } .text-muted { color: $text-muted-color; } } } > joomla-tab-element { width: 100%; padding: $grid-gutter-width-s 0 $grid-gutter-width-s $grid-gutter-width-s; border: 0 none; box-shadow: none; } } joomla-tab[view=accordion] { flex-direction: column; white-space: normal; border-radius: 0; box-shadow: $joomla-tab-accordion-box-shadow; > div[role=tablist] { background-color: $white; > button[role=tab] { position: relative; display: block; padding: .75em 1em; color: var(--template-text-light); text-align: start; text-decoration: none; border: 0; border-bottom: $joomla-tab-vert-border-bottom; // 1px solid $gray-300; box-shadow: none; &[aria-selected=true]::after, &:hover::after { position: absolute; top: auto; right: -1px; bottom: -1px; left: -1px; display: block; width: calc(100% + 2px); height: 5px; content: ""; background-color: var(--template-bg-dark); opacity: .8; } } } > joomla-tab-element { display: none; padding: 15px; &[active] { display: block; width: 100%; max-width: 100%; border-bottom: $joomla-tab-vert-border-bottom; // 1px solid $gray-300; } } [active], [aria-selected=true] { background-color: var(--body-bg); } .col-md-6, .col-md-9, .col-md-3 { padding: .5rem 0 0 !important; } #permissions-sliders > joomla-tab-element[active] { padding: 0 !important; @include media-breakpoint-down(lg) { .respTable { text-align: end; } .respTable, .respTable thead, .respTable tbody, .respTable tr, .respTable th, .respTable td { display: block; } .respTable thead { position: absolute; inset-block-start: -1111px; inset-inline-start: -1111px; } .respTable td::before { float: inline-start; padding-inline-end: 2em; font-weight: $bold-weight; content: attr(data-label) ":"; } .respTable td:nth-child(1) { font-weight: $bold-weight; } .respTable td:last-child { border-bottom: $respTable-border-bottom; // 1em var(--template-bg-dark-80) solid; } .oddCol { background: $permissions-sliders-oddCol-bg; // var(--template-bg-light); } } } } @if $enable-dark-mode { @include color-mode(dark) { joomla-tab { > button[role=region] { color: var(--btn-primary-color); background-color: var(--btn-primary-bg); border: var(--btn-primary-border); &[aria-selected=true], &:hover, &:focus { color: var(--btn-primary-color); background-color: var(--btn-primary-bg-hvr); } } } [dir=rtl] joomla-tab { div[role="tablist"] > button[role="tab"][aria-selected="true"]::after { right: auto; left: 0; } } } } PK ! N��� � / vendor/joomla-custom-elements/joomla-alert.scssnu �[��� @import "../../tools/tools"; @import "../../../../../../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 ! ;��� � ! vendor/minicolors/minicolors.scssnu �[��� // Minicolours @import "../../../../../../vendor/minicolors/css/jquery.minicolors"; .minicolors-theme-bootstrap { .minicolors-input { width: 140px; } .rgb { width: 175px; } .rgba { width: 220px; } } PK ! p��(� � vendor/_dragula.scssnu �[��� // 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 ! H�~)s s # vendor/awesomplete/awesomplete.scssnu �[��� // Awesomplete @import "../../../../../../vendor/awesomplete/css/awesomplete"; .awesomplete { display: block; } PK ! �k�� � vendor/choicesjs/choices.scssnu �[��� @import "../../../../../../vendor/bootstrap/scss/functions"; @import "../../../../../../templates/site/cassiopeia/scss/tools/variables/variables"; @import "../../../../../../vendor/bootstrap/scss/variables"; @import "../../../../../../vendor/bootstrap/scss/mixins"; // choices.js @import "../../../../../../vendor/choicesjs/scss/choices"; // Cassiopea Variables, Functions and Mixins @import "../../tools/tools"; .choices { border: $form-select-border-width solid $form-select-border-color; @include border-radius($form-select-border-radius, 0); @include box-shadow($form-select-box-shadow); &.is-focused { border-color: $form-select-focus-border-color; @if $enable-shadows { @include box-shadow($form-select-box-shadow, $form-select-focus-box-shadow); } @else { // Avoid using mixin so we can pass custom focus shadow properly box-shadow: $form-select-focus-box-shadow; } } } .choices__inner { padding: .4rem 1rem; margin-bottom: 0; font-size: 1rem; border: none; border-radius: 0; } .choices__input { padding: 0; margin-bottom: 0; font-size: 1rem; background-color: transparent; &::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; @include border-radius($border-radius, 0); &.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%; inset-inline-end: 0; width: 20px; height: 20px; padding: 0; margin-block-start: -10px; margin-inline-end: 50px; border-radius: 10em; opacity: .5; &: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; } // Mark already selected elements with checkmark .choices[data-type*="select-multiple"] { .choices__item.is-selected { &::before { position: absolute; top: 50%; inset-inline-end: .2em; display: block; padding: 0 .2em; font-size: 1.2em; font-weight: bold; color: var(--success); content: " ✓"; background: var(--body-bg); border-radius: 2.5px; opacity: 1; transform: translateY(-50%); } } } PK ! �m�Z* * vendor/_tinymce.scssnu �[��� // 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 ! Q� � � _maps-atum.scssnu �[��� $theme-colors-text: map-merge(( "action": shade-color($base-color, 60%), "error": shade-color($red-dark, 60%) ), $theme-colors-text); $theme-colors-bg-subtle: map-merge(( "action": tint-color($base-color, 80%), "error": tint-color($red-dark, 80%) ), $theme-colors-bg-subtle); $theme-colors-border-subtle: map-merge(( "action": tint-color($base-color, 60%), "error": tint-color($red-dark, 60%) ), $theme-colors-border-subtle); PK ! H��!= = # system/searchtools/searchtools.scssnu �[��� @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; } } .js-stools-field-selector { .form-select { width: auto; } } PK ! 9�L.� � system/fields/_calendar.scssnu �[��� .time .time-title { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='24' height='24' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1024 544v448q0 14-9 23t-23 9h-320q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h224v-352q0-14 9-23t23-9h64q14 0 23 9t9 23zm416 352q0-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'/%3E%3C/svg%3E") !important; } @if $enable-dark-mode { @include color-mode(dark) { .time .time-title { background-image: url("data:image/svg+xml;base64,PG5zMDpzdmcgeG1sbnM6bnMwPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIj4KICAgIDxuczA6cGF0aCBkPSJNMTAyNCA1NDR2NDQ4cTAgMTQtOSAyM3QtMjMgOWgtMzIwcS0xNCAwLTIzLTl0LTktMjN2LTY0cTAtMTQgOS0yM3QyMy05aDIyNHYtMzUycTAtMTQgOS0yM3QyMy05aDY0cTE0IDAgMjMgOXQ5IDIzem00MTYgMzUycTAtMTQ4LTczLTI3M3QtMTk4LTE5OC0yNzMtNzMtMjczIDczLTE5OCAxOTgtNzMgMjczIDczIDI3MyAxOTggMTk4IDI3MyA3MyAyNzMtNzMgMTk4LTE5OCA3My0yNzN6bTIyNCAwcTAgMjA5LTEwMyAzODUuNXQtMjc5LjUgMjc5LjUtMzg1LjUgMTAzLTM4NS41LTEwMy0yNzkuNS0yNzkuNS0xMDMtMzg1LjUgMTAzLTM4NS41IDI3OS41LTI3OS41IDM4NS41LTEwMyAzODUuNSAxMDMgMjc5LjUgMjc5LjUgMTAzIDM4NS41eiIgZmlsbD0id2hpdGUiIC8+CjwvbnMwOnN2Zz4=") !important; } } } PK ! "n�� system/fields/_switcher.scssnu �[��� .switcher .toggle-inside { background: $switcher-toggle-inside-bg; // #fff; } .switcher .toggle-outside { background: $switcher-toggle-outside-off-bg; // #d3d3d3; } .switcher input ~ input:checked ~ .toggle-outside { background: $switcher-toggle-outside-on-bg; // #2f7d32; } PK ! ��`�rZ rZ _variables-dark.scssnu �[��� @use "sass:color"; // Color definitions for the dark theme - don't use it with the light theme $btn-primary-dark: #007db0; // contrast ratio: 4.6 with #fff text $link-color-dark: #6fbfdb; // contrast ratio: 8.87 on backgrounds like #0F151D $success-dark: #3d854d; // contrast ratio: 4.51 with #fff test $warning: #f0ad4e; // contrast ratio: 4.51 with #fff text $featured-dark: #f0ad4e; // contrast ratio: 9.42 on dark backgrounds (icons,etc.) $danger-dark: #c62a25; // contrast ratio: 5.59 with #fff text $error-dark: $danger-dark; // contrast ratio: 5.59 with #fff text $info-dark: #33383f; // contrast ratio: 8.59 with #fff text $template-bg-dark: #0c1a2b; // Form select $form-select-indicator-dark: url("../images/select-bg-dark.svg"); $form-select-indicator-rtl-dark: url("../images/select-bg-rtl-dark.svg"); $form-select-bg-dark: $btn-primary-dark; $atum-colors-dark: ( body-bg: #0f151d, body-color: rgba(255,255,255,.85), template-bg-dark: $template-bg-dark, main-bg: #171c24, admin-background: var(--body-bg), button-and-icon-color: $btn-primary-dark, template-quickicon-color: var(--template-bg-dark-5), // fix this focus-shadow: var(--gray-800), media-manager-bg: var(--body-bg), media-manager-content-bg: var(--body-bg), media-manager-overlay-bg: var(--template-bg-dark-90), // fix this media-manager-infobar-dt-color: rgba(255, 255, 255, .54), media-manager-content-color: color.adjust($btn-primary-dark, $lightness: 20%), media-manager-overlay-header-bg: var(--template-bg-dark-80), media-manager-disk-name-color: var(--template-text-light), media-manager-border: 1px solid var(--gray-800), media-manager-file-icon-color: $btn-primary-dark, media-manager-tree-item-hover-bg: var(--gray-600), media-manager-toolbar-icon-color: color.adjust($btn-primary-dark, $lightness: 20%), media-manager-breadcrumb-item-bg: var(--gray-700), media-tree-item-color: $btn-primary-dark, media-tree-active-icon-color: color.adjust($btn-primary-dark, $lightness: -10%), media-browser-file-bg: var(--media-manager-bg), media-drive-bg: var(--media-manager-bg), media-toolbar-bg: var(--media-manager-bg), media-toolbar-icon-bg: var(--media-manager-bg), media-toolbar-icon-color: color.adjust($btn-primary-dark, $lightness: 10%), media-toolbar-icon-bg-hvr: var(--gray-800), image-bg: #000, image-bg-image: (linear-gradient(45deg, var(--body-bg) 25%, transparent 25%, transparent 75%, #111 75%, var(--body-bg) 100%), linear-gradient(45deg, #111 25%, transparent 25%, transparent 75%, var(--body-bg) 75%, var(--body-bg) 100%)), success-text: #418d52, success: $success-dark, successhvr: color.adjust($success-dark, $lightness: -15%), danger-text: #e0615c, danger: $danger-dark, dangerhvr: color.adjust($danger-dark, $lightness: -15%), darkdanger: #941f1c, darkdangerhvr: color.adjust(#941f1c, $lightness: -15%), error: #941f1c, errorhvr: #be2824, warning-text: #000, warning: #f0ad4e, warninghvr: color.adjust($warning, $lightness: -15%), dark-mode-text-light: rgba(255,255,255,.85), template-link-color: $link-color-dark, link-color-rgb: (36,158,200), link-color: $link-color-dark, template-link-hover-color: color.adjust($link-color-dark, $lightness: 10%), link-color-rgb-hvr: var(--template-link-hover-color), template-quickicon-bg: rgba(255, 255, 255, .1), template-quickicon-bg-hvr: rgba(255, 255, 255, .15), // Admin section options-form-color: var(--template-text-light), options-form-bg: transparent, // #484b51, // #52565b, options-form-border: 1px solid rgba(255, 255, 255, .05), options-form-legend-color: var(--template-text-light), options-form-legend-bg: var(--admin-background), form-control-bg: var(--template-sidebar-bg), form-control-bg-disabled: var(--gray-800), form-control-border: 1px solid rgba(255, 255, 255, .2), form-control-border-disabled: 1px solid rgba(255, 255, 255, .1), form-check-input-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23eee' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"), form-check-input-checked-bg-color: $btn-primary-dark, form-check-input-border: 1px solid rgba(255, 255, 255, .2), // rgba(255, 255, 255, .05), form-select-background: $form-select-bg-dark $form-select-indicator-dark 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-bg-dark $form-select-indicator-rtl-dark no-repeat left center / $form-select-bg-size, // Used so we can have multiple background elements (e.g. arrow and feedback icon) form-select-border: var(--form-control-border), form-select-success-bg: var(--template-sidebar-bg), form-select-danger-bg: var(--template-sidebar-bg), form-select-disabled-bg: var(--template-sidebar-bg), form-select-option: var(--template-text-light), form-select-option-disabled-bg: var(--template-bg-dark-90), file-selector-btn-bg: $btn-primary-dark, file-selector-btn-bg-hvr: color.adjust($btn-primary-dark, $lightness: -10%), // Background styles bg-normal: var(--template-bg-dark), bg-reverted: var(--template-bg-dark-20), // Text styles text-normal: var(--template-text-light), text-reverted: black, // var(--template-text-dark), text-muted-color: var(--template-text-light) !important, text-muted-hvr-color: var(--template-text-dark) !important, // Quickicons styles quickicon-bg: transparent, quickicon-border: none, quickicon-border-radius: 4px, quickicon-link-hvr: #fff, quickicon-linkadd-bg: rgba(255, 255, 255, .04), quickicon-linkadd-bg-hvr: var(--btn-primary-bg-hvr), quickicon-linkadd-color: #fff, quickicon-amount-bg: #6b6f77, quickicon-color-hvr: var(--quickicon-link-hvr), // Modules new-modules-color: var(--template-quickicon-color), new-modules-bg: var(--template-bg-dark-65), new-modules-bg-hvr: var(--btn-primary-bg-hvr), new-modules-icon-color: var(--template-bg-dark-80), new-modules-icon-color-hvr: var(--template-quickicon-color), new-module-color: var(--dark-mode-text-light), new-module-bg: var(--template-quickicon-bg), new-module-border: none, new-module-link-bg: rgba(255, 255, 255, .05), new-module-link-span: var(--quickicon-linkadd-color), new-module-link-hvr: var(--new-modules-bg-hvr), new-module-link-span-hvr: var(--icon-color-hvr), // Sidebar sidebarwrapper-bg: var(--template-sidebar-bg), sidebar-item-color: $white, sidebar-item-color-hvr: var(--template-text-light), sidebar-item-bg-hvr: $btn-primary-dark, sidebar-toggle-bg: #20262d, sidebar-toggle-link: $white, main-nav-ul-bg: #20262d, main-nav-divider-bg: #495057, main-nav-item-title: var(--template-bg-dark-30), main-nav-mm-active-bg: $btn-primary-dark, main-nav-mm-active-quicktask-bg: color.adjust($btn-primary-dark, $lightness: -10%), main-nav-badge: var(--template-bg-dark-60), main-nav-item-title-hvr-bg: $btn-primary-dark, mobile-menu-collapse-bg: var(--template-bg-dark-50), sidebar-bg: #0f151d, template-sidebar-bg: #0f151d, sidebar-accent-bg: #2667bb, // Header content header-bg: #0a0e13, header-item-content-bg: $btn-primary-dark, header-item-content-bg-hvr: color.adjust($btn-primary-dark, $lightness: -10%), header-item-content-border-radius: 22px, header-item-content-jversion-color: var(--dark-mode-text-light), header-item-content-jversion-bg: transparent, header-logo-bg: var(--header-bg), // Alerts alert-accent-color: #479a59, // ?? alert-bg-color: #f2f8f4, alert-link-text-color: $link-color-dark, // Table table-color: rgba(255,255,255,.9), table-border-top-nfc: 1px solid #969696, table-link-color: $link-color-dark, table-link-font-weight: $normal-weight, table-link-font-weight-sorted: $normal-weight, badge-bg-info: rgba(255, 255, 255, .2) !important, info: rgba(255, 255, 255, .2) !important, // Card card-bg-dark: var(--template-sidebar-bg), card-header-color: var(--dark-mode-text-light), card-header-bg: var(--template-sidebar-bg), card-bg: var(--template-sidebar-bg), card-body-bg: var(--template-sidebar-bg), main-card-bg: var(--template-sidebar-bg), main-card-col-border-left: 1px solid var(--gray-800), // Cpanel module-actions-color: var(--body-color), // Lists atum-list-group-border-color: rgba(255, 255, 255, .1), border-color: rgba(255, 255, 255, .1), // Turn off shadow in dark mode atum-box-shadow: none, dropdown-box-shadow: none, quickicon-box-shadow-success: none, quickicon-box-shadow-danger: none, quickicon-box-shadow-warning: none, login-box-shadow: none, login-focus-box-shadow: none, modal-btn-box-shadow: none, modal-joomla-dialog-box-shadow: none, form-aria-grabbed-box-shadow: none, choices__button_joomla-focus-box-shadow: none, joomla-tab-accordion-box-shadow: none, joomla-tab-btn-hvr: var(--template-text-light), joomla-tab-btn-aria-exp-bg: var(--atum-btn-bg), joomla-tab-btn-region-border: var(--atum-btn-bg), joomla-tablist-btn-aria-exp: var(--template-text-light), joomla-tablist-btn-aria-exp-bg: color.adjust($btn-primary-dark, $lightness: -10%), joomla-tablist-btn-aria-exp-aft-bg: $btn-primary-dark, joomla-tablist-border-bottom: 1px solid var(--gray-800), joomla-tab-tablist-border: 1px solid var(--gray-800), joomla-tab-vert-border-bottom: 1px solid var(--gray-800), // Details details-bg: rgba(0,0,0,.4), details-border: 1px solid var(--details-bg), // Nav nav-header-color: var(--body-color), // Choices choices-input-border-color: var(--btn-primary-bg), choices-input-bg: var(--body-bg), choices-input-placeholder: var(--gray-200), choices-list-multiple-item-bg: var(--btn-primary-bg), choices-list-multiple-item: var(--template-text-light), // Switches switcher-toggle-inside-bg: var(--body-bg), switcher-toggle-outside-off-bg: var(--gray-700), switcher-toggle-outside-on-bg: var(--success), // Input input-border-color: #495057, // icons featured-icon-color: $featured-dark, // Users users-method-image: var(--light), users-methods-reset-cont-bg: var(--body-bg), users-method-header-inact-bg: var(--body-bg), // Login login-label-color: var(--white), // Icons icon-success: #418d52, icon-success-border: #418d52, icon-checkedout-color: var(--gray-400), // Buttons btn-primary-color: var(--text-normal), btn-primary-bg: $btn-primary-dark, primary: $btn-primary-dark, btn-primary-border: 1px solid color.adjust($btn-primary-dark, $lightness: 10%), btn-primary-bg-hvr: color.adjust($btn-primary-dark, $lightness: -10%), btn-primary-border-hvr: 1px solid color.adjust($btn-primary-dark, $lightness: 10%), btn-primary-toggle-bg: var(--template-bg-dark), btn-primary-toggle-border: var(--template-bg-dark), btn-secondary-color: var(--template-text-light), btn-secondary-bg: $info-dark, btn-secondary-border: 1px solid color.adjust($info-dark, $lightness: 10%), btn-secondary-bg-hvr: color.adjust($info-dark, $lightness: -10%), btn-secondary-color-hvr: var(--template-text-light), btn-secondary-border-hvr: 1px solid color.adjust($info-dark, $lightness: 10%), btn-dark-border: 1px solid rgba(0,0,0,.85), btn-dark-bg: rgba(0,0,0,.9), btn-dark-bg-hvr: #000, btn-dark-color: #fff, btn-dark-color-hvr: #fff, btn-light-bg: $btn-primary-dark, btn-light-border: 1px solid color.adjust($btn-primary-dark, $lightness: 10%), btn-light-bg-hvr: $btn-primary-bg-hvr, btn-outline-secondary-color: var(--template-text-light), btn-outline-secondary-bg: #64676c, btn-outline-secondary-border: 1px solid color.adjust(#64676c, $lightness: 10%), btn-info-color: var(--template-text-light), btn-info-bg: $info-dark, btn-info-border: 1px solid color.adjust($info-dark, $lightness: 10%), btn-info-bg-hvr: color.adjust($info-dark, $lightness: -10%), btn-info-border-hvr: 1px solid color.adjust($info-dark, $lightness: -10%), // Dropdown dropdown-header-bg: color.adjust($btn-primary-dark, $lightness: -10%), dropdown-divider-bg: 1px solid #fff, dropdown-item-bg: $btn-primary-dark, dropdown-item-bg-hvr: color.adjust($btn-primary-dark, $lightness: -10%), dropdown-item-border-bottom: 1px solid rgba(255, 255, 255, .1), atum-dropdown-link-hover-bg: var(--gray-700), // Input Group input-group-text-bg: var(--btn-primary-bg), input-group-text-border: 1px solid var(--btn-primary-border), input-group-text-color: var(--btn-primary-color), // Search js-stools-btn-clear-bg: var(--body-bg), js-stools-btn-clear-disabled-bg: var(--body-bg), js-stools-btn-clear-disabled-border: var(--form-select-border), // Alerts states-link-color: #fff, states-btn-primary-bg: rgba(0,0,0,.5), states-btn-primary-bg-hover: rgba(0,0,0,.7), states-btn-primary-color: var(--template-text-light), states-btn-primary-border: rgba(0,0,0,.8), state-success-text: var(--text-normal), state-success-text-hvr: var(--text-normal), state-success-bg: $success-dark, state-success-bg-hvr: color.adjust($success-dark, $lightness: -15%), state-success-border: var(--state-success-bg), state-success-btn-border: var(--state-success-bg), state-success-icon: var(--text-normal), state-success-icon-hvr: var(--text-normal), state-success-heading-bg: $success-dark, state-info-text: var(--text-normal), state-info-text-hvr: var(--text-normal), state-info-bg: color.adjust($btn-primary-dark, $lightness: -15%), state-info-bg-hvr: color.adjust($btn-primary-dark, $lightness: -25%), state-info-border: transparent, state-info-icon: var(--state-info-text), state-info-heading-bg: color.adjust($btn-primary-dark, $lightness: -5%), state-warning-text: #000, state-warning-text-hvr: #000, state-warning-bg: $warning, state-warning-bg-hvr: color.adjust($warning, $lightness: -15%), state-warning-border: color.adjust($warning, $lightness: -15%), state-warning-icon: #000, state-warning-heading-bg: color.adjust($warning, $lightness: -15%), state-danger-text: var(--text-normal), state-danger-text-hvr: var(--text-normal), state-danger-bg: $danger-dark, state-danger-bg-hvr: color.adjust($danger-dark, $lightness: -15%), state-danger-border: var(--dangerhvr), state-danger-icon: var(--text-normal), state-danger-heading-bg: var(--dangerhvr), state-error-text: var(--text-normal), state-error-bg: var(--error), state-error-border: var(--error), state-error-icon: var(--text-normal), state-error-heading-bg: var(--errorlight), alert-info-color: var(--text-normal), alert-info-bg: var(--body-bg), alert-info-border: var(--body-bg), // Subhead atum-subhead-color: var(--template-text-dark), atum-subhead-bg: var(--body-bg), atum-subhead-bg-img: (linear-gradient(var(--body-bg), var(--dark-bg))), // Toolbar Buttons atum-btn: var(--template-text-light), atum-btn-icon: var(--template-text-light), atum-btn-icon-hvr: $atum-text-dark, atum-btn-bg: $btn-primary-dark, atum-btn-bg-hvr: color.adjust($btn-primary-dark, $lightness: -15%), atum-btn-border: 1px solid hsl(var(--hue),20%,80%), atum-btn-hvr: var(--template-text-light), atum-btn-success: var(--atum-btn-success-hvr), atum-btn-success-icon: var(--template-text-light), atum-btn-success-icon-hvr: var(--atum-btn-success-hvr), atum-btn-success-bg: $success-dark, atum-btn-success-bg-hvr: color.adjust($success-dark, $lightness: -15%), atum-btn-success-border: 1px solid color.adjust($success-dark, $lightness: 10%), atum-btn-success-hvr: var(--template-text-light), atum-btn-danger: var(--dangerhvr), atum-btn-danger-color: var(--template-text-light), atum-btn-danger-icon: var(--template-text-light), atum-btn-danger-icon-hvr: var(--atum-btn-danger-hvr), atum-btn-danger-bg: $danger, atum-btn-danger-bg-hvr: color.adjust($danger, $lightness: -15%), atum-btn-danger-border: 1px solid color.adjust($danger, $lightness: 10%), atum-btn-danger-hvr: var(--template-text-light), atum-btn-info: color.adjust($info-dark, $lightness: 50%), atum-btn-info-icon: var(--template-text-light), atum-btn-info-icon-hvr: var(--template-text-dark), atum-btn-info-bg: $info-dark, atum-btn-info-bg-hvr: color.adjust($info-dark, $lightness: -15%), atum-btn-info-border: 1px solid color.adjust($info-dark, $lightness: 10%), atum-btn-info-hvr: var(--template-text-dark), atum-btn-primary: color.adjust($btn-primary-dark, $lightness: 25%), atum-btn-primary-icon: var(--template-text-light), atum-btn-primary-icon-hvr: var(--template-text-dark), atum-btn-primary-bg: $btn-primary-dark, // var(--template-bg-dark), atum-btn-primary-bg-hvr: color.adjust($btn-primary-dark, $lightness: -15%), atum-btn-primary-border: 1px solid color.adjust($btn-primary-dark, $lightness: 10%), atum-btn-primary-hvr: var(--template-text-light), atum-btn-secondary: #f0f4fb, atum-btn-action: color.adjust($info-dark, $lightness: -10%), atum-btn-action-icon: var(--template-text-light), atum-btn-action-icon-hvr: var(--atum-btn-action-hvr), atum-btn-action-bg: $info-dark, atum-btn-action-bg-hvr: color.adjust($info-dark, $lightness: -15%), atum-btn-action-border: 1px solid color.adjust($info-dark, $lightness: 10%), atum-list-group-bg: var(--template-sidebar-bg), atum-calendar-week-bg: #4b4b4b, atum-calendar-bg: var(--body-bg), atum-calendar-buttons-color: var(--btn-primary-bg), atum-calendar-disabled-color: #4b4b4b, atum-calendar-disabled-bg: rgba(0,0,0,.5), atum-calendar-select-bg: $form-select-bg-dark, atum-calendar-select-bg-url: url("../../images/select-bg-dark.svg"), atum-calendar-select-bg-url-rtl: url("../../images/select-bg-dark-rtl.svg"), // Permissions permissions-sliders-oddCol-bg: var(--template-bg-dark), respTable-border-bottom: 1em solid $btn-primary-dark, // Treeselect treeselect-line-color: rgba(255,255,255,.4), treeselect-dropdown-toggle: var(--template-text-light), icon-check-square-bg: $btn-primary-dark, icon-square-bg: $btn-primary-dark, icon-check-square-color: radial-gradient(white 50%, transparent 50%), icon-square-color: radial-gradient(white 50%, transparent 50%), // Table Row Dragging drag-color: #151515, drag-background-color: #c2d049, ); PK ! �*9� � pages/_com_privacy.scssnu �[��� // com-privacy .tbody-icon { .#{$jicon-css-prefix}-download, .#{$fa-css-prefix}-download { color: var(--success); border-color: var(--success); } .#{$jicon-css-prefix}-mail, .#{$fa-css-prefix}-mail { color: var(--primary); border-color: var(--primary); } .#{$jicon-css-prefix}-delete, .#{$fa-css-prefix}-delete, .#{$jicon-css-prefix}-times, .#{$fa-css-prefix}-times { color: var(--danger); border-color: var(--danger); } } PK ! ���, , pages/_com_templates.scssnu �[��� // com_templates .com_templates { .menu-assignment { position: relative; .menu-links { padding-left: 0; margin-top: 15px; margin-left: 0; column-count: 3; column-gap: 15px; @include media-breakpoint-down(lg) { column-count: auto; } > li { display: inline-block; width: 100%; margin-bottom: 15px; vertical-align: top; list-style: none; backface-visibility: hidden; page-break-inside: avoid; break-inside: avoid; } } .menu-links-block { padding: 15px; border: 1px solid $border-color; border-radius: $border-radius-sm; @if $enable-dark-mode { @include color-mode(dark) { --heading-color: var(--body-color); } } } label { display: block; padding: 3px 0; font-size: inherit; input { position: relative; margin-inline-end: 5px; } } } .thumbnail > img { max-width: 100%; max-height: 100%; } } PK ! �6q|� � pages/_com_users.scssnu �[��� // com_users .com_users { &.view-debuggroup, &.view-debuguser { thead th { white-space: normal; } .legend { margin: 1rem 1rem 0; } } &.view-mail { .form-control { max-width: 100%; } } &.view-user, &.view-methods, &.view-captive { #com-users-methods-reset-container { background-color: $users-methods-reset-cont-bg; } .com-users-methods-list-method { @extend .card; @extend .mx-1; @extend .mt-3; @extend .mb-4; &.com-users-methods-list-method-active { @extend .border-secondary; .com-users-methods-list-method-title h3 { @extend .text-white; } .com-users-methods-list-method-header { @extend .border-secondary; @extend .bg-secondary; @extend .text-white; } } /** This is applied to headers that aren't an active method **/ &:not(.com-users-methods-list-method-active) .com-users-methods-list-method-header { background-color: $users-method-header-inact-bg; } .com-users-methods-list-method-header { @extend .align-items-center; @extend .gap-2; @extend .flex-wrap; @extend .d-flex; @extend .card-header; } .com-users-methods-list-method-image { @extend .pt-1; @extend .px-3; @extend .pb-2; @extend .rounded-2; background-color: $users-method-image; } .com-users-methods-list-method-title { @extend .flex-grow-1; @extend .d-flex; @extend .flex-column; h3 { @extend .fs-2; @extend .p-0; @extend .m-0; @extend .d-flex; @extend .gap-3; @extend .align-items-center; } } .com-users-methods-list-method-records-container { @extend .card-body; } .com-users-methods-list-method-info { @extend .my-1; @extend .pb-1; @extend .text-muted; } } } #fieldset-groups { .controls { margin-inline-start: 2rem; } } &.view-user { table thead th { color: var(--bs-body-color); } } } PK ! ��ԑ" " pages/_com_config.scssnu �[��� // com_config .com_config { #fieldset-permissions { grid-template-columns: 1fr; } #page-filters .form-select { width: auto; } .tab-description { grid-column: 1 / -1; } .options-menu { .revert-controls .controls { margin-inline-start: 0; } } } PK ! �^ pages/_com_content.scssnu �[��� .com_content.layout-edit { joomla-field-media .field-media-preview { height: 10.25rem; } joomla-tab { #attrib-basic[active], #editor[active] { display: flex; flex-wrap: wrap; .form-group { flex: 0 0 50%; max-width: 50%; box-shadow: none; &:nth-child(1), &:nth-child(19) { flex: 0 0 100%; max-width: 100%; } } .field-spacer { flex: 0 0 100%; max-width: 100%; } } } } PK ! ;}� � � pages/_com_cpanel.scssnu �[��� // com_cpanel .com_cpanel { .content { margin-top: 2rem; } .card { p:last-child { margin-bottom: 0; } .list-group, .table { padding: 0; margin-bottom: unset; border-top: 1px solid var(--border-color); } } .card-header { --card-bg: #{$card-bg}; a { font-weight: normal; } .btn { margin-top: .25em; margin-bottom: .25em; } } .card-body { padding: 0; overflow: hidden; background-color: $card-body-bg; border-bottom-right-radius: $border-radius; border-bottom-left-radius: $border-radius; } .module-actions { order: 1; margin-inline-start: auto; > * { padding: 0; color: $module-actions-color; } } .cpanel-add-module { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; width: 100%; min-height: 130px; padding: 0 1rem; font-size: .875rem; font-weight: 700; line-height: 1; color: var(--template-quickicon-color); background-color: var(--body-bg); border: 1px solid var(--body-bg); border-radius: $border-radius; transition: all .15s ease-in; &:hover, &:focus, &:active { color: #fff; text-decoration: none; background: var(--cpanel-addmodule-hover); } > span { padding: .25rem 0 1rem; } .cpanel-add-module-icon { font-size: 2rem; color: var(--template-quickicon-color); margin-inline-end: .5rem; } } } .cpanel-modules { .list-group { border-top: 1px solid $atum-list-group-border-color; } .list-group-item { --list-group-bg: #{$atum-list-group-bg}; a:not(.btn) { color: rgb(var(--link-color-rgb, $table-link-color)); } a:not(.btn):hover { color: rgb(var(--link-color-rgb-hvr)); } a { font-weight: normal; text-decoration: underline; } .btn { text-decoration: none; } .btn.btn-info { color: $atum-btn-info; background: $atum-btn-info-bg; border: $atum-btn-info-border; } .list-group-item a > span { &[class^="#{$jicon-css-prefix}-"], &[class*=" #{$jicon-css-prefix}-"], &[class^="#{$fa-css-prefix}-"], &[class*=" #{$fa-css-prefix}-"] { display: block; padding: .5rem; color: rgba(255, 255, 255, .9); background: var(--#{$prefix}link-color); box-shadow: var(--atum-box-shadow); &:hover { background: var(--#{$prefix}link-hover-color); } } } } .list-group-item span.home-image { &[class^="#{$jicon-css-prefix}-"], &[class*=" #{$jicon-css-prefix}-"], &[class^="#{$fa-css-prefix}-"], &[class*=" #{$fa-css-prefix}-"] { display: inline-block; padding: 0; margin: 0 .85rem; font-size: .9rem; color: var(--body-color); box-shadow: none; transform: scale(1.2); } } h2 { margin-bottom: 0; font-size: $h4-font-size; } .mod-custom { padding: 1rem; } .btn:first-child:focus-visible { color: var(--btn-active-color); background-color: var(--btn-active-bg); border-color: var(--btn-active-border-color); } } .sample-data { .list-group-item { padding: 1rem; } } .sample-data__title { font-weight: bold; color: var(--heading-color); } .sample-data__icon { width: 1.3rem; text-align: center; } .sample-data__desc { border-inline-start: 4px solid hsl(var(--hue),50%,93%); padding-inline-start: 1rem; margin-inline-start: 8px; } @if $enable-dark-mode { @include color-mode(dark) { .com_cpanel { .card { box-shadow: 0 0 0 1px rgba(255, 255, 255, .1), 1px 1px 2px rgba(0, 0, 0, .1); .list-group-item:last-child { border-bottom-right-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); } .list-group-item { &:hover { background: rgba(0,0,0,.1); } } } .cpanel-add-module { &:hover, &:focus, &:active { background: var(--btn-primary-bg-hvr); } } } .sample-data__desc { border-inline-start: 4px solid rgba(255, 255, 255, .1); } } } PK ! ����� � pages/_plg_web_installer.scssnu �[��� @if $enable-dark-mode { @include color-mode(dark) { .com-apps-container .grid-container .card:hover, .com-apps-container .list-container .list-group-item:hover { background-color: var(--gray-800); } } } PK ! �Os,� � pages/_com_media.scssnu �[��� :root { --com-media-manager-overlay-header-bg: #{$media-manager-overlay-header-bg}; --com-media-manager-infobar-dt-color: #{$media-manager-infobar-dt-color}; --com-media-manager-content-bg: #{$media-manager-content-bg}; --com-media-manager-content-color: #{$media-manager-content-color}; --com-media-manager-overlay-bg: #{$media-manager-overlay-bg}; --com-media-manager-disk-name-color: #{$media-manager-disk-name-color}; --com-media-manager-tree-item-hover-bg: #{$media-manager-tree-item-hover-bg}; --com-media-manager-toolbar-icon-color: #{$media-manager-toolbar-icon-color}; } .file-background, .folder-background { padding-bottom: 100%; background-color: $media-browser-file-bg; //hsl(var(--hue), 20%, 97%); border: $media-manager-border; // 1px solid hsl(var(--hue), 35%, 95%); } .file-icon, .folder-icon, .media-dragoutline { color: $media-manager-file-icon-color; //?? inherit } .media-browser-item-preview { border: $media-manager-border; // 1px solid hsl(var(--hue), 35%, 95%); } .media-drive { background: $media-drive-bg; border: $media-manager-border; } .media-toolbar { background-color: $media-toolbar-bg; // var(--com-media-manager-content-bg,#fff); border-bottom: $media-manager-border; // 1px solid var(--template-bg-dark-7); border-inline-start: $media-manager-border; // 1px solid var(--template-bg-dark-7) box-shadow: 0 -1px 0 0 $media-manager-border; // var(--template-bg-dark-7); } .media-toolbar-icon { -webkit-border-start: $media-manager-border; // 1px solid var(--template-bg-dark-7); color: $media-toolbar-icon-color; // var(--com-media-manager-toolbar-icon-color,var(--template-bg-dark-60)); background-color: $media-toolbar-icon-bg; // transparent; border-inline-start: $media-manager-border; // 1px solid var(--template-bg-dark-7); } .media-toolbar-icon:hover { background-color: $media-toolbar-icon-bg-hvr; // #f0f0f0; } .media-breadcrumb { -webkit-border-start: $media-manager-border; // 1px solid var(--template-bg-dark-7) border-inline-start: $media-manager-border; // 1px solid var(--template-bg-dark-7) } .media-breadcrumb-item a { color: $media-manager-content-color; // var(--com-media-manager-content-color,var(--link-color)); } .media-breadcrumb-item { color: var(--btn-primary-color); background-color: var(--btn-primary-bg); a { color: var(--btn-primary-color); } } .media-breadcrumb-item::after { border-inline-start-color: var(--btn-primary-bg); // var(--com-media-manager-overlay-bg,var(--template-bg-dark-3)); } .image-background { background-color: $image-bg; // #fff; background-image: $image-bg-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%); } .media-tree-item .item-icon { color: var(--template-link-color); } .media-tree-item.active > a .item-icon { color: var(--template-link-color); // TODO could be another color in future Versions } .field-media-wrapper .button-select { background-color: var(--success); } .media-infobar { border-inline-start: $media-manager-border; // 1px solid $border-color; h2 { border-bottom: $media-manager-border; } } @if $enable-dark-mode { @include color-mode(dark, true) { joomla-field-media .field-media-preview { background-color: var(--gray-700); border-color: rgba(255, 255, 255, .15); } joomla-field-mediamore details { color: var(--template-text-light); background: #1c1c1c; } joomla-field-mediamore summary { background: #131313; } .media-infobar { background-color: var(--main-bg); h2 { background-color: var(--body-bg); } dt { font-weight: bold; color: rgba(255,255,255,.9); } dd { color: rgba(255,255,255,.7); } .infobar-close { color: #fff; &:hover { color: #efefef; } } } } } PK ! /ȺqR R pages/_com_joomlaupdate.scssnu �[��� // com_joomlaupdate .com_joomlaupdate { caption { caption-side: top; } } PK ! Ÿ� � pages/_com_modules.scssnu �[��� .new-modules { // We use the same colors for the new module section as we do for the quickicons. --text-color: $new-modules-color; --bg-color: $new-modules-bg; --bg-color-hvr: $new-modules-bg-hvr; --icon-color: $new-modules-icon-color; --icon-color-hvr: $new-modules-icon-color-hvr; .card-columns { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } } .new-module { display: flex; overflow: hidden; color: $new-module-color; background-color: $new-module-bg; border: $new-module-border; border-radius: $border-radius; * { transition: all .25s ease; } &-details { flex: 1 0; padding: 1rem; } &-title { margin-bottom: .25rem; font-size: 1rem; font-weight: 700; } &-caption { display: flex; margin: 0; font-size: .875rem; } &-link { display: flex; align-items: flex-end; justify-content: center; width: 2.5rem; font-size: 1.2rem; background: $new-module-link-bg; span { margin-bottom: 10px; color: $new-module-link-span; } .new-module:hover & { background: $new-module-link-hvr; span { color: $new-module-link-span-hvr; } } } } PK ! � �d d pages/_com_tags.scssnu �[��� .com_tags { #fieldset-image-intro, #fieldset-image-fulltext { > div { grid-template-columns: 1fr; } @include media-breakpoint-up(md) { display: inline-block; width: calc(50% - 15px); } } #fieldset-image-intro { margin-inline-end: 15px; } #fieldset-image-fulltext { margin-inline-start: 15px; } } PK ! �ol#b b pages/_com_scheduler.scssnu �[��� .new-tasks { // We use the same colours for the new task section as we do for the quickicons. --text-color: #{$quickicon-color}; --bg-color: var(--template-quickicon-bg); --bg-color-hvr: var(--template-quickicon-bg-hvr); --icon-color: #{$quickicon-color}; --icon-color-hvr: #{$quickicon-link-hvr}; .card-columns { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } } .new-task { display: flex; overflow: hidden; color: var(--text-color); background-color: var(--bg-color); border: $quickicon-border; border-radius: $border-radius; * { transition: all .25s ease; } &-details { flex: 1 0; padding: 1rem; } &-title { margin-bottom: .25rem; font-size: 1rem; font-weight: 700; } &-caption { display: flex; margin: 0; font-size: .875rem; } :hover { color: #{$quickicon-link-hvr}; background: var(--bg-color-hvr); .new-task-title { color: #{$quickicon-link-hvr}; } } &-link { display: flex; align-items: flex-end; justify-content: center; width: 2.5rem; font-size: 1.2rem; background: $quickicon-linkadd-bg; span { margin-bottom: 10px; color: var(--quickicon-linkadd-color); } &:hover { background: var(--template-bg-dark); span { color: var(--icon-color-hvr); } } } } PK ! ^U�A� � client.scssnu �[��� // Bootstrap functions @import "../../../../media/vendor/bootstrap/scss/functions"; // Bootstrap other @import "../../../../media/vendor/bootstrap/scss/mixins"; @import "../../../../media/vendor/bootstrap/scss/variables"; // Extension variables $extension-types: ( "jcommercial": #f6c801, "jcomponent": #1e9e33, "jlanguage": $dark, "jmodule": #e20a0a, "jplugin": #57278e, "jspecific": #d69b34, "jtool": #333 ); .com-apps-container { // Extension type badges .badge { margin: 1px; // BS5 Dropped all .badge-* color classes &.badge-success { background-color: var(--success); } &.badge-secondary { background-color: var(--secondary); } &.badge-danger { background-color: var(--danger); } &.badge-warning { background-color: var(--warning); } } .fader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin-top: 5px; text-align: center; @include gradient-y(rgba(255,255,255,0), rgba(255,255,255,1), 70%, 95%); } .com-apps-sidebar { // Bootstrap 4 does not indent second level navigation .nav { .nav { padding-inline-start: 15px; } } a { &:hover, &.active { color: $white; text-decoration: none; background-color: var(--btn-primary-bg); } } } .grid-container { .card { height: 400px; margin-bottom: 2rem; &:hover { background-color: var(--gray-200); } } .card-img, .card-img-top { height: 6rem; overflow: hidden; border-top-left-radius: 0; border-top-right-radius: 0; } .card-text { height: 160px; overflow: hidden; } .card-body { padding: .5rem; cursor: pointer; } } .list-container { box-sizing: border-box; // Override fader gradient .fader { @include gradient-y(rgba(255,255,255,0), rgba(255,255,255,1), 0%, 25%); } .list-group-item { margin-bottom: 10px; &:hover { background-color: #f8f8f8; } .row { cursor: pointer; } } } .item-view { margin-top: 3rem; a[target="_blank"] { span.icon-download, span.icon-list, span.icon-share-alt { display: none; } } } .form-row { display: flex; .col-md:first-child { margin-inline-end: .8rem; } .input-group { .input-group-append { button#search-extensions { border-start-start-radius: 0; border-end-start-radius: 0; } button#search-reset { margin-inline-start: .8rem; } } } } } // Disallow scrolling when overlay is active .ifw-busy { overflow: hidden; } .ifw-loading-container { top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background: url("../../system/images/ajax-loader.gif") rgba(255,255,255,.7) 50% 10px no-repeat; opacity: .95; } PK ! ��#"U U global/colors_alternative.scssnu �[��� // Variables, Functions and Mixins @import "../tools/tools"; @import "../../../../../vendor/bootstrap/scss/functions"; :root { --cassiopeia-color-primary: #{$alternative-color-primary}; // @deprecated --casiopeia-color-link is deprecated in favour of --link-color --cassiopeia-color-link: #{$alternative-color-link}; --link-color: #{$alternative-color-link}; --link-color-rgb: #{to-rgb($alternative-color-link)}; --cassiopeia-color-hover: #{$alternative-color-hover}; --link-hover-color: #{$alternative-color-hover}; --link-hover-color-rgb: #{to-rgb($alternative-color-hover)}; } PK ! �R�@ @ global/colors_standard.scssnu �[��� // Variables, Functions and Mixins @import "../tools/tools"; @import "../../../../../vendor/bootstrap/scss/functions"; :root { --cassiopeia-color-primary: #{$standard-color-primary}; // @deprecated --casiopeia-color-link is deprecated in favour of --link-color --cassiopeia-color-link: #{$standard-color-link}; --link-color: #{$standard-color-link}; --link-color-rgb: #{to-rgb($standard-color-link)}; --cassiopeia-color-hover: #{$standard-color-hover}; --link-hover-color: #{$standard-color-hover}; --link-hover-color-rgb: #{to-rgb($standard-color-hover)}; } PK ! tbu u global/fonts-local_roboto.scssnu �[��� // Fonts $roboto-font-path: "../../../../../vendor/roboto-fontface/fonts" !default; @import "../../../../../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 ! /�t�� � blocks/_frontend-edit.scssnu �[��� // Frontend Editing .btn.jmodedit { position: absolute; top: 0; right: 0; left: auto; z-index: 900; color: var(--#{$prefix}link-color); background-color: rgba(255,255,255,.5); border: 1px solid #58595a; border-radius: .25rem; } PK ! �@_� � blocks/_tags.scssnu �[��� // Tags .tags { .list-inline-item { margin: .25rem .25rem .5rem; } a.btn { font-weight: 700; } } .tag { display: inline-block; padding: .5rem .5rem .5rem 0; } PK ! �C�`U U blocks/_legacy.scssnu �[��� // Legacy .left.item-image { float: left; } .right.item-image { float: right; } PK ! g���5 5 blocks/_footer.scssnu �[��� // Footer .footer { margin-top: $cassiopeia-grid-gutter; color: $white; background-color: var(--cassiopeia-color-primary); background-image: $cassiopeia-header-grad #{"/* rtl:"}$cassiopeia-header-grad-rtl #{"*/"}; .grid-child { align-items: center; justify-content: space-between; padding: 2.5rem ($cassiopeia-grid-gutter * .5); } a:not(.btn), .btn-link { color: currentColor; &:hover, &:focus { color: var(--gray-200); } } .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 �[��� // 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 ! �5?-� � blocks/_banner.scssnu �[��� // 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 ! ��*�� � blocks/_back-to-top.scssnu �[��� /** * Back to Top */ .back-to-top-link { position: fixed; inset-inline-end: 1rem; bottom: 1rem; z-index: 10000; padding: $cassiopeia-grid-gutter * .5; 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; &.visible { opacity: 1; } &:hover, &:focus { color: var(--white, $white); background-color: var(--cassiopeia-color-hover); border-color: var(--white, $white); } } PK ! �5�� � blocks/_modifiers.scssnu �[��� // 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 * .5); margin-bottom: $cassiopeia-grid-gutter; margin-left: -($cassiopeia-grid-gutter * .5); @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 * .5) $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; } } .item-image { margin-top: 3px; margin-bottom: 15px; overflow: hidden; .boxed & { margin-bottom: 0; } @include media-breakpoint-up(lg) { .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; .item-image { flex: 1 0 40%; } .item-content { flex: 1 0 60%; } } } } .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 ! zH$p p editor.scssnu �[��� /* 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; } span[lang] { padding: 2px; border: 1px dashed #bbb; &:after { font-size: smaller; color: #f00; vertical-align: super; content: attr(lang); } } .float-start { float: left; } .float-end { float: right; } .float-none { float: none; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .d-block { display: block !important; } PK ! ��)Wn n tools/functions/_max-width.scssnu �[��� // Retrieve the max-width @function max-width($key: "md") { @return map-get($container-max-widths, $key); } PK ! ���r#4 #4 tools/variables/_variables.scssnu �[��� @use "sass:color"; // Remove prefix added in BS5 for compat with Joomla beta's shipped with Betas $prefix: ""; // Disable dark mode in J4.4 - it's going to cause major b/c breaks to introduce. We will enable it in 5.0 $enable-dark-mode: false; // 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%) !default; $cassiopeia-header-grad-rtl: linear-gradient(135deg, var(--cassiopeia-color-hover) 0%, var(--cassiopeia-color-primary) 100%) !default; $cassiopeia-inverted-text-color: var(--cassiopeia-color-hover) !default; // Color system // Standard $standard-color-primary: hsl(220, 67%, 20%) !default; $standard-color-link: hsl(220, 67%, 40%) !default; $standard-color-hover: hsl(242, 30%, 36%) !default; // Alternative $alternative-color-primary: hsl(351, 54%, 37%) !default; $alternative-color-link: hsl(207, 49%, 37%) !default; $alternative-color-hover: hsl(351, 33%, 44%) !default; $white: hsl(0, 0%, 100%) !default; $gray-100: hsl(210, 17%, 98%) !default; $gray-200: hsl(210, 16%, 93%) !default; $gray-300: hsl(210, 14%, 89%) !default; $gray-400: hsl(210, 14%, 83%) !default; $gray-500: hsl(210, 11%, 71%) !default; $gray-600: hsl(210, 7%, 46%) !default; $gray-700: hsl(210, 9%, 31%) !default; $gray-800: hsl(210, 10%, 23%) !default; $gray-900: hsl(210, 11%, 15%) !default; $black: hsl(0, 0%, 0%) !default; $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 ) !default; $blue: hsl(240, 98%, 17%) !default; $indigo: hsl(263, 90%, 51%) !default; $purple: hsl(261, 51%, 51%) !default; $pink: hsl(332, 79%, 58%) !default; $red: hsl(3, 75%, 37%) !default; $orange: hsl(27, 98%, 54%) !default; $yellow: hsl(34, 100%, 34%) !default; $green: hsl(120, 32%, 39%) !default; $teal: hsl(194, 66%, 61%) !default; $cyan: hsl(207, 49%, 37%) !default; $colors: ( "blue": $blue, "black": $black, "indigo": $indigo, "purple": $purple, "pink": $pink, "red": $red, "orange": $orange, "yellow": $yellow, "green": $green, "teal": $teal, "cyan": $cyan, "white": $white ) !default; $primary: $blue !default; $secondary: $gray-600 !default; $success: $green !default; $info: $cyan !default; $warning: $yellow !default; $danger: $red !default; $light: $gray-100 !default; $dark: $gray-800 !default; $theme-colors: ( primary: $blue, secondary: $secondary, success: $success, info: $info, warning: $warning, danger: $danger, light: $light, dark: $dark ) !default; $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 ) !default; $cassiopeia-colors: ( 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: color.adjust(#2a69b8, $lightness: -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%) ) !default; // Links $link-color: $standard-color-link !default; $link-hover-color: $standard-color-hover !default; // Breadcrumbs $breadcrumb-active-color: $gray-700 !default; // Grid columns $grid-gutter-width: 1em !default; $cassiopeia-grid-gutter: $grid-gutter-width !default; // Components $fa-font-path: "../../../media/vendor/fontawesome-free/webfonts" !default; // Treeselect $treeselect-line-height: 2.2rem !default; // MetisMenu $metismenu: true !default; // Toolbar $cassiopeia-toolbar-line-height: 1.8rem !default; // 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) !default; // 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, ) !default; // Forms $input-border-color: $gray-400 !default; $input-padding: .6rem 1rem !default; $input-btn-padding-y: .6rem !default; $input-btn-padding-x: 1rem !default; $input-max-width: 100% !default; $input-focus-border-color: tint-color($standard-color-primary, 50%) !default; $form-select-indicator-padding: 3rem !default; $form-select-bg: $gray-200 !default; $form-select-bg-size: 116rem !default; $form-select-bg-size-sm: 75rem !default; $form-select-indicator: url("../images/select-bg.svg") !default; $form-select-indicator-rtl: url("../images/select-bg-rtl.svg") !default; $form-select-indicator-active: url("../../../images/select-bg.svg") !default; $form-select-indicator-active-rtl: url("../../../images/select-bg-rtl.svg") !default; $form-select-background: $form-select-indicator no-repeat right center / $form-select-bg-size !default; // 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 !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon) $form-select-multiple-padding-y: .3rem !default; $form-range-thumb-active-bg: tint-color($standard-color-primary, 70%) !default; // Z-index source list $zindex-negative: -1 !default; $zindex-actions: auto !default; $zindex-toolbar: 1000 !default; $zindex-sidebar: 1010 !default; $zindex-header: 1020 !default; $zindex-alerts: 1030 !default; $zindex-modal-backdrop: 1040 !default; $zindex-modal: 1050 !default; $zindex-popover: 1060 !default; $zindex-tooltip: 1070 !default; $zindex-mobile-bottom: 8000 !default; $zindex-mobile-toggle: 9999 !default; $zindex-mobile-menu: 9000 !default; // Navs $nav-link-padding-y: .5rem !default; // Navs $cassiopeia-tabs-header-bg: $cassiopeia-block-header-bg !default; $cassiopeia-tabs-active-bg: hsla(0, 0%, 0%, .3) !default; $cassiopeia-tabs-active-highlight: var(--cassiopeia-color-primary) !default; // Navbar $nav-link-height: 1.5rem + $nav-link-padding-y * 2 !default; // Cards $cassiopeia-card-title-bg: $cassiopeia-block-header-bg !default; $cassiopeia-card-title-icon-bg: $cassiopeia-block-header-bg !default; $cassiopeia-card-title-icon-bg-hover: scale-color($cassiopeia-card-title-bg, $lightness: 2%) !default; $card-bg-color-light: $gray-100 !default; $card-bg-color-dark: var(--cassiopeia-color-primary) !default; $card-border-color: $cassiopeia-border-color !default; // Badges $badge-default-bg: $gray-600 !default; // Modals $modal-header-height: 3rem !default; // Accordion $accordion-button-active-bg: tint-color($standard-color-primary, 90%) !default; $accordion-button-active-color: shade-color($standard-color-primary, 10%) !default; // 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-padding: .1875em 0; $mark-bg: #fbeea8 !default; // scss-docs-start border-radius-variables $btn-border-radius: .25rem !default; $border-radius: .25rem !default; $border-radius-sm: .2rem !default; $border-radius-lg: .3rem !default; $border-radius-xl: .3rem !default; $border-radius-2xl: .3rem !default; // scss-docs-end border-radius-variables PK ! �%�P� � tools/_tools.scssnu �[��� // Vendor @import "../../../../../vendor/bootstrap/scss/functions"; // Variables @import "variables/variables"; // Functions @import "functions/max-width"; PK ! G(w� � vendor/_minicolors.scssnu �[��� // Minicolours .minicolors-theme-bootstrap { .minicolors-input { width: 120px; } .rgb { width: 175px; } .rgba { width: 220px; } } PK ! O"� � � vendor/metismenu/_metismenu.scssnu �[��� @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 * .5) $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-inline-end: -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 * .5; margin-bottom: $cassiopeia-grid-gutter * -.5; 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-inline-start: .5em; content: ""; border-top: .5em solid currentColor; border-right: .5em solid transparent; border-left: .5em solid transparent; transition: all .3s ease-out; @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 ! o��F F vendor/_chosen.scssnu �[��� // 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; 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; @include border-radius($form-select-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 * .25; 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 ! �2 vendor/bootstrap/_nav.scssnu �[��� // 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 ! �bѓ� � vendor/bootstrap/_forms.scssnu �[��� .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 ! D�� � vendor/_awesomplete.scssnu �[��� // 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 ! ����Q Q offline.scssnu �[��� // Bootstrap functions @import "../../../../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 ! x%�ç � system/fields/calendar.scssnu �[��� @import "../../../../../../system/css/fields/calendar.css"; .calendar-container { --btn-primary-bg: var(--cassiopeia-color-primary); --btn-primary-color: #fff; } PK ! ����� � menu.scssnu �[��� PK ! <��r� � � animation.scssnu �[��� PK ! k��p p �. preloaders.scssnu �[��� PK ! A ��� � �E presets.scssnu �[��� PK ! �՜ � � �X legacy.scssnu �[��� PK ! �� �c c �_ edit.scssnu �[��� PK ! �Q.� � .z offcanvas.scssnu �[��� PK ! h* �t t $� master.scssnu �[��� PK ! +�� � Ә theme.scssnu �[��� PK ! ��;�� � O responsive.scssnu �[��� PK ! ���� � ^ rtl.scssnu �[��� PK ! �r�@ @ +g bs4-rtl.scssnu �[��� PK ! 6dz� �m template.scssnu �[��� PK ! ]��sD� D� �t _variables.scssnu �[��� PK ! � �v i5 blocks/_edit.scssnu �[��� PK ! h.%o� � �6 blocks/_treeselect.scssnu �[��� PK ! bV�p p �> blocks/_shepard-modals.scssnu �[��� PK ! �ir�� � �C blocks/_calendar.scssnu �[��� PK ! ̋��i i �F blocks/_lists.scssnu �[��� PK ! .�mI �G blocks/_alerts.scssnu �[��� PK ! (C�|N N �I blocks/_form.scssnu �[��� PK ! �N � � }X blocks/_layout.scssnu �[��� PK ! � �z� � �` blocks/_sidebar.scssnu �[��� PK ! Y��>{ { �x blocks/_global.scssnu �[��� PK ! ��_p: : �� blocks/_switcher.scssnu �[��� PK ! >0I�� � � blocks/_icons.scssnu �[��� PK ! ϋYP P � blocks/_toolbar.scssnu �[��� PK ! z�>L L v� blocks/_login.scssnu �[��� PK ! l��> > � blocks/_quickicons.scssnu �[��� PK ! ��͍ � �� blocks/_sidebar-nav.scssnu �[��� PK ! �>�A/ / ^� blocks/_modals.scssnu �[��� PK ! iӖ� � �� blocks/_utilities.scssnu �[��� PK ! ﹽE E �� blocks/_iframe.scssnu �[��� PK ! [A� � ,� blocks/_header.scssnu �[��� PK ! �p��G G C� template-rtl.scssnu �[��� PK ! b{r� �� vendor/_codemirror.scssnu �[��� PK ! C7LF� � ( � vendor/fontawesome-free/fontawesome.scssnu �[��� PK ! us��� � 7� vendor/bootstrap/_dropdown.scssnu �[��� PK ! %��28 8 ! b� vendor/bootstrap/_list-group.scssnu �[��� PK ! =�� � �� vendor/bootstrap/_reboot.scssnu �[��� PK ! EEn�, , �� vendor/bootstrap/_card.scssnu �[��� PK ! �)Ѹ� � c� vendor/bootstrap/_modal.scssnu �[��� PK ! ����/ / ! ^� vendor/bootstrap/_pagination.scssnu �[��� PK ! �� �� � � vendor/bootstrap/_accordion.scssnu �[��� PK ! I�Ԙ| | � vendor/bootstrap/_lists.scssnu �[��� PK ! � �� vendor/bootstrap/_buttons.scssnu �[��� PK ! �V�>2 2 ' vendor/bootstrap/_form.scssnu �[��� PK ! &t��� � # � vendor/bootstrap/_custom-forms.scssnu �[��� PK ! Ν�� � � vendor/bootstrap/_badge.scssnu �[��� PK ! ��S�� � � vendor/bootstrap/_table.scssnu �[��� PK ! ��� � vendor/bootstrap/_collapse.scssnu �[��� PK ! ��Y - / vendor/joomla-custom-elements/joomla-tab.scssnu �[��� PK ! N��� � / �- vendor/joomla-custom-elements/joomla-alert.scssnu �[��� PK ! ;��� � ! �C vendor/minicolors/minicolors.scssnu �[��� PK ! p��(� � �D vendor/_dragula.scssnu �[��� PK ! H�~)s s # F vendor/awesomplete/awesomplete.scssnu �[��� PK ! �k�� � �F vendor/choicesjs/choices.scssnu �[��� PK ! �m�Z* * �U vendor/_tinymce.scssnu �[��� PK ! Q� � � \W _maps-atum.scssnu �[��� PK ! H��!= = # SY system/searchtools/searchtools.scssnu �[��� PK ! 9�L.� � �\ system/fields/_calendar.scssnu �[��� PK ! "n�� �b system/fields/_switcher.scssnu �[��� PK ! ��`�rZ rZ .d _variables-dark.scssnu �[��� PK ! �*9� � � pages/_com_privacy.scssnu �[��� PK ! ���, , � pages/_com_templates.scssnu �[��� PK ! �6q|� � x� pages/_com_users.scssnu �[��� PK ! ��ԑ" " ]� pages/_com_config.scssnu �[��� PK ! �^ �� pages/_com_content.scssnu �[��� PK ! ;}� � � � pages/_com_cpanel.scssnu �[��� PK ! ����� � .� pages/_plg_web_installer.scssnu �[��� PK ! �Os,� � \� pages/_com_media.scssnu �[��� PK ! /ȺqR R �� pages/_com_joomlaupdate.scssnu �[��� PK ! Ÿ� � %� pages/_com_modules.scssnu �[��� PK ! � �d d *� pages/_com_tags.scssnu �[��� PK ! �ol#b b � pages/_com_scheduler.scssnu �[��� PK ! ^U�A� � } client.scssnu �[��� PK ! ��#"U U v global/colors_alternative.scssnu �[��� PK ! �R�@ @ global/colors_standard.scssnu �[��� PK ! tbu u � global/fonts-local_roboto.scssnu �[��� PK ! /�t�� � g blocks/_frontend-edit.scssnu �[��� PK ! �@_� � � blocks/_tags.scssnu �[��� PK ! �C�`U U � blocks/_legacy.scssnu �[��� PK ! g���5 5 7 blocks/_footer.scssnu �[��� PK ! ��) � blocks/_css-grid.scssnu �[��� PK ! �5?-� � $ blocks/_banner.scssnu �[��� PK ! ��*�� � �' blocks/_back-to-top.scssnu �[��� PK ! �5�� � �* blocks/_modifiers.scssnu �[��� PK ! zH$p p �? editor.scssnu �[��� PK ! ��)Wn n �D tools/functions/_max-width.scssnu �[��� PK ! ���r#4 #4 QE tools/variables/_variables.scssnu �[��� PK ! �%�P� � �y tools/_tools.scssnu �[��� PK ! G(w� � �z vendor/_minicolors.scssnu �[��� PK ! O"� � � �{ vendor/metismenu/_metismenu.scssnu �[��� PK ! o��F F �� vendor/_chosen.scssnu �[��� PK ! �2 � vendor/bootstrap/_nav.scssnu �[��� PK ! �bѓ� � o� vendor/bootstrap/_forms.scssnu �[��� PK ! D�� � �� vendor/_awesomplete.scssnu �[��� PK ! ����Q Q �� offline.scssnu �[��� PK ! x%�ç � +� system/fields/calendar.scssnu �[��� PK c c �! �
| ver. 1.1 | |
.
| PHP 8.4.18 | Ð“ÐµÐ½ÐµÑ€Ð°Ñ†Ð¸Ñ Ñтраницы: 0.08 |
proxy
|
phpinfo
|
ÐаÑтройка