diff --git a/html/modules/legacy/admin/templates/block_list.html b/html/modules/legacy/admin/templates/block_list.html
index cc29e2174..17ddc2374 100644
--- a/html/modules/legacy/admin/templates/block_list.html
+++ b/html/modules/legacy/admin/templates/block_list.html
@@ -103,5 +103,5 @@ <{$smarty.const._MI_LEGACY_MENU_BLOCKLIST}>
-
-<{include file="./components/pagenavi.html"}>
+<{* Smarty generates nav pagination + ul pagenavi *}>
+
diff --git a/html/modules/legacy/admin/templates/components/pagenavi.html b/html/modules/legacy/admin/templates/components/pagenavi.html
index d449a1d06..46b31da62 100644
--- a/html/modules/legacy/admin/templates/components/pagenavi.html
+++ b/html/modules/legacy/admin/templates/components/pagenavi.html
@@ -1,2 +1,9 @@
-<{* ---------- ---------- ---------- ---------- ---------- Pagenavi *}>
-<{xoops_pagenavi pagenavi=$pageNavi}>
+<{* ---------- Pagenavi
+The Smarty Plugin function.xoops_pagenavi.php generates the following list:
+
+ -
+
-
+
-
+
+ ---------- *}>
+
diff --git a/html/modules/legacy/admin/theme/admin_theme.html b/html/modules/legacy/admin/theme/admin_theme.html
index 904b583b6..a3924e03b 100644
--- a/html/modules/legacy/admin/theme/admin_theme.html
+++ b/html/modules/legacy/admin/theme/admin_theme.html
@@ -3,9 +3,9 @@
diff --git a/html/modules/legacy/admin/theme/style.css b/html/modules/legacy/admin/theme/style.css
index a4a9ca559..d440c7e8b 100644
--- a/html/modules/legacy/admin/theme/style.css
+++ b/html/modules/legacy/admin/theme/style.css
@@ -1,9 +1,9 @@
/*
XOOPSCube Theme : XCL Admin Flex Grid
Distribution : XOOPSCube XCL 2.3.1
- Version : 1.0.1
+ Version : 1.1.1
Author : Nuno Luciano aka Gigamaster
- Date : 2021-10-28
+ Date : 2022-11-21
URL : https://github.com/xoopscube/
-------------------- -------------------- -------------------- ----- IMPORT */
diff --git a/html/modules/legacy/admin/theme/stylesheets/--style.css b/html/modules/legacy/admin/theme/stylesheets/--style.css
deleted file mode 100644
index 6eab55357..000000000
--- a/html/modules/legacy/admin/theme/stylesheets/--style.css
+++ /dev/null
@@ -1,554 +0,0 @@
-/*
- XOOPSCube Theme : XCL Admin Flex Grid
- Distribution : XOOPSCube XCL 2.3
- Version : 1.0.0
- Author : Nuno Luciano aka Gigamaster
- Date : 2021-10-28
- URL : https://github.com/xoopscube/
-*/
-
-* {
- margin:0;
- padding:0;
-}
-
-body {
- color:#37415C;
- font-size:12px;
- line-height:130%;
- font:12px/1.5em Arial, Helvetica, sans-serif;
- background:#fff url(../design/bg_page.png) top left repeat-x;
-}
-
-h1, h2, h3, h4, h5, h6 {
- margin:0.5em;
-}
-h3 {
- font-size:18px;
-}
-h4 {
- font-size:16px;
- margin:1em;
-}
-h5 {
- font-size:14px;
- margin:1em;
-}
-h6 {
- font-size:12px;
-}
-
-a, a:visited {
- color:#3F4D6B;
- font-weight:normal;
- text-decoration:none;
-}
-a:hover, a:active {
- color:#F29B09;
-}
-
-img {
- border:0
-}
-
-hr {
- color:#E18A00;
- background-color:#E18A00;
- border:none;
- width:95%;
- height:0.3em;
- margin: 10px auto;
- text-align:center;
-}
-
-ul {
- margin:2px;
- padding:2px;
- list-style:square outside;
-}
-li {
- margin-left:20px;
- line-height:130%;
-}
-
-table {
- margin:0;
- padding:0;
- width:100%;
- border-collapse:collapse;
-}
-td {
- vertical-align:top;
-}
-th {
- text-align:center;
- padding:5px 1px;
- background:#eee url(../design/bg_blocktitle.png) top left repeat-x;
-}
-th a {
- font-weight:bold;
-}
-th a:visited {
- font-weight:bold;
-}
-th a:hover {
- font-weight:bold;
- color:#ff8c00;
-}
-
-form {
- margin:0.5em 0;
-}
-input {
- border-top:1px solid #999;
- border-right:1px solid #CCC;
- border-bottom:1px solid #DDD;
- border-left:1px solid #999;
- padding:2px;
- background:url(../design/bg_data.png) top left repeat;
-}
-input.formButton {
- background:url(../design/bg_data.png);
- border-top:solid 1px #CCC;
- border-left:solid 1px #DDD;
- border-right:solid 1px #999;
- border-bottom:solid 1px #999;
- padding: 1px 10px;
-}
-textarea {
- font-size:13px;
-}
-
-select option {
- padding: 0 3px;
-}
-
-#container {
- width:100%;
- margin:0 auto;
- text-align:left;
-}
-
-/* ====================================================== common ===== */
-
-.outer td , .outer th {
- border:1px solid #ccc;
-}
-table.outer {
- margin:10px 0;
- border:1px solid #ddd;
-}
-.head {
- background:#dddddd;
- padding:5px 3px;
-}
-.foot {
- padding:6px 4px;
- text-align: center;
- background:url(../design/bg_footer.png) top left repeat-x;
-}
-
-.odd {
- background:#eeeeff;
- padding:5px 3px;
-}
-.even {
- background:#ffffff;
- padding:5px 3px;
-}
-tr .odd td {
- padding:3px;
- vertical-align:middle;
-}
-tr .even td {
- padding:3px;
- vertical-align:middle;
-}
-.nw {
- white-space:nowrap;
-}
-
-.searchform {
- text-align: center;
- margin-top: 1em;
-}
-
-.searchform div {
- margin-left: .5em;
- margin-bottom: .5em;
- display: inline-block;
-}
-
-/* ====================================================== header ===== */
-
-#header {
- height:100px;
-}
-
-#header .logo a {
- float:left;
- padding:14px;
- font-size:20px;
- color:#FFF;
-}
-
-#header .logo a:hover {
- border-bottom: 0;
-}
-
-#header .headerSearch {
- float:right;
- text-align:right;
- padding:14px;
-}
-#header .headerSearchForm {
- margin:0;
-}
-#header .topnav {
- clear:both;
- text-align:right;
- padding:2px 10px;
-}
-#header .topnav a, .topnav a:visited {
- font-weight:bold;
- vertical-align:top;
-}
-
-#header .topnav span.linkadmin { float:left;}
-#header .topnav span.linkadmin a, span.linksite a { margin-right:10px;}
-
-/* ====================================================== LeftColumn ===== */
-
-#leftcolumn {
- width:190px;
- padding:10px;
-}
-#leftcolumn .head {
- padding:5px;
- font-weight:bold;
- border:1px solid #E5E5E5;
- text-align:left;
- background:url(../design/bg_blocktitle.png) left top repeat-x;
-}
-#leftcolumn .head a, #leftcolumn .head a:visited {
- font-weight:bold;
-}
-
-#leftcolumn .head2 {
- padding:5px;
- text-align:left;
- border-top:1px solid #fff;
- border-bottom:1px solid #D4D4FF;
- background:url(../design/bg_blocktitle2.png) left top repeat-x;
-}
-#leftcolumn .head2 a {
- font-weight:bold;
-}
-
-#leftcolumn .submenu {
- margin:0px;
- padding:3px 2px;
- display:none;
- background:url(../design/bg_blockcontent.png) left top repeat-x;
-}
-#leftcolumn .submenu li {
- margin:0;
- padding:2px 2px 2px 17px;
- list-style:none;
- background:url(../design/menulist.png) center left no-repeat;
-}
-
-/* ====================================================== Center Column ===== */
-
-#centercolumn {
- background:#fff;
- margin:0;
- padding:0;
-}
-#contentBody {
- background:#fff;
- padding:10px;
-}
-
-#footer {
- padding:15px 0;
- text-align:center;
- font-size:0.9em;
- border-top:1px solid #ddd;
- background:url(../design/bg_footer.png) top left repeat-x;
-}
-
-.return_top {
- float:right;
- width:140px;
- text-align:center;
- margin:20px;
- padding:5px;
- border-top:1px solid #eee;
- border-left:1px solid #eee;
- border-right:1px solid #ddd;
- border-bottom:1px solid #ccc;
- background:#f2f2f2 url(../icons/page_up.png) left center no-repeat;
-}
-
-/* ====================================================== MenuNavi for noscript ===== */
-
-#menunavi {
- margin:8px;
- background-color:#eeeeff;
-}
-#menunavi h2 {
- margin:0.4em 2em;
- font-size: 16px;
- color:#333366;
-}
-ul.submenunavi {
- text-align:left;
- padding:0;
- margin:3px;
-}
-ul.submenunavi li {
- display:inline;
- margin:0 2px;
- padding:3px;
- line-height:2em;
- border-top:1px solid #ffffff;
- border-left:1px solid #ffffff;
- border-right:1px solid #cccccc;
- border-bottom:1px solid #cccccc;
- background:#f8f8ff;
-}
-
-/* ====================================================== Admin Navi ===== */
-
-.adminnavi {
- margin:0px -3px 20px -3px;
- padding:5px 10px;
- border:1px solid #EEE;
- border-bottom:1px solid #fff;
- background:#FBFBFB url(../design/bg_blockcontent.png) 0px -25px repeat-x;
-}
-.adminnavi a:link , .adminnavi a:visited {
- font-weight:bold;
-}
-.adminnavi a:hover {
- font-weight:bold;
-}
-.adminnaviTitle {
- font-size:16px;
- font-weight:bold;
-}
-h3.admintitle {
- display:none;
-}
-
-/* ====================================================== Top Tab ===== */
-
-ul.toptab {
- text-align:right; padding:0; margin:10px;
-}
-ul.toptab li {
- display:inline;
- margin:5px;
- padding:5px 10px 5px 25px;
- border-top:1px solid #eee;
- border-left:1px solid #eee;
- border-right:1px solid #ddd;
- border-bottom:1px solid #ccc;
-}
-
-/* ====================================================== Buttons ===== */
-
-ul.toptab li.add {
-background:#f2f2f2 url(../icons/add.png) 5px center no-repeat;
-}
-ul.toptab li.archive {
-background:#f2f2f2 url(../icons/archive.png) 5px center no-repeat;
-}
-ul.toptab li.addBanner {
-background:#f2f2f2 url(../icons/time_add.png) 5px center no-repeat;
-}
-ul.toptab li.addBannerClientList {
-background:#f2f2f2 url(../icons/time_user.png) 5px center no-repeat;
-}
-ul.toptab li.addBannerList {
-background:#f2f2f2 url(../icons/timeline.png) 5px center no-repeat;
-}
-ul.toptab li.addBannerExpire {
-background:#f2f2f2 url(../icons/time_expire.png) 5px center no-repeat;
-}
-ul.toptab li.addBlock {
-background:#f2f2f2 url(../icons/block.png) 5px center no-repeat;
-}
-ul.toptab li.addBlockCustom {
-background:#f2f2f2 url(../icons/block_add.png) 5px center no-repeat;
-}
-ul.toptab li.addBlockEdit {
-background:#f2f2f2 url(../icons/block_edit.png) 5px center no-repeat;
-}
-ul.toptab li.addFile {
-background:#f2f2f2 url(../icons/page_add.png) 5px center no-repeat;
-}
-ul.toptab li.addField {
-background:#f2f2f2 url(../icons/add_field.png) 5px center no-repeat;
-}
-ul.toptab li.addFolder {
-background:#f2f2f2 url(../icons/folder_add.png) 5px center no-repeat;
-}
-ul.toptab li.addGroup {
-background:#f2f2f2 url(../icons/group_add.png) 5px center no-repeat;
-}
-ul.toptab li.addImage {
-background:#f2f2f2 url(../icons/image_add.png) 5px center no-repeat;
-}
-ul.toptab li.addModule {
-background:#f2f2f2 url(../icons/module_add.png) 5px center no-repeat;
-}
-ul.toptab li.addRank {
-background:#f2f2f2 url(../icons/rank_add.png) 5px center no-repeat;
-}
-ul.toptab li.addUser {
-background:#f2f2f2 url(../icons/user_add.png) 5px center no-repeat;
-}
-ul.toptab li.addSearch {
-background:#f2f2f2 url(../icons/search_add.png) 5px center no-repeat;
-}
-ul.toptab li.addSend {
-background:#f2f2f2 url(../icons/send.png) 5px center no-repeat;
-}
-ul.toptab li.editFile {
-background:#f2f2f2 url(../icons/page_edit.png) 5px center no-repeat;
-}
-ul.toptab li.editFolder {
-background:#f2f2f2 url(../icons/folder_edit.png) 5px center no-repeat;
-}
-ul.toptab li.group {
-background:#f2f2f2 url(../icons/group.png) 5px center no-repeat;
-}
-ul.toptab li.import {
-background:#f2f2f2 url(../icons/import.png) 5px center no-repeat;
-}
-ul.toptab li.save {
-background:#f2f2f2 url(../icons/page_save.png) 5px center no-repeat;
-}
-ul.toptab li.templates {
-background:#f2f2f2 url(../icons/templates.png) 5px center no-repeat;
-}
-ul.toptab li.theme {
-background:#f2f2f2 url(../icons/theme.png) 5px center no-repeat;
-}
-ul.toptab li.view {
-background:#f2f2f2 url(../icons/view.png) 5px center no-repeat;
-}
-
-
-/* ====================================================== Module Nav ===== */
-
- ul.modulenav { width:100%; font-size:93%; line-height:normal; margin:0; padding:0; list-style:none; }
- ul.modulenav li { display:inline; margin:0; padding:0;}
- ul.modulenav a { float:left; background:url(../design/bg_blocktitle.png) repeat left top; margin:0; padding:0 0 0 9px;border-right:1px solid #d4d4ff; border-bottom:1px solid #d4d4ff; text-decoration:none; }
- ul.modulenav a span { float:left; display:block; padding:8px 10px; font-weight:bold; color:#37415C; }
- ul.modulenav a span {float:none;}
- ul.modulenav .current a { background-position:0 45px; border-width:0; }
- ul.modulenav .current a span { color:#37415C; }
- ul.modulenav a:hover { background-position:0% 50px; }
- ul.modulenav a:hover span { color:#F29B09;background-position:100% 45px; }
-
-/* ====================================================== Page Navi ===== */
-
-.pagenavi {
- font-size:14px;
- text-align:center;
- margin:10px;
- word-spacing: 0.5em;
-}
-
-/* ====================================================== top message ===== */
-
-.warning, .resultMsg {
- color:#770000;
- font-size:15px;
- border:1px solid #cc0000;
- padding:8px 8px 8px 35px;
- margin:15px 10px;
- background:#fff8ee url(../icons/error.png) no-repeat 5px 4px;
-}
-.confirm, .confirmMsg {
- color:#000000;
- border:1px solid #ff6633;
- padding:8px 8px 8px 35px;
- margin:15px 10px;
- background:#fff8ee url(../icons/important.png) no-repeat 5px 4px;
-}
-.tips {
- color:#000000;
- border:1px solid #00cc00;
- padding:8px 8px 8px 35px;
- margin:15px 10px;
- background:#f8fff8 url(../icons/idea.png) no-repeat 5px 4px;
-}
-.error, .errorMsg {
- color:#000000;
- border:2px dotted #ff6633;
- padding:8px 8px 8px 35px;
- margin:15px 10px;
- background: #fff8ee url(../icons/error.png) no-repeat 5px 4px;
-}
-
-.resultMsg {
- color:#000000;
- font-size:15px;
- border:1px solid #6B94C5;
- padding:8px 8px 8px 35px;
- margin:15px 10px;
- background:#EEEEFF url(../icons/info.png) no-repeat 5px 4px;
-}
-
-.sqlAdd {
- color:#009900;
- border:1px solid #00cc00;
- display:block;
- height:240px;
- padding:8px 8px 8px 35px;
- margin:15px 10px;
- overflow:auto;
- background:#E4E4E4 url(../icons/database_add.png) no-repeat 5px 4px;
-}
-.sqlDelete {
- color:#CC3300;
- border:1px solid #ff6633;
- display:block;
- height:240px;
- overflow:auto;
- padding:8px 8px 8px 35px;
- margin:15px 10px;
- background:#E4E4E4 url(../icons/database_delete.png) no-repeat 5px 4px;
-}
-
-.updateMsg {
- color:#009900;
- border:1px solid #00cc00;
- display:block;
- height:240px;
- padding:8px 8px 8px 35px;
- margin:15px 10px;
- overflow:auto;
- background:#E4E4E4 url(../icons/update.png) no-repeat 5px 4px;
-}
-
-/* ====================================================== active ===== */
-
-.active {
- background-color:#E6FFE6;
-}
-.active a:hover {
- color:#cc0000;
-}
-.inactive {
- color:#333333;
-}
-/* ====================================================== Ranking ===== */
-
-.user_module_error {
- color:#ff0000;
-}
diff --git a/html/modules/legacy/admin/theme/stylesheets/_ui-root.css b/html/modules/legacy/admin/theme/stylesheets/_ui-root.css
index ad535351b..0a7cd70a6 100644
--- a/html/modules/legacy/admin/theme/stylesheets/_ui-root.css
+++ b/html/modules/legacy/admin/theme/stylesheets/_ui-root.css
@@ -1,9 +1,9 @@
/*
XOOPSCube Theme : XCL Admin Flex Grid
Distribution : XOOPSCube XCL 2.3.1
- Version : 1.0.0
+ Version : 1.1.1
Author : Nuno Luciano aka Gigamaster
- Date : 2021-10-28
+ Date : 2022-11-21
URL : https://github.com/xoopscube/
-------------------- -------------------- -------------------- ROOT SETTINGS */
@@ -63,22 +63,12 @@
--color-mode : 'dark';
- --color-1 : hsl(219, 15%, 80%);
- --color-2 : hsl(219, 15%, 70%);
- --color-3 : hsl(219, 15%, 30%);
- --color-4 : hsl(219, 15%, 25%);
- --color-5 : hsl(219, 15%, 20%);
- --color-6 : hsl(219, 15%, 16%);
- --color-7 : hsl(219, 15%, 13%);
- --color-8 : hsl(219, 15%, 10%);
- --color-9 : hsl(219, 15%, 7%);
-
/* -------------------- -------------------- Color Scheme Dark */
--color-amber : hsl(45, 75%, 45%);
--color-black : hsl(0, 0%, 10%);
--color-blue : hsl(210, 75%, 45%);
- --color-green : hsl(127deg 74% 27%);
+ --color-green : hsl(122, 40%, 48%);
--color-indigo : hsl(275, 75%, 35%);
--color-orange : hsl(38, 75%, 45%);
--color-purple : hsl(300, 75%, 40%); /* #673ab7 */
@@ -89,12 +79,24 @@
/* -------------------- -------------------- Color Link Dark */
- --body-bg : var( --color-6 ); /* #232831; */
- --body-color : var( --color-2 );
- --link : var( --color-1 );
+ --layer-1 : hsl(227deg 27% 12%);
+ /*--layer-1 : hsl(227deg 20% 10%);*/
+ --layer-2 : hsl(227deg 25% 14%);
+ --layer-3 : hsl(227deg 25% 16%);
+ --layer-4 : hsl(227deg 25% 20%);
+
+ --primary : hsl(219, 15%, 80%);
+ --secondary : hsl(219, 15%, 70%);
+ --active : hsl(219, 15%, 70%);
+ --disable : hsl(219, 15%, 70%);
+ --contrast : hsl(219, 15%, 70%);
+
+ --body-bg : var( --layer-2 ); /* #232831; */
+ --body-color : var( --secondary );
+ --link : var( --primary );
--link-active : #face74;
--link-hover : #face74;
- --link-visited : var( --color-1 );
+ --link-visited : var( --primary );
}
}
@@ -105,22 +107,6 @@
--color-mode : 'light';
- --trackBG : hsl(228, 10%, 10%);
- --thumbBG : hsl(229, 20%, 21%);
- --thumbLinear : linear-gradient(left, #272727, rgba(255, 147, 5, 0.5));
-
- /* -------------------- -------------------- Light Mode Color-Scheme */
-
- --color-9 : hsl(219, 15%, 90%);
- --color-8 : hsl(219, 15%, 85%);
- --color-7 : hsl(219, 15%, 80%);
- --color-6 : hsl(219, 15%, 70%);
- --color-5 : hsl(219, 15%, 60%);
- --color-4 : hsl(219, 15%, 50%);
- --color-3 : hsl(219, 15%, 30%);
- --color-2 : hsl(219, 15%, 15%);
- --color-1 : hsl(219, 15%, 7%);
-
/* -------------------- -------------------- Light Mode Colors */
--color-amber : hsl(45, 70%, 45%);
@@ -133,41 +119,24 @@
--color-red : hsl(5, 70%, 45%);
--color-white : hsl(0, 0%, 90%);
- /* -------------------- -------------------- Light Mode Misc */
-
- --body-bg : var( --color-6 ); /* hsl(210, 18%, 80%); */
- --body-color : var( --color-2 );
-
- --breadcrumbs-bg : var( --color-5 );
- --breadcrumbs-bg-link: var( --color-7 );
-
- --button-bg : var( --color-7 );
- --button-color : var( --color-2 );
- --button-color-hover : var( --color-7 );
-
- --card-block-bg : var( --color-7 );
- --card-block-image : none;
- --card-block-hover : var( --color-9 );
- --card-full-bg : var( --color-7 );
- --card-small-bg : var( --color-7 );
-
- --link : var( --color-2 );
- --link-active : var( --color-blue );
- --link-hover : var( --color-blue );
- --link-visited : var( --color-3 );
+ --layer-1 : hsl(219, 25%, 84%);
+ --layer-2 : hsl(219, 25%, 88%);
+ --layer-3 : hsl(219, 25%, 92%);
+ --layer-4 : hsl(219, 25%, 94%);
- --footer-bg : var( --color-2 );
- --footer-border : 1px 0 0 0 solid var( --color-1);
+ --primary : hsl(219, 15%, 7%);
+ --secondary : hsl(219, 15%, 10%);
+ --active : var(--color-red);
+ --disable : hsl(219, 15%, 70%);
+ --contrast : hsl(219, 15%, 70%);
- --footer-color : var( --color-1 );
- --footer-link : var( --color-7 );
+ --body-bg : var( --layer-2 ); /* #232831; */
+ --body-color : var( --primary );
+ --link : var( --color-blue );
+ --link-active : var( --color-red );
+ --link-hover : var( --color-orange );
+ --link-visited : var( --color-blue );
- --header-bg : var( --color-2 );
-
- --input-bg : var( --color-5 );
-
- --notification-bg : var( --color-3 );
- --notification-color : var( --color-7 );
}
@@ -183,23 +152,25 @@
--font-monospace : SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--font-serif : serif;
--font-size : 16px;
- --font-weight : normal; /* 300; */
-
+ --font-weight : 400; /* 300; */
+ --trackBG : var( --layer-1 );
+ --thumbBG : var( --layer-4 );
+ --thumbLinear : linear-gradient(left, #272727, rgba(255, 147, 5, 0.5));
/* -------------------- -------------------- -------------------- LAYOUT Grid template */
--bg-linear : linear-gradient(360deg, hsla(219, 15%, 25%, 0.70), hsla(0, 0%, 0%, 0.90));
--bg-gradient : linear-gradient(360deg, hsl(220deg 15% 18%), hsla(0, 0%, 0%, 0.90));
- --aside-bg : var( --color-8 );
+ --aside-bg : var( --layer-2 );
- --footer-bg : var( --color-9 );
- --footer-border : 1px solid var( --color-8 ); /* border-top, ui-layout.css */
- --footer-color : var( --color-2 );
+ --footer-bg : var( --layer-2 );
+ --footer-border : 1px solid var( --layer-3 ); /* border-top, ui-layout.css */
+ --footer-color : var( --secondary );
--footer-link : var( --link );
--grid-background : none;
- --header-bg : var( --color-8 );
+ --header-bg : var( --layer-2 );
--header-shadow : var( --shadow-3 );
--header-position : fixed;
@@ -210,7 +181,7 @@
--border : var(--border-width) var(--border-style) var(--border-color);
--border-none : 0;
- --border-color : var( --color-3 );
+ --border-color : var( --layer-4 );
--border-radius : 5px;
--border-style : solid;
--border-width : 1px;
@@ -218,22 +189,22 @@
/* -------------------- -------------------- -------------------- CUSTOMIZE UI-WIDGET */
- --ui-widget-content-bg : var( --color-6 );
+ --ui-widget-content-bg : var( --layer-3 );
--ui-widget-content-color : var( --body-color );
- --ui-widget-content-border : var( --color-4 );
+ --ui-widget-content-border : var( --layer-4 );
--ui-widget-content-link : var( --link );
--ui-widget-header-bg : transparent;
--ui-widget-header-border : 1px solid transparent;
--ui-widget-header-color : var( --link );
- --ui-widget-header-font : var( --font-weight ); /* font-weight */
+ --ui-widget-header-font : var( --font-weight );
--ui-widget-font-family : var( --font-family );
--ui-widget-font-size : var( --font-size );
/* -------------------- -------------------- ACCORDION */
- --accordion-bg : var(--color-8);
+ --accordion-bg : var(--layer-2);
--accordion-border : var(--border);
--accordion-cursor : pointer;
--accordion-font : 300 16px var(--font-family);
@@ -245,15 +216,15 @@
/*background : linear-gradient(145deg, hsl(220, 15%, 15%), hsl(220, 21%, 15%));*/
- --accordion-content-bg : var(--color-6);
+ --accordion-content-bg : var(--layer-3);
--accordion-content-border : var(--border);
- --accordion-content-color : var(--color-2);
+ --accordion-content-color : var(--secondary);
--accordion-content-radius : var(--border-radius);
--accordion-content-padding : 1em 2.2em;
/* -------------------- -------------------- ACTION-CONTROL -> DATA / TABLE */
/* class="action-control" */
- --action-bg : var(--color-8);
+ --action-bg : var(--layer-2);
--action-border : var(--border);
--action-cursor : pointer;
--ation-font : 300 16px var(--font-family);
@@ -264,9 +235,9 @@
/* -------------------- -------------------- -------------------- BREADCRUMBS */
- --breadcrumbs-bg : var( --color-7 );
+ --breadcrumbs-bg : var( --layer-3 );
- --breadcrumbs-border-color : var( --color-5 );
+ --breadcrumbs-border-color : var( --layer-3 );
--breadcrumbs-border-radius : var( --border-radius );
--breadcrumbs-border-style : var( --border-style );
--breadcrumbs-border-width : var( --border-width );
@@ -276,37 +247,37 @@
--breadcrumbs-padding : var( --space-3 ) var( --space-4 );
--breadcrumbs-margin : var( --space-3 ) 0; /* Top & Bottom, '0' for Left & Right*/
- --breadcrumbs-bg-link : var( --color-4 );
+ --breadcrumbs-bg-link : var( --layer-4 );
/* -------------------- -------------------- -------------------- BUTTON style [default] */
--button-active : 0;
- --button-bg : var( --color-4 );
- /* --button-shadow : 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); */
- --button-shadow : var( --shadow-1 );
- --button-border : 1px solid var( --color-6 );
- --button-color : var( --color-white );
+ --button-bg : var( --layer-4 );
+ --button-border : 1px solid var( --layer-4 );
+ --button-color : var( --link );
--button-font-size : var( --size-3 );
- --button-bg-hover : var( --color-3 );
- --button-color-hover : var( --color-1 );
--button-margin : var( --space-1 ) var( --space-2 ); /* 0.75rem 1rem; */
--button-padding : var( --space-3 ) var( --space-4 );
--button-radius : var( --border-radius );
+ --button-shadow : var( --shadow-2 );
+
+ --button-bg-hover : var( --layer-4 );
+ --button-color-hover : var( --link-hover);
+ --button-shadow-on : var( --shadow-3);
/* -------------------- -------------------- -------------------- CARD-BLOCK */
- --card-block-bg : var( --color-6 );
- /* --card-block-bg : none; linear-gradient(200deg, hsla(219, 15%, 15%, 0.50), hsla(219, 15%, 10%, 0.80)); */
- --card-block-border-color : var( --color-8 );
+ --card-block-bg : var( --layer-3 );
+ --card-block-border-color : var( --layer-4 );
--card-block-border-radius : var( --border-radius );
--card-block-border-style : var( --border-style );
--card-block-border-width : var( --border-width );
--card-block-box-shadow : var( --shadow-2 );
- --card-block-hover : var( --color-5 );
+ --card-block-hover : var( --layer-4 );
--card-block-padding : var( --space-6 );
--card-block-margin : var( --space-6 );
@@ -315,25 +286,27 @@
/* CARD BLOCK HEADER */
--card-block-header-bg : transparent ;
- --card-block-header-border : var( --color-4 );
+ --card-block-header-border : var( --layer-4 );
--card-block-header-height : 3em;
--card-block-header-padding : var( --space-6 );
/* CARD BLOCK CONTENT */
--card-block-content-bg : transparent ;
- --card-block-content-border : var( --color-4 );
+ --card-block-content-border : var( --layer-4 );
--card-block-content-padding : 0;
/* CARD BLOCK ITEM */
--card-block-item-padding : 0.5em 1em;
--card-block-item-width : 100%;
+ --card-block-box-shadow-on : var( --shadow-5 );
+
/* -------------------- -------------------- -------------------- CARD-FULL */
- --card-full-bg : var( --color-7 );
- --card-full-border-color : var( --color-1 );
+ --card-full-bg : var( --layer-3 );
+ --card-full-border-color : var( --layer-4);
--card-full-border-radius : var( --border-radius );
--card-full-border-style : var( --border-style );
--card-full-border-width : var( --border-width );
@@ -343,8 +316,8 @@
/* -------------------- -------------------- -------------------- CARD-SMALL */
- --card-small-bg : var(--color-5);
- --card-small-border-color : var(--color-5);
+ --card-small-bg : var(--layer-3);
+ --card-small-border-color : var(--layer-4);
--card-small-border-radius : var(--border-radius);
--card-small-border-style : var(--border-style);
--card-small-border-width : var(--border-width);
@@ -358,42 +331,26 @@
/* -------------------- -------------------- -------------------- Color Block Type SVG Color !Todo : Refactor and rename */
- --color-block-html : var( --color-7 );
- --color-block-module : var( --color-7 );
- --color-block-php : var( --color-7 );
- --color-block-smilies : var( --color-7 );
-
-
- /*--dialog-bg : var( --color-5 ) !important;*/
- /*--widget-content-bg : var( --color-5 ) !important;*/
- /*--widget-content-bg : transparent !important;*/
- /*--widget-header-bg : var( --color-4 );*/
- /* --widget-header-border: var( --border );*/
- /* --widget-header-color: var( --color-3 );*/
-/*ui-widget-header {*/
-/* background: var(--widget-header-bg );*/
-/* border: var(--widget-header-border);*/
-/* color: var(--widget-header-color);*/
-/* font: var(--widget-header-font);*/
-/*}*/
-
-
+ --color-block-html : var( --layer-3 );
+ --color-block-module : var( --layer-3 );
+ --color-block-php : var( --layer-3 );
+ --color-block-smilies : var( --layer-3 );
/* -------------------- -------------------- -------------------- DROPDOWN */
- --d-toggle-bg : none; /*var(--color2); */
- --d-toggle-border : none; /*var(--border);*/
+ --d-toggle-bg : var(--layer-3); /*var(--color2); */
+ --d-toggle-border : var(--layer-4); /*var(--border);*/
--d-toggle-color : var(--link);
- --d-toggle-font : bold 16px/1.5 sans-serif;
+ --d-toggle-font : inherit; /* bold 16px/1.5 sans-serif; */
--d-toggle-padding : var(--space-2 ) var(--space-2);
--d-toggle-radius : var(--border-radius);
--d-toggle-shadow : 0 0 3px 1px rgba(44, 98, 246, .5);
--d-toggle-transition : all var(--transition-time) var(--transition-cube);
- --d-toggle-bg-on : var(--color-3); /* link [div][a] */
+ --d-toggle-bg-on : var(--layer-4); /* link [div][a] */
- --dropdown-bg : var(--color-5);
+ --dropdown-bg : var(--layer-2);
--dropdown-border : var(--border);
--dropdown-font : 100 14px/2 sans-serif;
@@ -403,14 +360,14 @@
--dropdown-transition : all var(--transition-time) var(--transition-cube);
--dropdown-width : 200px;
- --dropdown-bg-on : var(--color-5);
+ --dropdown-bg-on : var(--layer-4);
/* -------------------- -------------------- -------------------- FILTER [ DATA ] */
- --filter-background : var( --color-7 );
+ --filter-background : var( --layer-3 );
- --filter-border-color : var( --color-1 );
+ --filter-border-color : var( --layer-4);
--filter-border-radius : var( --border-radius );
--filter-border-style : var( --border-style );
--filter-border-width : var( --border-width );
@@ -422,43 +379,43 @@
/* -------------------- -------------------- -------------------- FORM input */
- --input-bg : var( --color-8 );
- --input-border-color : var( --color-5 );
+ --input-bg : var( --layer-1 );
+ --input-border-color : var( --layer-2 );
--input-border-radius : var( --border-radius );
--input-border-style : var( --border-style );
--input-border-width : var( --border-width );
--input-border-hover : 1px solid var( --link-active );
- --input-border-focus : 1px solid var( --color-4 );
+ --input-border-focus : 1px solid var( --layer-4 );
- --input-color : var( --color-2 );
+ --input-color : var( --secondary );
/* --input-shadow : var( --shadow-inset ); */
/*--input-shadow : 0 1px 2px 0 rgba(47, 27, 5, 0.15), 0 3px 1px -2px rgba(47, 27, 5, 0.2), 0 1px 5px 0 rgba(47, 27, 5, 0.12);*/
---input-shadow :none;
+ --input-shadow :none;
/* input checkbox */
- --input-check-active : var( --color-5 );
- --input-check-active-inner : rgba(255, 255, 255, 0.9);
- --input-check-animation : var( --color-amber );
+ --input-check-active : var( --color-blue );
+ --input-check-active-inner : var(--color-white);
+ --input-check-animation : var( --color-blue );
- --input-check-bg : var( --color-6 );
+ --input-check-bg : var( --layer-2 );
- --input-check-border : 1px solid var( --border-color );
- --input-check-border-hover : 1px solid var( --color-1 );
+ --input-check-border : 1px solid var( --color-blue );
+ --input-check-border-hover : 1px solid var( --color-blue );
- --input-check-disabled : var( --color-4 );
- --input-check-disabled-inner: #434e5e;
+ --input-check-disabled : var( --layer-1 );
+ --input-check-disabled-inner: var( --disable );
- --input-check-shadow-inner : rgba(21, 25, 27, 0.25);
+ --input-check-shadow-inner : var( --color-white );
--input-padding : var( --space-4 );
- --input-margin : var( --space-no );
+ --input-margin : var( --space-0 );
/* state action */
- --input-bg-on : var(--color-8);
- --input-border-on : 1px solid var(--color-5);
+ --input-bg-on : var(--layer-2);
+ --input-border-on : 1px solid var(--layer-3);
--input-color-on : var(--link-hover);
--input-shadow-on : 0 0 6px 1px var(--color-blue);
@@ -467,8 +424,8 @@
/* -------------------- -------------------- BUTTON */
- --ui-button-bg : var(--color-4);
- --ui-button-color : var(--color-9);
+ --ui-button-bg : var(--layer-4);
+ --ui-button-color : var(--layer-1);
--ui-button-border : var(--button-border);
--ui-button-font : 100 14px/1.5 sans-serif;
--ui-button-margin : var(--button-margin);
@@ -484,13 +441,13 @@
--ui-button-shadow-on : 0 0 4px 2px rgba(44, 93, 247, .85);
--ui-state-default-bg : var(--button-bg);
- --ui-state-default-border : 1px solid var(--color-3);
+ --ui-state-default-border : 1px solid var(--layer-4);
--ui-state-default-color : var(--link);
--ui-state-default-font : var(--font-family );
--ui-state-default-link : var(--link); /*text-decoration : none;*/
--ui-state-hover-bg : var(--button-bg-hover);
- --ui-state-hover-border : 1px solid var(--color-3);
+ --ui-state-hover-border : 1px solid var(--layer-4);
--ui-state-hover-color : var(--link-hover);
--ui-state-hover-font : var(--button-font);
@@ -508,14 +465,14 @@
/* -------------------- -------------------- -------------------- DIALOG / MODAL */
- --ui-dialog-bg : var(--color-5);
+ --ui-dialog-bg : var(--layer-3);
--ui-dialog-shadow : var(--shadow-5);
/* -------------------- -------------------- -------------------- NAV SIDE */
--nav-side-background : transparent;
--nav-side-box-shadow : none;
- --nav-side-color : var( --color-1 );
+ --nav-side-color : var( --primary);
--nav-side-margin : 0;
--nav-side-padding : 60px 0;
--nav-side-width : 100%;
@@ -523,7 +480,7 @@
/* -------------------- -------------------- -------------------- NAV SIDE Block Module */
- --nav-block-background : var( --color-7 );
+ --nav-block-background : var( --layer-4 );
--nav-block-border-color: var( --link-hover );
--nav-block-border-style: solid;
--nav-block-border-width: 3px;
@@ -533,15 +490,15 @@
/* -------------------- -------------------- -------------------- NOTIFICATION */
- --notification-bg : var( --color-6 );
- --notif-border-color : var( --color-4 );
+ --notification-bg : var( --layer-2 );
+ --notif-border-color : var( --layer-4 );
--notif-border-radius : var( --border-radius );
--notif-border-style : var( --border-style );
--notif-border-width : var( --border-width );
- --notif-box-shadow : var( --shadow-1 );
+ --notif-box-shadow : var( --shadow-3 );
- --notification-color : var( --color-2 );
+ --notification-color : var( --primary );
--notif-margin : var(--space-8) auto;
--notif-padding : var(--space-6) var(--space-6) var(--space-6) var(--space-9);
@@ -549,12 +506,12 @@
/* -------------------- -------------------- TAB */
- --tabs-bg : var(--color-8);
+ --tabs-bg : var(--layer-2);
--tabs-border : none;
--tabs-radius : var(--border-radius);
--tabs-padding : none; /* var(--space-4); */
- --tabs-nav-bg : var(--color-6);
+ --tabs-nav-bg : var(--layer-3);
--tabs-nav-border : none;
--tabs-nav-radius : var(--border-radius);
--tabs-nav-margin : var(--space-4) var(--space-4) 0;
@@ -568,22 +525,22 @@
/* TODO */
--ui-tabs-loading : var(--red-1);
- --tabs-anchor-bg : var(--color-4);
+ --tabs-anchor-bg : var(--layer-3);
--tabs-anchor-border : var(--border);
--tabs-anchor-color : var(--link-color);
--tabs-anchor-padding : var( --space-4 ) var( --space-6 );
--tabs-anchor-radius : var(--border-radius) var(--border-radius) 0 0;
- --tabs-anchor-shadow : var(--shadow-out);
+ --tabs-anchor-shadow : var(--shadow-1);
/* state action */
- --tabs-anchor-bg-on : var(--color-4);
+ --tabs-anchor-bg-on : var(--layer-4);
--tabs-anchor-color-on : var(--link-hover);
- --tabs-anchor-border-on : 1px solid var(--color-3);
- --tabs-anchor-shadow-on : var(--shadow-in);
+ --tabs-anchor-border-on : 1px solid var(--layer-4);
+ --tabs-anchor-shadow-on : var(--shadow-2);
/* tab panel */
- --tab-panel-bg : var(--color-7);
+ --tab-panel-bg : var(--layer-3);
--tab-panel-border : none;
- --tab-panel-color : var(--body-color);
+ --tab-panel-color : var(--primary);
--tab-panel-padding : var(--space-6); /* .5em 1em; */
@@ -591,17 +548,17 @@
/* -------------------- -------------------- -------------------- TABLE */
- --table-background : var( --color-8 );
-
- --table-thead : var( --color-9 );
+ --table-background : var( --layer-1 );
+ --table-border-bottom: 1px solid var( --layer-1);
+ --table-thead : inherit;
--table-tbody : inherit;
- --table-tfoot : var( --color-9 );
+ --table-tfoot : inherit;
- --table-even : var( --color-8 );
- --table-odd : var( --color-8 );
+ --table-even : var( --layer-3 );
+ --table-odd : var( --layer-3 );
- --table-hover : var( --color-5 );
- --table-hover-text : var( --color-2 );
+ --table-hover : var( --layer-4 );
+ --table-hover-text : var( --secondary );
--table-padding : var( --space-5 );
@@ -625,7 +582,7 @@
/* -------------------- -------------------- -------------------- SORT */
- --sort-background : var( --color-7 );
+ --sort-background : var( --layer-3 );
--sort-border-color : var( --border-color );
--sort-border-radius : var( --border-radius );
--sort-border-style : var( --border-style );
@@ -655,13 +612,13 @@
/* -------------------- -------------------- -------------------- TEXT typography scalable */
/* Example :
- 'ui-size-1' = 16px / 1.6 = 10px
- 'ui-size-2' = 10px x 'ui-size-scale-ratio' = 16px
- 'ui-size-3' = 16px x 'ui-size-scale-ratio' = 25,6px
+ '--size-1' = 16px / 1.6 = 10px
+ '--size-2' = 10px x 'ui-size-scale-ratio' = 16px
+ '--size-3' = 16px x 'ui-size-scale-ratio' = 25,6px
*/
--size-scale-ratio : 1.6;
- --size-1 : calc((1em / var(--size-scale-ratio)) );
+ --size-1 : calc((1rem / var(--size-scale-ratio)) );
--size-2 : calc(var(--size-1) * var(--size-scale-ratio));
--size-3 : calc(var(--size-2) * var(--size-scale-ratio));
--size-4 : calc(var(--size-3) * var(--size-scale-ratio));
@@ -676,7 +633,7 @@
--adminnavi : rgba(74, 74, 74, 0.8);
--adminmenu : rgba(74, 74, 74, 0.8);
--breadcrumbs : rgba(74, 74, 74, 0.8);
- /*--breadcrumbs-bg : var( --color-5 );*/
+ /*--breadcrumbs-bg : var( --layer-3 );*/
/* -------------------- -------------------- -------------------- Nav Menu */
diff --git a/html/modules/legacy/admin/theme/stylesheets/ui-body.css b/html/modules/legacy/admin/theme/stylesheets/ui-body.css
index 3ca4f6de8..cbe394243 100644
--- a/html/modules/legacy/admin/theme/stylesheets/ui-body.css
+++ b/html/modules/legacy/admin/theme/stylesheets/ui-body.css
@@ -1,17 +1,17 @@
/*
XOOPSCube Theme : XCL Admin Flex Grid
Distribution : XOOPSCube XCL 2.3.1
- Version : 1.0.0
+ Version : 1.1.1
Author : Nuno Luciano aka Gigamaster
- Date : 2021-10-28
+ Date : 2022-11-21
URL : https://github.com/xoopscube/
/* -------------------- -------------------- -------------------- -------------------- HTML BODY */
html,
body {
- margin : var( --space-no );
- padding : var( --space-no );
+ margin : var( --space-0 );
+ padding : var( --space-0 );
overflow-x : hidden;
text-rendering : optimizeLegibility;
-webkit-font-smoothing: antialiased;
@@ -20,17 +20,16 @@
}
html { /*:not(.elfinder) */
- /* Scroll to page anchors [id]:target padding-top = height of theme sticky header
- scroll-padding-top: 70px; */
+ /* Scroll to page anchors [id]:target padding-top = height of theme sticky header */
+ scroll-padding-top: 70px;
scroll-behavior: smooth;
}
body {
- background : var( --body-bg );
- color : var( --body-color );
- font-family : var( --font-family );
- font-size : var( --font-size );
- font-weight : var( --font-weight );
-
+ background : var( --body-bg );
+ color : var( --body-color );
+ font-family : var( --font-family );
+ font-size : var( --font-size );
+ font-weight : var( --font-weight );
/* Removed Background white Flash transition */
transition : background 500ms ease-in-out, color 200ms ease;
}
@@ -69,7 +68,7 @@
}
blockquote {
- border-left : 3px solid var( --color-3 );
+ border-left : 3px solid var( --layer-4 );
font-style : italic;
font-size : var( --size-3 );
padding : var( --space-5 ) var( --space-7 );
@@ -82,13 +81,13 @@
}
pre {
- border-left : 3px solid var( --color-4 );
+ border-left : 3px solid var( --layer-4 );
/* color : var(--color-1); */
padding : var(--space-3) ;
}
h1, h2, h3, h4 {
- font-weight : 300;
+ font-weight : 400;
width : 100%;
}
@@ -125,258 +124,14 @@
hr {
border : 0;
- border-top : 1px solid var( --color-5 );
+ border-top : 1px solid var( --layer-3 );
margin : 1.5em 0;
height : 5px;
- background-image : linear-gradient(90deg, transparent, var( --color-6 ), transparent);
+ background-image : linear-gradient(90deg, transparent, var( --layer-3 ), transparent);
}
p {
- font-size : var( --size-2 );
- margin : var( --space-5 ) 0;
+ font-size : var( --size-2 );
+ margin : var( --space-5 ) 0;
line-height : 1.5;
}
-
-
- /* -------------------- -------------------- Right side toggle */
-
- @keyframes rotate {
- from {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg); }
- to {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg); }
- }
- @keyframes rotateY {
- from {
- transform: rotateY(0);
- }
- to {
- transform: rotateY(359.99deg);
- }
- }
-
- .theme-options {
-
- background : transparent;
-
- border-top-left-radius : 2px;
- border-bottom-left-radius : 2px;
- box-shadow : -5px 0px 5px 1px rgba(0,0,0,0.27);
-
- color : #abc;
- line-height : 30px;
- position : fixed;
- top : 30%;
- right : 2px;
- z-index : 900;
- padding : 1px;
- margin : 3px;
-
- -webkit-touch-callout: none; /* iOS Safari */
- -webkit-user-select: none; /* Safari */
- -khtml-user-select: none; /* Konqueror HTML */
- -moz-user-select: none; /* Old versions of Firefox */
- -ms-user-select: none; /* Internet Explorer/Edge */
- user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
- }
-
- .theme-options-toogle {
- position : relative;
- padding : 10px;
- top : -18px;
- right : -20px;
- /* filter: drop-shadow( 3px 3px 2px rgba(223, 13, 13, 0.8)); */
- }
-
- .theme-options-toogle:hover {
- box-shadow : 1px 1px 1px 1px rgba(0,0,0,0.27);
- filter : drop-shadow(1px 1px 0px rgba(10, 10, 10, 0.7));
- /* box-shadow : 1px 1px 1px 1px rgba(204, 15, 15, 0.27); */
- /* Similar syntax to box-shadow */
- }
-
- /* -------------------- -------------------- XCL CUBE */
-
- .qube-perspective{-webkit-perspective:900px;-moz-perspective:900px;perspective:900px}
- .qube-preserve3d{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
- .qube{position:relative;margin:0;padding:0;list-style:none;width:100%;height:100%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
- .qube>*{background:#666;background-size:100%}
- .qube>*,.qube>:after{position:absolute;left:0;top:0;margin:0;padding:0;width:100%;height:100%}
- .qube>:after{pointer-events:none;display:block;content:""}
- .qube.no-shading>:after{display:none}
- .qube.solid>*,.qube.solid>:after{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
- .qube.textured>*{background-size:300%}
- .qube.faces>:nth-child(1),.qube>.front{-webkit-transform:rotateX(90deg) translateY(50%) rotateX(-90deg);-moz-transform:rotateX(90deg) translateY(50%) rotateX(-90deg);transform:rotateX(90deg) translateY(50%) rotateX(-90deg)}
- .qube.textured.faces>:nth-child(1),.qube.textured>.front{background-position:0 0}
- .qube.faces>:nth-child(3),.qube>.back{-webkit-transform:rotateY(180deg) rotateX(90deg) translateY(50%) rotateX(-90deg);-moz-transform:rotateY(180deg) rotateX(90deg) translateY(50%) rotateX(-90deg);transform:rotateY(180deg) rotateX(90deg) translateY(50%) rotateX(-90deg)}
- .qube.faces>:nth-child(3):after,.qube>.back:after{background:rgba(0,0,0,.6)}
- .qube.x-axis.faces>:nth-child(3),.qube.x-axis>.back{-webkit-transform:rotateX(90deg) translateY(-50%) rotateX(90deg);-moz-transform:rotateX(90deg) translateY(-50%) rotateX(90deg);transform:rotateX(90deg) translateY(-50%) rotateX(90deg)}
- .qube.textured.faces>:nth-child(3),.qube.textured>.back{background-position:-100% 0}
- .qube.faces>:nth-child(2),.qube>.left{-webkit-transform:translateX(-50%) rotateY(-90deg);-moz-transform:translateX(-50%) rotateY(-90deg);transform:translateX(-50%) rotateY(-90deg)}
- .qube.faces>:nth-child(2):after,.qube>.left:after{background:rgba(0,0,0,.5)}
- .qube.textured.faces>:nth-child(2),.qube.textured>.left{background-position:-200% 0}
- .qube.faces>:nth-child(4),.qube>.right{-webkit-transform:translateX(50%) rotateY(90deg);-moz-transform:translateX(50%) rotateY(90deg);transform:translateX(50%) rotateY(90deg)}
- .qube.faces>:nth-child(4):after,.qube>.right:after{background:rgba(0,0,0,.3)}
- .qube.textured.faces>:nth-child(4),.qube.textured>.right{background-position:0 -100%}
- .qube.faces>:nth-child(5),.qube>.top{-webkit-transform:translateY(-50%) rotateX(90deg);-moz-transform:translateY(-50%) rotateX(90deg);transform:translateY(-50%) rotateX(90deg)}
- .qube.faces>:nth-child(5):after,.qube>.top:after{background:rgba(0,0,0,.2)}
- .qube.textured.faces>:nth-child(5),.qube.textured>.top{background-position:-100% -100%}
- .qube.faces>:nth-child(6),.qube>.bottom{-webkit-transform:translateY(50%) rotateX(-90deg);-moz-transform:translateY(50%) rotateX(-90deg);transform:translateY(50%) rotateX(-90deg)}
- .qube.faces>:nth-child(6):after,.qube>.bottom:after{background:rgba(0,0,0,.7)}
- .qube.textured.faces>:nth-child(6),.qube.textured>.bottom{background-position:-200% -100%}
- /* Quintessential Responsive 3D CSS Cube, MIT License @zacharyjohnson https://github.com/zachstronaut/quintessential-css-cube/ */
-
- .xcl-cube {
- width : 40px;
- height : 40px;
- line-height : 40px;
- transition : transform 1500ms ease;
- }
- .xcl-cube:hover {
- transform : rotateY(359deg);
- }
- .xcl-cube > * {
- background : rgba(0,127,255,0.5);
- border : 1px solid rgba(0,127,255,0.5);
- text-align : center;
- cursor : pointer;
- }
- .xcl-cube > .front {
- background : rgba(84,110,127,0.27);
- }
- .xcl-cube > .left {
- background : rgba(70,90,100,0.27);
- }
- .xcl-cube > .back {
- background : rgba(55,70,80,0.27);
- }
- .xcl-cube > .right {
- background : rgba(40,52,60,0.27);
- }
-
-
- /* -------------------- -------------------- XCL Panel */
-
- .right-sidebar {
- background : #272c35ee;
- box-shadow : 5px 1px 40px rgba(0, 0, 0, 0.1);
- display : none;
- direction : rtl; /* Used for scrollbar on the left */
- height : 100vh;
- overflow-y : auto;
- overflow-x : hidden;
- padding-bottom : 20px;
- position : fixed;
- right : -274px;
- top : 0;
- transition : all 0.3s ease;
- width : 270px;
- z-index : 1100;
- /* FIREFOX SCROLLBAR */
- scrollbar-color : var(--thumbBG) var( --trackBG ); /* thumb-color track-color */
- scrollbar-width : thin;
-
- }
- .right-sidebar .right-panel-title {
- background : hsla(201, 100%, 50%, 0.5);
- color : hsl(0, 0%, 100%);
- display : block;
- font-size : 15px;
- padding : 15px 20px;
- position : sticky;
- text-transform : uppercase;
- top : 2px;
- z-index : 11;
- }
- .right-sidebar .right-panel-title span {
- cursor : pointer;
- float : right;
- font-size : 18px;
- }
- .right-sidebar .right-panel-title span:hover {
- color : #ffffff;
- }
-
- .right-sidebar .right-panel-block {
- direction : ltr; /* used for content on the left*/
- display : block;
- height : auto;
- padding : 15px;
- width : 100%;
- z-index : 10;
- }
- .right-sidebar .right-panel-block ul {
- margin : 0;
- padding : 0;
- }
- .right-sidebar .right-panel-block ul li {
- list-style : none;
- padding : 5px 0;
- }
-
- .right-panel-show {
- display : block;
- right : 0;
- width : 274px;
- }
-
- .chatline img {
- margin-right : 10px;
- float : left;
- width : 30px;
- }
-
- .chatline li a {
- padding : 13px 0;
- float : left;
- width : 100%;
- }
- .chatline li a span {
- color : #747d8a;
- }
- .chatline li a span small {
- display : block;
- font-size : 10px;
- }
-
-
- /* -------------------- -------------------- COLOR SCHEME */
-
- ul#themecolors {display: block;}
- ul#themecolors li {display: inline-block;}
- ul#themecolors li:first-child {display: block;}
- ul#themecolors li a {
- color : transparent;
- display : inline-block;
- height : 40px;
- margin : 5px;
- position : relative;
- width : 40px;
- }
- ul#themecolors li a.working:before {
- content: url("data:image/svg+xml; utf8, ");
- color : #ffffff;
- left : 5px;
- line-height : 40px;
- height : 40px;
- position : absolute;
- text-align : center;
- top : 5px;
- width : 40px;
- }
- .default-theme {background: #757e8a;}
- .green-theme {background: #26c6da;}
- .yellow-theme {background: #ffb22b;}
- .red-theme {background: #fc4b6c;}
- .blue-theme {background: #1e88e5;}
- .purple-theme {background: #7460ee;}
- .megna-theme {background: #00897b;}
- .default-dark-theme {background: #263238; background: linear-gradient(to right, #263238 0%, #263238 23%, #757e8a 23%, #757e8a 99%);}
- .green-dark-theme {background: #263238; background: linear-gradient(to right, #263238 0%, #263238 23%, #26c6da 23%, #26c6da 99%);}
- .yellow-dark-theme {background: #263238; background: linear-gradient(to right, #263238 0%, #263238 23%, #fc4b6c 23%, #fc4b6c 99%);}
- .blue-dark-theme {background: #263238; background: linear-gradient(to right, #263238 0%, #263238 23%, #1e88e5 23%, #1e88e5 99%); }
- .purple-dark-theme {background: #263238; background: linear-gradient(to right, #263238 0%, #263238 23%, #7460ee 23%, #7460ee 99%);}
- .megna-dark-theme {background: #263238; background: linear-gradient(to right, #263238 0%, #263238 23%, #00897b 23%, #00897b 99%);}
- .red-dark-theme {background: #263238; background: linear-gradient(to right, #263238 0%, #263238 23%, #fc4b6c 23%, #fc4b6c 99%);}
diff --git a/html/modules/legacy/admin/theme/stylesheets/ui-breadcrumbs.css b/html/modules/legacy/admin/theme/stylesheets/ui-breadcrumbs.css
index 1cf6189dd..c77a8773f 100644
--- a/html/modules/legacy/admin/theme/stylesheets/ui-breadcrumbs.css
+++ b/html/modules/legacy/admin/theme/stylesheets/ui-breadcrumbs.css
@@ -17,7 +17,8 @@
.ui-breadcrumbs a,
.adminnavi a,
- .pagenavi a {
+ .pagenavi a,
+ .pagenavi [aria-current] {
background : var( --breadcrumbs-bg-link );
diff --git a/html/modules/legacy/admin/theme/stylesheets/ui-button.css b/html/modules/legacy/admin/theme/stylesheets/ui-button.css
index 874d6378b..4f25ded3f 100644
--- a/html/modules/legacy/admin/theme/stylesheets/ui-button.css
+++ b/html/modules/legacy/admin/theme/stylesheets/ui-button.css
@@ -1,9 +1,9 @@
/*
XOOPSCube Theme : XCL Admin Flex Grid
Distribution : XOOPSCube XCL 2.3.1
- Version : 1.0.0
+ Version : 1.1.1
Author : Nuno Luciano aka Gigamaster
- Date : 2021-10-28
+ Date : 2022-11-21
URL : https://github.com/xoopscube/
-------------------- -------------------- -------------------- -------------------- ICONS */
@@ -47,12 +47,11 @@
border : none;
border-radius : var(--border-radius);
box-shadow : var( --button-shadow );
- color : var( --color-1 );
+ color : var( --primary);
display : inline-block;
font-size : 0.74rem;
font-family : sans-serif;
font-style : normal;
- font-weight : 300;
letter-spacing : 0.1rem;
line-height : 1em;
margin : var( --button-margin );
@@ -67,7 +66,7 @@
.badge-count {
- background : var( --color-6 );
+ background : var( --layer-3 );
font-size : 13px;
margin : 0 var( --space-2 );
padding : var( --space-1 ) var( --space-2 );
@@ -110,9 +109,8 @@
/* font-size : 0.875rem;
font-family : sans-serif;
font-style : normal;
- font-weight : 300;
letter-spacing : 0.08rem;*/
- line-height : 1.25;
+ line-height : 1.5;
padding : var( --button-padding );
position : relative;
margin : var( --button-margin );
@@ -128,7 +126,7 @@
}
.button:active {
/*[class*="button"]:active {*/
- box-shadow : var( --shadow-3 );
+ box-shadow : var( --button-shadow-on );
}
@@ -156,6 +154,7 @@
.button.button-small:focus {
background : var( --button-bg-hover );
color : var( --button-color-hover );
+ box-shadow : var( --button-shadow-on );
}
/* -------------------- -------------------- -------------------- btn-fx BTNVAV */
@@ -265,7 +264,6 @@ a.round{
border-radius: 50%;
line-height: 50px;
font-size: 13px;
- font-weight: 300;
height: 50px;
width: 50px;
display: flex;
@@ -281,13 +279,13 @@ a.round{
padding: 0 16px;
margin: 10px 4px;
color: hsl(230deg 70% 70%) !important;
- border: 1px solid #3f51b5;
+ border: var(--border);
border-radius: 2px;
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+ /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);*/
+ box-shadow: var(--shadow-2);
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
- font-weight: lighter; /* 300; */
line-height: 36px;
vertical-align: middle;
overflow: hidden;
diff --git a/html/modules/legacy/admin/theme/stylesheets/ui-card.css b/html/modules/legacy/admin/theme/stylesheets/ui-card.css
index ec2f75c19..aae39221b 100644
--- a/html/modules/legacy/admin/theme/stylesheets/ui-card.css
+++ b/html/modules/legacy/admin/theme/stylesheets/ui-card.css
@@ -1,9 +1,9 @@
/*
XOOPSCube Theme : XCL Admin Flex Grid
Distribution : XOOPSCube XCL 2.3.1
- Version : 1.0.0
+ Version : 1.1.1
Author : Nuno Luciano aka Gigamaster
- Date : 2021-10-28
+ Date : 2022-11-21
URL : https://github.com/xoopscube/
-------------------- -------------------- -------------------- -------------------- UI-CARD-FULL */
@@ -38,7 +38,6 @@
}
-
.ui-block-online-content {
align-items : center;
@@ -158,7 +157,7 @@
align-items : center;
border-radius : 50%;
- color : var(--color-2);
+ color : var(--secondary);
display : flex;
font-size : var(--size-3);
height : 42px;
@@ -253,8 +252,8 @@
.ui-card-block {
- background : var( --card-block-bg );
- background-image: var( --card-block-image );
+ background : var( --card-block-bg );
+ background-image: var( --card-block-image );
border-color : var( --card-block-border-color );
border-radius : var( --card-block-border-radius);
border-style : var( --card-block-border-style );
@@ -279,8 +278,8 @@
}
.ui-card-block:hover {
- background : var( --card-block-hover );
- box-shadow : var( --shadow-on );
+ background : var( --card-block-hover );
+ box-shadow : var( --card-block-box-shadow-on );
}
.ui-card-block-header {
@@ -318,7 +317,7 @@ a.ui-block-type {
.user-avatar,
img.ui-avatar-card {
- border-color : var( --color-2 );
+ border-color : var( --secondary );
border-radius : 50%;
border-style : var( --border-style );
border-width : 5px;
diff --git a/html/modules/legacy/admin/theme/stylesheets/ui-form.css b/html/modules/legacy/admin/theme/stylesheets/ui-form.css
index 180fd7f7c..857551c68 100644
--- a/html/modules/legacy/admin/theme/stylesheets/ui-form.css
+++ b/html/modules/legacy/admin/theme/stylesheets/ui-form.css
@@ -1,9 +1,9 @@
/*
XOOPSCube Theme : XCL Admin Flex Grid
- Distribution : XOOPSCube XCL 2.3
- Version : 1.0.0
+ Distribution : XOOPSCube XCL 2.3.1
+ Version : 1.1.1
Author : Nuno Luciano aka Gigamaster
- Date : 2021-10-28
+ Date : 2022-11-21
URL : https://github.com/xoopscube/
-------------------- -------------------- -------------------- -------------------- Form elements */
@@ -114,7 +114,6 @@
/* font-size : 0.875rem;
font-family : sans-serif;
font-style : normal;
- font-weight : 300;
letter-spacing : 0.08rem;
line-height : 1; */
padding : var( --space-3 );
@@ -201,7 +200,7 @@
select {
background : var( --input-bg );
/*box-shadow : 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);*/
- color : var( --color-2 ) !important;
+ color : var( --secondary ) !important;
border-color : var( --input-border-color );
border-radius : var( --input-border-radius );
border-style : var( --input-border-style );
@@ -261,7 +260,7 @@ textarea::-webkit-resizer {
/*option:checked {*/
/* !*box-shadow: 0 0 10px 100px darkred inset;*!*/
/* background-color: var(--color-blue) !important;*/
-/* color: var( --color-2 ) !important;*/
+/* color: var( --secondary ) !important;*/
/*}*/
diff --git a/html/modules/legacy/admin/theme/stylesheets/ui-layout.css b/html/modules/legacy/admin/theme/stylesheets/ui-layout.css
index 3bffa6e0e..9891e3b49 100644
--- a/html/modules/legacy/admin/theme/stylesheets/ui-layout.css
+++ b/html/modules/legacy/admin/theme/stylesheets/ui-layout.css
@@ -1,9 +1,9 @@
/*
XOOPSCube Theme : XCL Admin Flex Grid
- Distribution : XOOPSCube XCL 2.3
- Version : 1.0.0
+ Distribution : XOOPSCube XCL 2.3.1
+ Version : 1.1.1
Author : Nuno Luciano aka Gigamaster
- Date : 2021-10-28
+ Date : 2022-11-21
URL : https://github.com/xoopscube/
-------------------- -------------------- -------------------- -------------------- GRID FLEX */
@@ -29,26 +29,17 @@
/* -------------------- -------------------- -------------------- -------------------- HEADER */
.header {
-
align-items : center;
-
- background : var( --header-bg );
- background : linear-gradient(200deg, hsla(219, 15%, 25%, 0.50), hsla(0, 0%, 0%, 0.80));
- border-color : var( --border-none );
- border-radius : var( --border-none );
- border-style : var( --border-none );
- border-width : var( --border-none );
-
- box-shadow : var( --header-shadow );
-
- /* display : flex; */
-
+ background : var( --header-bg );
+ border-color : var( --border-none );
+ border-radius : var( --border-none );
+ border-style : var( --border-none );
+ border-width : var( --border-none );
+ box-shadow : var( --header-shadow );
grid-area : header;
-
position : var( --header-position );
width : 100%;
z-index : 200;
-
}
@@ -136,8 +127,8 @@
min-width : 5.5em;
max-width : calc(100% / 7 );
width : 6em;
- background : linear-gradient(145deg, hsl(220, 15%, 15%), hsl(220, 21%, 15%));
- border : 1px solid rgb(44, 50, 60);
+ background : var(--card-block-bg);
+ border : 1px solid var(--card-block-border-color);
border-radius : var(--border-radius);
padding : var(--space-3);
text-align : center;
@@ -146,7 +137,7 @@
width : calc(14em + 6px); !* + gap *!
}*/
.dashboard-options a.set-link:hover {
- background : var(--color-4)
+ background : var(--layer-4)
}
.dashboard-options .set-icon {
display : block;
@@ -174,7 +165,7 @@
padding : var(--space-5);
}
.dashboard-options-sub {
- background : var(--color-7) !important;
+ background : var(--layer-3) !important;
column-gap : var(--space-3);
row-gap : var(--space-6);
}
@@ -188,7 +179,7 @@
padding: var(--space-4) var(--space-2);
}
.dashboard-options-sub > div a:hover {
- background : var(--color-5);
+ background : var(--layer-3);
}
.dashboard-options-sub > div > svg {
diff --git a/html/modules/legacy/admin/theme/stylesheets/ui-media.css b/html/modules/legacy/admin/theme/stylesheets/ui-media.css
index 9e7ecea30..08bbcc4b2 100644
--- a/html/modules/legacy/admin/theme/stylesheets/ui-media.css
+++ b/html/modules/legacy/admin/theme/stylesheets/ui-media.css
@@ -1,9 +1,9 @@
/*
XOOPSCube Theme : XCL Admin Flex Grid
- Distribution : XOOPSCube XCL 2.3
- Version : 1.0.0
+ Distribution : XOOPSCube XCL 2.3.1
+ Version : 1.1.1
Author : Nuno Luciano aka Gigamaster
- Date : 2021-10-28
+ Date : 2022-11-21
URL : https://github.com/xoopscube/
-------------------- -------------------- -------------------- -------------------- Media Queries */
@@ -75,7 +75,9 @@
.ui-card-2-col {
column-count : 1;
display : block;
+ list-style : none;
margin : 0;
+
}
.ui-card-overview {
diff --git a/html/modules/legacy/admin/theme/stylesheets/ui-menunav.css b/html/modules/legacy/admin/theme/stylesheets/ui-menunav.css
index 87732ae74..f64c4b02c 100644
--- a/html/modules/legacy/admin/theme/stylesheets/ui-menunav.css
+++ b/html/modules/legacy/admin/theme/stylesheets/ui-menunav.css
@@ -1,17 +1,17 @@
/*
XOOPSCube Theme : XCL Admin Flex Grid
- Distribution : XOOPSCube XCL 2.3
- Version : 1.0.0
+ Distribution : XOOPSCube XCL 2.3.1
+ Version : 1.1.1
Author : Nuno Luciano aka Gigamaster
- Date : 2021-10-28
+ Date : 2022-11-21
URL : https://github.com/xoopscube/
-------------------- -------------------- NAV IMPORT */
- @import "./ui-nav-aside.css"; /* Nav-side */
- @import "./ui-nav-header.css";/* Nav-header */
-
+@import "./ui-nav-aside.css"; /* Nav-side */
+@import "./ui-nav-header.css";/* Nav-header */
+@import "./ui-panel.css";/* Nav-header */
/* -------------------- -------------------- NAV ADMIN */
.admintitle {
@@ -21,8 +21,8 @@
.adminavi,
.adminavi-sub {
- background : var(--color-5);
- border : 1px solid var(--color-5);
+ background : var(--layer-3);
+ border : 1px solid var(--layer-3);
box-shadow : var(--shadow-2);
display : grid;
justify-content : center;
@@ -30,7 +30,7 @@
grid-template-columns: repeat(auto-fit, 13em);
/*grid-template-columns: repeat(auto-fit, minmax(Min(9em, 100%), 1fr)); */
grid-auto-flow : row;
- margin-bottom : 2em;
+ margin : 2em 0;
/*max-width: 57em; container */
padding : var(--space-2);
}
@@ -39,8 +39,8 @@
/*.adminavi,
.adminavi-sub {
- background : var( --color-5 );
- border : 1px solid var(--color-5);
+ background : var( --layer-3 );
+ border : 1px solid var(--layer-3);
box-shadow : var( --shadow-2 );
display : flex;
flex-wrap : wrap;
@@ -53,7 +53,7 @@
overflow : hidden;
}
.adminavi-item {
- border : 1px solid var(--color-5);
+ border : 1px solid var(--layer-3);
color : var(--link);
padding : var(--space-4);
margin-right : var(--space-2);
@@ -94,7 +94,7 @@
.adminavi .adminavi-item,
.adminavi-sub .adminavi-item {
- border : 1px solid var(--color-5);
+ border : 1px solid var(--layer-3);
color : var(--link);
display : block;
max-width : 100%;
@@ -111,14 +111,14 @@
}
.adminavi-item:not(.selected) {
- /*background : var(--color-5);*/
+ /*background : var(--layer-3);*/
}
.adminavi-item.selected,
.adminavi-item:not(.selected):hover,
.adminavi-item.selected:active {
- background : var(--color-6);
- border : 1px solid var( --color-7 );
+ background : var(--layer-2);
+ border : 1px solid var( --layer-3 );
border-radius : var(--border-radius);
color : var( --link-hover );
outline-width : 0;
@@ -223,12 +223,12 @@ div.dropdown-content {
border : none;
border-radius : 7px;
box-shadow : var( --button-shadow );
- color : var( --color-1 );
+ color : var( --primary);
display : inline-block;
font-size : 0.74rem;
font-family : sans-serif;
font-style : normal;
- font-weight : 300;
+ font-weight : var( --font-weight );
letter-spacing : 0.1rem;
line-height : 1em;
margin : var( --button-margin );
diff --git a/html/modules/legacy/admin/theme/stylesheets/ui-module.css b/html/modules/legacy/admin/theme/stylesheets/ui-module.css
index c7b13439a..8e498a047 100644
--- a/html/modules/legacy/admin/theme/stylesheets/ui-module.css
+++ b/html/modules/legacy/admin/theme/stylesheets/ui-module.css
@@ -1,9 +1,9 @@
/*
XOOPSCube Theme : XCL Admin Flex Grid
- Distribution : XOOPSCube XCL 2.3
- Version : 1.0.0
+ Distribution : XOOPSCube XCL 2.3.1
+ Version : 1.1.1
Author : Nuno Luciano aka Gigamaster
- Date : 2021-10-28
+ Date : 2022-11-21
URL : https://github.com/xoopscube/
-------------------- -------------------- Admin utils */
@@ -49,7 +49,7 @@
#dialog-online {
/*box-shadow : var(--shadow-7);*/
- background: var(--color-7);
+ background: var(--layer-3);
}
@@ -173,7 +173,7 @@
/* Block Switch Off - color indicator */
.ui-update-change {
- background : var( --color-5 );
+ background : var( --layer-3 );
transition : all 1s;
diff --git a/html/modules/legacy/admin/theme/stylesheets/ui-nav-admin.css b/html/modules/legacy/admin/theme/stylesheets/ui-nav-admin.css
index 3c3a7c83a..de6dedc62 100644
--- a/html/modules/legacy/admin/theme/stylesheets/ui-nav-admin.css
+++ b/html/modules/legacy/admin/theme/stylesheets/ui-nav-admin.css
@@ -1,9 +1,9 @@
/*
XOOPSCube Theme : XCL Admin Flex Grid
Distribution : XOOPSCube XCL 2.3.1
- Version : 1.0.0
+ Version : 1.1.1
Author : Nuno Luciano aka Gigamaster
- Date : 2021-10-28
+ Date : 2022-11-21
URL : https://github.com/xoopscube/
@@ -14,7 +14,7 @@
.adminavi,
.adminavi-sub {
- background : var( --color-2 );
+ background : var( --secondary );
border-radius : var( --border-radius );
box-shadow : 0 10px 20px rgba(159, 162, 177, 0.8);
display : inline-flex;
@@ -32,7 +32,7 @@
a.adminavi-item {
border-bottom : 3px solid var( --link );
color : var( --link );
- font-weight : 600;
+ font-weight : 700;
padding : 10px;
text-decoration : none;
transition : .3s;
@@ -60,7 +60,7 @@ a.adminavi-item.selected:active {
.altsys_mymenu {
align-items : flex-start;
- background : var(--color-4);
+ background : var(--layer-4);
border : 0px;
border-radius : 5px;
@@ -75,7 +75,7 @@ a.adminavi-item.selected:active {
.admin-menu > div,
.altsys_mymenu > div {
- background : var(--color-4);
+ background : var(--layer-4);
border-radius : 5px;
padding : 1rem;
diff --git a/html/modules/legacy/admin/theme/stylesheets/ui-nav-aside.css b/html/modules/legacy/admin/theme/stylesheets/ui-nav-aside.css
index b90716e3a..f172247f3 100644
--- a/html/modules/legacy/admin/theme/stylesheets/ui-nav-aside.css
+++ b/html/modules/legacy/admin/theme/stylesheets/ui-nav-aside.css
@@ -1,15 +1,15 @@
/*
XOOPSCube Theme : XCL Admin Flex Grid
- Distribution : XOOPSCube XCL 2.3
- Version : 1.0.0
+ Distribution : XOOPSCube XCL 2.3.1
+ Version : 1.1.1
Author : Nuno Luciano aka Gigamaster
- Date : 2021-10-28
+ Date : 2022-11-21
URL : https://github.com/xoopscube/
-------------------- -------------------- NAV MOBILE */
.nav-mobile {
- background : var( --color-5 );
+ background : var( --layer-3 );
border-color : var( --border-color );
border-radius : 0 var( --border-radius ) 0 0;
border-style : var( --border-style );
@@ -32,10 +32,9 @@
/* -------------------- -------------------- NAV ASIDE */
.nav-aside {
- background : var( --aside-bg );
- background-image: linear-gradient(360deg, hsla(219, 15%, 25%, 0.70), hsla(0, 0%, 0%, 0.90));
+ background : var( --aside-bg );
bottom : 0;/* fix overflow-y scroll*/
- color : var( --color-1 );
+ color : var( --primary );
grid-area : nav-aside;
height : 100vh;
left : 0;
@@ -84,7 +83,7 @@
.nav-block:after {
border-width : 1px 0 0 1px;
border-style : solid;
- border-color : var( --link-hover );
+ border-color : var( --link );
content : "";
height : var( --nav-set-height );
position : absolute;
diff --git a/html/modules/legacy/admin/theme/stylesheets/ui-nav-header.css b/html/modules/legacy/admin/theme/stylesheets/ui-nav-header.css
index a76686647..3a043e85e 100644
--- a/html/modules/legacy/admin/theme/stylesheets/ui-nav-header.css
+++ b/html/modules/legacy/admin/theme/stylesheets/ui-nav-header.css
@@ -1,9 +1,9 @@
/*
XOOPSCube Theme : XCL Admin Flex Grid
- Distribution : XOOPSCube XCL 2.3
- Version : 1.0.0
+ Distribution : XOOPSCube XCL 2.3.1
+ Version : 1.1.1
Author : Nuno Luciano aka Gigamaster
- Date : 2021-10-28
+ Date : 2022-11-21
URL : https://github.com/xoopscube/
-------------------- -------------------- -------------------- -------------------- HEADER NAV */
@@ -97,8 +97,8 @@
font-size: 1.25em;
/* width: 20px; */
/* height: 20px; */
- background: var( --color-7);
- color: var( --color-2);
+ background: var( --layer-3);
+ color: var( --secondary);
cursor: pointer;
text-align: center;
margin: 0 1em;
@@ -107,7 +107,7 @@
nav > ul > li > button > .caret {
- border-top : 5px solid var( --color-2 );
+ border-top : 5px solid var( --secondary );
border-right : 5px solid transparent;
border-left : 5px solid transparent;
content : "";
@@ -130,7 +130,7 @@
/* nav-sub */
nav > ul > li > ul.nav-sub {
- background : var( --color-1 );
+ background : var( --primary );
border-top : 0;
border-radius : var( --border-radius );
@@ -178,7 +178,7 @@
nav > ul > li > ul.nav-sub > li:hover > a {
- background : var( --color-4 );
+ background : var( --layer-4 );
}
diff --git a/html/modules/legacy/admin/theme/stylesheets/ui-notification.css b/html/modules/legacy/admin/theme/stylesheets/ui-notification.css
index 49a1a2b98..f2f910e76 100644
--- a/html/modules/legacy/admin/theme/stylesheets/ui-notification.css
+++ b/html/modules/legacy/admin/theme/stylesheets/ui-notification.css
@@ -1,9 +1,9 @@
/*
XOOPSCube Theme : XCL Admin Flex Grid
- Distribution : XOOPSCube XCL 2.3
- Version : 1.0.0
+ Distribution : XOOPSCube XCL 2.3.1
+ Version : 1.1.1
Author : Nuno Luciano aka Gigamaster
- Date : 2021-10-28
+ Date : 2022-11-21
URL : https://github.com/xoopscube/
-------------------- -------------------- -------------------- Notifications */
@@ -12,7 +12,7 @@
.ui-dev-mode {
background : var( --notification-bg )
- url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.5em' height='1.5em' style='vertical-align: -0.125em;' viewBox='0 0 24 24'%3E %3Cpath d='M11.5 3a9.5 9.5 0 1 1 0 19a9.5 9.5 0 0 1 0-19zm0 1a8.5 8.5 0 1 0 0 17a8.5 8.5 0 0 0 0-17zM11 8v2h1V8h-1zm0 4v5h1v-5h-1z' fill='%23face74'/%3E %3C/svg%3E") 1em 1em no-repeat;
+ url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.5em' height='1.5em' style='vertical-align: -0.125em;' viewBox='0 0 24 24'%3E %3Cpath d='M11.5 3a9.5 9.5 0 1 1 0 19a9.5 9.5 0 0 1 0-19zm0 1a8.5 8.5 0 1 0 0 17a8.5 8.5 0 0 0 0-17zM11 8v2h1V8h-1zm0 4v5h1v-5h-1z' fill='%23C33022FF'/%3E %3C/svg%3E") 1em 1em no-repeat;
border-color : var( --notif-border-color );
border-radius : var( --notif-border-radius );
border-style : var( --notif-border-style );
@@ -52,7 +52,7 @@
.error {
border-left : 7px solid var( --color-red );
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.5em' height='1.5em' style='vertical-align: -0.125em;' viewBox='0 0 24 24'%3E %3Cpath d='M1 21L11.5 2.813L22 21H1zm19.268-1L11.5 4.813L2.732 20h17.536zM11 14v-4h1v4h-1zm0 2h1v2h-1v-2z' fill='%23face74'/%3E %3C/svg%3E");
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.5em' height='1.5em' style='vertical-align: -0.125em;' viewBox='0 0 24 24'%3E %3Cpath d='M1 21L11.5 2.813L22 21H1zm19.268-1L11.5 4.813L2.732 20h17.536zM11 14v-4h1v4h-1zm0 2h1v2h-1v-2z' fill='%23C33022FF'/%3E %3C/svg%3E");
background-position: .6em 1em;
background-repeat: no-repeat;
/* animation: warning 1s infinite alternate; */
@@ -149,7 +149,7 @@
}
.ondemand-button {
- background : var( --color-4 );
+ background : var( --layer-4 );
border-color : var( --border-color );
border-radius : var( --border-radius );
border-style : var( --border-style );
diff --git a/html/modules/legacy/admin/theme/stylesheets/ui-panel.css b/html/modules/legacy/admin/theme/stylesheets/ui-panel.css
new file mode 100644
index 000000000..a9be2a984
--- /dev/null
+++ b/html/modules/legacy/admin/theme/stylesheets/ui-panel.css
@@ -0,0 +1,248 @@
+/*
+ XOOPSCube Theme : XCL Admin Flex Grid
+ Distribution : XOOPSCube XCL 2.3.1
+ Version : 1.1.1
+ Author : Nuno Luciano aka Gigamaster
+ Date : 2022-11-21
+ URL : https://github.com/xoopscube/
+
+
+/* -------------------- -------------------- XCL Panel */
+
+.right-sidebar {
+ background : var(--bg-linear2);
+ box-shadow : 5px 1px 40px rgba(0, 0, 0, 0.1);
+ display : none;
+ direction : rtl; /* Used for scrollbar on the left */
+ height : 100vh;
+ overflow-y : auto;
+ overflow-x : hidden;
+ padding-bottom : 20px;
+ position : fixed;
+ right : -274px;
+ top : 0;
+ transition : all 0.3s ease;
+ width : 270px;
+ z-index : 1100;
+ /* FIREFOX SCROLLBAR */
+ scrollbar-color : var(--thumbBG) var( --trackBG ); /* thumb-color track-color */
+ scrollbar-width : thin;
+
+}
+.right-sidebar .right-panel-title {
+ background : hsla(201, 100%, 50%, 0.5);
+ color : hsl(0, 0%, 100%);
+ display : block;
+ font-size : 15px;
+ padding : 15px 20px;
+ position : sticky;
+ text-transform : uppercase;
+ top : 2px;
+ z-index : 11;
+}
+.right-sidebar .right-panel-title span {
+ cursor : pointer;
+ float : right;
+ font-size : 18px;
+}
+.right-sidebar .right-panel-title span:hover {
+ color : #ffffff;
+}
+
+.right-sidebar .right-panel-block {
+ direction : ltr; /* used for content on the left*/
+ display : block;
+ height : auto;
+ padding : 15px;
+ width : 100%;
+ z-index : 10;
+}
+.right-sidebar .right-panel-block ul {
+ margin : 0;
+ padding : 0;
+}
+.right-sidebar .right-panel-block ul li {
+ list-style : none;
+ padding : 5px 0;
+}
+
+.right-panel-show {
+ display : block;
+ right : 0;
+ width : 274px;
+}
+
+.chatline img {
+ margin-right : 10px;
+ float : left;
+ width : 30px;
+}
+
+.chatline li a {
+ padding : 13px 0;
+ float : left;
+ width : 100%;
+}
+.chatline li a span {
+ color : #747d8a;
+}
+.chatline li a span small {
+ display : block;
+ font-size : 10px;
+}
+/* -------------------- -------------------- Right side toggle */
+
+@keyframes rotate {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ to {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg); }
+}
+@keyframes rotateY {
+ from {
+ transform: rotateY(0);
+ }
+ to {
+ transform: rotateY(359.99deg);
+ }
+}
+
+.theme-options {
+
+ background : transparent;
+
+ border-top-left-radius : 2px;
+ border-bottom-left-radius : 2px;
+ box-shadow : -5px 0px 5px 1px rgba(0,0,0,0.27);
+
+ color : #abc;
+ line-height : 30px;
+ position : fixed;
+ top : 30%;
+ right : 2px;
+ z-index : 900;
+ padding : 1px;
+ margin : 3px;
+
+ -webkit-touch-callout: none; /* iOS Safari */
+ -webkit-user-select: none; /* Safari */
+ -khtml-user-select: none; /* Konqueror HTML */
+ -moz-user-select: none; /* Old versions of Firefox */
+ -ms-user-select: none; /* Internet Explorer/Edge */
+ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
+}
+
+.theme-options-toogle {
+ position : relative;
+ padding : 10px;
+ top : -18px;
+ right : -20px;
+ /* filter: drop-shadow( 3px 3px 2px rgba(223, 13, 13, 0.8)); */
+}
+
+.theme-options-toogle:hover {
+ box-shadow : 1px 1px 1px 1px rgba(0,0,0,0.27);
+ filter : drop-shadow(1px 1px 0px rgba(10, 10, 10, 0.7));
+ /* box-shadow : 1px 1px 1px 1px rgba(204, 15, 15, 0.27); */
+ /* Similar syntax to box-shadow */
+}
+
+/* -------------------- -------------------- XCL CUBE */
+
+.qube-perspective{-webkit-perspective:900px;-moz-perspective:900px;perspective:900px}
+.qube-preserve3d{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
+.qube{position:relative;margin:0;padding:0;list-style:none;width:100%;height:100%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
+.qube>*{background:#666;background-size:100%}
+.qube>*,.qube>:after{position:absolute;left:0;top:0;margin:0;padding:0;width:100%;height:100%}
+.qube>:after{pointer-events:none;display:block;content:""}
+.qube.no-shading>:after{display:none}
+.qube.solid>*,.qube.solid>:after{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
+.qube.textured>*{background-size:300%}
+.qube.faces>:nth-child(1),.qube>.front{-webkit-transform:rotateX(90deg) translateY(50%) rotateX(-90deg);-moz-transform:rotateX(90deg) translateY(50%) rotateX(-90deg);transform:rotateX(90deg) translateY(50%) rotateX(-90deg)}
+.qube.textured.faces>:nth-child(1),.qube.textured>.front{background-position:0 0}
+.qube.faces>:nth-child(3),.qube>.back{-webkit-transform:rotateY(180deg) rotateX(90deg) translateY(50%) rotateX(-90deg);-moz-transform:rotateY(180deg) rotateX(90deg) translateY(50%) rotateX(-90deg);transform:rotateY(180deg) rotateX(90deg) translateY(50%) rotateX(-90deg)}
+.qube.faces>:nth-child(3):after,.qube>.back:after{background:rgba(0,0,0,.6)}
+.qube.x-axis.faces>:nth-child(3),.qube.x-axis>.back{-webkit-transform:rotateX(90deg) translateY(-50%) rotateX(90deg);-moz-transform:rotateX(90deg) translateY(-50%) rotateX(90deg);transform:rotateX(90deg) translateY(-50%) rotateX(90deg)}
+.qube.textured.faces>:nth-child(3),.qube.textured>.back{background-position:-100% 0}
+.qube.faces>:nth-child(2),.qube>.left{-webkit-transform:translateX(-50%) rotateY(-90deg);-moz-transform:translateX(-50%) rotateY(-90deg);transform:translateX(-50%) rotateY(-90deg)}
+.qube.faces>:nth-child(2):after,.qube>.left:after{background:rgba(0,0,0,.5)}
+.qube.textured.faces>:nth-child(2),.qube.textured>.left{background-position:-200% 0}
+.qube.faces>:nth-child(4),.qube>.right{-webkit-transform:translateX(50%) rotateY(90deg);-moz-transform:translateX(50%) rotateY(90deg);transform:translateX(50%) rotateY(90deg)}
+.qube.faces>:nth-child(4):after,.qube>.right:after{background:rgba(0,0,0,.3)}
+.qube.textured.faces>:nth-child(4),.qube.textured>.right{background-position:0 -100%}
+.qube.faces>:nth-child(5),.qube>.top{-webkit-transform:translateY(-50%) rotateX(90deg);-moz-transform:translateY(-50%) rotateX(90deg);transform:translateY(-50%) rotateX(90deg)}
+.qube.faces>:nth-child(5):after,.qube>.top:after{background:rgba(0,0,0,.2)}
+.qube.textured.faces>:nth-child(5),.qube.textured>.top{background-position:-100% -100%}
+.qube.faces>:nth-child(6),.qube>.bottom{-webkit-transform:translateY(50%) rotateX(-90deg);-moz-transform:translateY(50%) rotateX(-90deg);transform:translateY(50%) rotateX(-90deg)}
+.qube.faces>:nth-child(6):after,.qube>.bottom:after{background:rgba(0,0,0,.7)}
+.qube.textured.faces>:nth-child(6),.qube.textured>.bottom{background-position:-200% -100%}
+/* Quintessential Responsive 3D CSS Cube, MIT License @zacharyjohnson, edited by Nuno Luciano #gigamaster */
+
+.xcl-cube {
+ width : 40px;
+ height : 40px;
+ line-height : 40px;
+ transition : transform 1500ms ease;
+}
+.xcl-cube:hover {
+ transform : rotateY(359deg);
+}
+.xcl-cube > * {
+ background : rgba(0,127,255,0.5);
+ border : 1px solid rgba(0,127,255,0.5);
+ text-align : center;
+ cursor : pointer;
+}
+.xcl-cube > .front {
+ background : rgba(84,110,127,0.27);
+}
+.xcl-cube > .left {
+ background : rgba(70,90,100,0.27);
+}
+.xcl-cube > .back {
+ background : rgba(55,70,80,0.27);
+}
+.xcl-cube > .right {
+ background : rgba(40,52,60,0.27);
+}
+
+/* -------------------- -------------------- COLOR SCHEME */
+
+ul#themecolors {display: block;}
+ul#themecolors li {display: inline-block;}
+ul#themecolors li:first-child {display: block;}
+ul#themecolors li a {
+ color : transparent;
+ display : inline-block;
+ height : 40px;
+ margin : 5px;
+ position : relative;
+ width : 40px;
+}
+ul#themecolors li a.working:before {
+ content: url("data:image/svg+xml; utf8, ");
+ color : #ffffff;
+ left : 5px;
+ line-height : 40px;
+ height : 40px;
+ position : absolute;
+ text-align : center;
+ top : 5px;
+ width : 40px;
+}
+.default-theme {background: #757e8a;}
+.green-theme {background: #26c6da;}
+.yellow-theme {background: #ffb22b;}
+.red-theme {background: #fc4b6c;}
+.blue-theme {background: #1e88e5;}
+.purple-theme {background: #7460ee;}
+.megna-theme {background: #00897b;}
+.default-dark-theme {background: #263238; background: linear-gradient(to right, #263238 0%, #263238 23%, #757e8a 23%, #757e8a 99%);}
+.green-dark-theme {background: #263238; background: linear-gradient(to right, #263238 0%, #263238 23%, #26c6da 23%, #26c6da 99%);}
+.yellow-dark-theme {background: #263238; background: linear-gradient(to right, #263238 0%, #263238 23%, #fc4b6c 23%, #fc4b6c 99%);}
+.blue-dark-theme {background: #263238; background: linear-gradient(to right, #263238 0%, #263238 23%, #1e88e5 23%, #1e88e5 99%); }
+.purple-dark-theme {background: #263238; background: linear-gradient(to right, #263238 0%, #263238 23%, #7460ee 23%, #7460ee 99%);}
+.megna-dark-theme {background: #263238; background: linear-gradient(to right, #263238 0%, #263238 23%, #00897b 23%, #00897b 99%);}
+.red-dark-theme {background: #263238; background: linear-gradient(to right, #263238 0%, #263238 23%, #fc4b6c 23%, #fc4b6c 99%);}
diff --git a/html/modules/legacy/admin/theme/stylesheets/ui-scrollbar.css b/html/modules/legacy/admin/theme/stylesheets/ui-scrollbar.css
index 3df22e684..79608bcab 100644
--- a/html/modules/legacy/admin/theme/stylesheets/ui-scrollbar.css
+++ b/html/modules/legacy/admin/theme/stylesheets/ui-scrollbar.css
@@ -1,10 +1,10 @@
/*
- XOOPSCube Theme : XCL Admin Flex Grid
- Distribution : XOOPSCube XCL 2.3
- Version : 1.0.0
- Author : Nuno Luciano aka Gigamaster
- Date : 2021-10-28
- URL : https://github.com/xoopscube/
+ XOOPSCube Theme : XCL Admin Flex Grid
+ Distribution : XOOPSCube XCL 2.3.1
+ Version : 1.1.1
+ Author : Nuno Luciano aka Gigamaster
+ Date : 2022-11-21
+ URL : https://github.com/xoopscube/
-------------------- -------------------- -------------------- -------------------- SCROLLBAR */
@@ -12,7 +12,7 @@
::selection {
background-color : rgba(15, 15, 15, 0.85);
- color : var( --color-2 );
+ color : var( --secondary );
}
diff --git a/html/modules/legacy/admin/theme/stylesheets/ui-svg.css b/html/modules/legacy/admin/theme/stylesheets/ui-svg.css
index 119be3d7d..f0afb419c 100644
--- a/html/modules/legacy/admin/theme/stylesheets/ui-svg.css
+++ b/html/modules/legacy/admin/theme/stylesheets/ui-svg.css
@@ -1,9 +1,9 @@
/*
XOOPSCube Theme : XCL Admin Flex Grid
- Distribution : XOOPSCube XCL 2.3
- Version : 1.0.0
+ Distribution : XOOPSCube XCL 2.3.1
+ Version : 1.1.1
Author : Nuno Luciano aka Gigamaster
- Date : 2021-10-28
+ Date : 2022-11-21
URL : https://github.com/xoopscube/
-------------------- -------------------- -------------------- SVG Default Settings */
@@ -53,7 +53,6 @@
text-anchor : middle; /* align center */
dominant-baseline : middle; /* vertical alignment fix */
font-size : 24px;
- font-weight : 300;
transition : all 1s;
}
@@ -85,7 +84,7 @@
svg.ui-block-html path.block-icon {
- color : var( --color-2 );
+ color : var( --secondary );
transform : translate(10px, 20px);
}
diff --git a/html/modules/legacy/admin/theme/stylesheets/ui-tabcss.css b/html/modules/legacy/admin/theme/stylesheets/ui-tabcss.css
index dbadb9e11..cfd78a3dc 100644
--- a/html/modules/legacy/admin/theme/stylesheets/ui-tabcss.css
+++ b/html/modules/legacy/admin/theme/stylesheets/ui-tabcss.css
@@ -1,9 +1,9 @@
/*
XOOPSCube Theme : XCL Admin Flex Grid
- Distribution : XOOPSCube XCL 2.3
- Version : 1.0.0
+ Distribution : XOOPSCube XCL 2.3.1
+ Version : 1.1.1
Author : Nuno Luciano aka Gigamaster
- Date : 2021-10-28
+ Date : 2022-11-21
URL : https://github.com/xoopscube/
-------------------- -------------------- -------------------- Tabs */
diff --git a/html/modules/legacy/admin/theme/stylesheets/ui-table.css b/html/modules/legacy/admin/theme/stylesheets/ui-table.css
index 074cee14f..5f113d578 100644
--- a/html/modules/legacy/admin/theme/stylesheets/ui-table.css
+++ b/html/modules/legacy/admin/theme/stylesheets/ui-table.css
@@ -29,10 +29,10 @@ Alternative data display
:where(table, table.outer, table:not([class^="cke_"])) {
background : var( --table-background );
- border-color : var( --border-color );
- border-radius : var( --border-radius );
- border-style : var( --border-radius );
- border-width : var( --border-width );
+ /*border-color : var( --border-color );*/
+ /*border-radius : var( --border-radius );*/
+ /*border-style : var( --border-radius );*/
+ /*border-width : var( --border-width );*/
border-collapse : collapse;
box-shadow : var( --shadow-2 );
padding : var( --space-4 );
@@ -78,7 +78,7 @@ Alternative data display
border : none;
border-radius : var( --border-radius );
box-shadow : var( --button-shadow );
- color : var( --color-1 );
+ color : var( --primary);
display : inline-block;
margin : 0 var( --space-1 );
min-width : 4ch; /* width of UTF8 icons */
@@ -91,11 +91,9 @@ Alternative data display
tr, th, td {
padding : var( --table-padding );
- font-weight : 300;
- border-bottom : 1px solid var(--color-6);
}
tr {
- /*border-bottom: 1px solid var(--color-6);*/
+ /*border-bottom: 1px solid var(--layer-1);*/
}
td.head{
vertical-align : top;
@@ -209,7 +207,7 @@ table {
}
table tr {
- border-bottom: var(--border); /*1px solid #333300;*/
+ border-bottom: var(--table-border-bottom); /*1px solid #333300;*/
padding: var(--space-3);
}
@@ -264,6 +262,5 @@ table th {
content: attr(data-label);
float: left;
text-transform: uppercase;
- font-weight: bold;
}
}