mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-22 07:53:39 +01:00
427 lines
15 KiB
Plaintext
427 lines
15 KiB
Plaintext
/**
|
|
* EGroupware: pixelegg standard theme
|
|
*
|
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
|
*
|
|
* @link http://www.egroupware.org
|
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
|
* @author Hadi Nategh <hn@stylite.de>
|
|
* @package pixelegg
|
|
*/
|
|
@import "monochrome.less";
|
|
@import "../less/app_colors.less";
|
|
@import "../../node_modules/bootstrap-icons/font/bootstrap-icons.min.css";
|
|
|
|
// overwriting Shoelace light theme
|
|
:root, :host, .sl-theme-light {
|
|
--sl-font-sans: egroupware, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
--sl-button-font-size-medium: var(--sl-font-size-medium);
|
|
--sl-input-help-text-font-size-medium: var(--sl-font-size-medium);
|
|
--sl-spacing-small: 0.1rem;
|
|
--et2-button-image-padding-left: .1rem;
|
|
--sl-spacing-medium: 0.5rem;
|
|
|
|
--sl-input-border-radius-small: 2px;
|
|
--sl-input-border-radius-medium: 3px;
|
|
--sl-input-border-color-focus: #E6E6E6;
|
|
--sl-panel-border-color: var(--sl-color-neutral-400);
|
|
--indicator-color: #696969;
|
|
--sl-input-focus-ring-color: #26537C;
|
|
--sl-focus-ring-width: 2px;
|
|
--sl-color-gray-150: hsl(240, 4.9%, 92.5%);
|
|
--track-width: 3px;
|
|
--et2-favorites-left: .4em;
|
|
}
|
|
|
|
.bi::before,
|
|
[class^="bi-"]::before,
|
|
[class*=" bi-"]::before {
|
|
vertical-align: middle;
|
|
}
|
|
// Addressbook
|
|
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
background-color: fade(@addressbook-color, 30%);
|
|
border-left:4px solid @addressbook-color !important;
|
|
}
|
|
#egw_fw_firstload {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
background: white;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
#egw_fw_sidebar {
|
|
#egw_fw_sidemenu {
|
|
#addressbook_sidebox_content {
|
|
.egw_fw_ui_category_active {
|
|
background-color: @addressbook-color !important;
|
|
}
|
|
}
|
|
#infolog_sidebox_content {
|
|
.egw_fw_ui_category_active {
|
|
background-color: @infolog-color !important;
|
|
}
|
|
}
|
|
#mail_sidebox_content {
|
|
.egw_fw_ui_category_active {
|
|
background-color: @mail-color !important;
|
|
}
|
|
}
|
|
#calendar_sidebox_content {
|
|
.egw_fw_ui_category_active {
|
|
background-color: @calendar-color !important;
|
|
}
|
|
}
|
|
#tracker_sidebox_content {
|
|
.egw_fw_ui_category_active {
|
|
background-color: @tracker-color !important;
|
|
}
|
|
}
|
|
#timesheet_sidebox_content {
|
|
.egw_fw_ui_category_active {
|
|
background-color: @timesheet-color !important;
|
|
}
|
|
}
|
|
#admin_sidebox_content {
|
|
.egw_fw_ui_category_active {
|
|
background-color: @admin-color !important;
|
|
}
|
|
}
|
|
#resources_sidebox_content {
|
|
.egw_fw_ui_category_active {
|
|
background-color: @resources-color !important;
|
|
}
|
|
}
|
|
#filemanager_sidebox_content {
|
|
.egw_fw_ui_category_active {
|
|
background-color: @filemanager-color !important;
|
|
}
|
|
}
|
|
#bookmarks_sidebox_content {
|
|
.egw_fw_ui_category_active {
|
|
background-color: @bookmarks-color !important;
|
|
}
|
|
}
|
|
#projectmanager_sidebox_content {
|
|
.egw_fw_ui_category_active {
|
|
background-color: @projectmanager-color !important;
|
|
}
|
|
}
|
|
#ranking_sidebox_content {
|
|
.egw_fw_ui_category_active {
|
|
background-color: @ranking-color !important;
|
|
}
|
|
}
|
|
#kanban_sidebox_content {
|
|
.egw_fw_ui_category_active {
|
|
background-color: @kanban-color !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active{
|
|
border-top:4px solid @addressbook-color !important;
|
|
border-left:0px !important;
|
|
}
|
|
#addressbook_sidebox_header {border-left:4px solid @addressbook-color !important;}
|
|
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #addressbook-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
|
|
border-top: 4px solid;
|
|
border-top-color: @addressbook-color;
|
|
border-top-width: 4px !important;
|
|
}
|
|
// Admin
|
|
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
background-color: fade(@admin-color, 30%);
|
|
border-left:4px solid @admin-color !important;
|
|
}
|
|
#admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
border-top:4px solid @admin-color !important;
|
|
border-left:0px !important;
|
|
}
|
|
#admin_sidebox_header {border-left:4px solid @admin-color !important;}
|
|
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #admin-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
|
|
border-top: 4px solid;
|
|
border-top-color: @admin-color;
|
|
border-top-width: 4px !important;
|
|
}
|
|
// Bookmarks
|
|
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
background-color: fade(@bookmarks-color, 30%);
|
|
border-left:4px solid @bookmarks-color !important;
|
|
}
|
|
#bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
border-top:4px solid @bookmarks-color !important;
|
|
border-left: 0px !important;
|
|
}
|
|
#bookmarks_sidebox_header {border-left:4px solid @bookmarks-color !important;}
|
|
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #bookmarks-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
|
|
border-top: 4px solid;
|
|
border-top-color: @bookmarks-color;
|
|
border-top-width: 4px !important;
|
|
}
|
|
|
|
// Calendar
|
|
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
background-color: fade(@calendar-color, 30%);
|
|
border-left:4px solid @calendar-color !important;
|
|
}
|
|
#calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
border-top:4px solid @calendar-color !important;
|
|
border-left:0px !important;
|
|
}
|
|
#calendar_sidebox_header {border-left:4px solid @calendar-color !important;}
|
|
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #calendar-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
|
|
border-top: 4px solid;
|
|
border-top-color: @calendar-color;
|
|
border-top-width: 4px !important;
|
|
}
|
|
// Filemanager
|
|
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
background-color: fade(@filemanager-color, 30%);
|
|
border-left:4px solid @filemanager-color !important;
|
|
}
|
|
#filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
border-top:4px solid @filemanager-color !important;
|
|
border-left: 0px !important;
|
|
}
|
|
#filemanager_sidebox_header {border-left:4px solid @filemanager-color !important;}
|
|
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #filemanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
|
|
border-top: 4px solid;
|
|
border-top-color: @filemanager-color;
|
|
border-top-width: 4px !important;
|
|
}
|
|
// Infolog
|
|
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
background-color: fade(@infolog-color, 30%);
|
|
border-left:4px solid @infolog-color !important;
|
|
}
|
|
#infolog_sidebox_header{
|
|
border-left:4px solid @infolog-color !important;
|
|
}
|
|
#infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
border-top:4px solid @infolog-color !important;
|
|
border-left: 0px !important;
|
|
}
|
|
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #infolog-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
|
|
border-top: 4px solid;
|
|
border-top-color: @infolog-color;
|
|
border-top-width: 4px !important;
|
|
}
|
|
// Mail
|
|
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
background-color: fade(@mail-color, 30%);
|
|
border-left:4px solid @mail-color !important;
|
|
}
|
|
#mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
border-top:4px solid @mail-color !important;
|
|
border-left: 0px !important;
|
|
}
|
|
#mail_sidebox_header {
|
|
border-left:4px solid @mail-color !important;
|
|
}
|
|
|
|
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
|
|
border-top: 4px solid;
|
|
border-top-color: @mail-color;
|
|
border-top-width: 4px !important;
|
|
}
|
|
// Projectmanager
|
|
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
background-color: fade(@projectmanager-color, 30%);
|
|
border-left:4px solid @projectmanager-color !important;
|
|
}
|
|
#projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
border-top:4px solid @projectmanager-color !important;
|
|
border-left: 0px !important;
|
|
}
|
|
#projectmanager_sidebox_header {border-left:4px solid @projectmanager-color !important;}
|
|
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #projectmanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
|
|
border-top: 4px solid;
|
|
border-top-color: @projectmanager-color;
|
|
border-top-width: 4px !important;
|
|
}
|
|
// Resources
|
|
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
background-color: fade(@resources-color, 30%);
|
|
border-left:4px solid @resources-color !important;
|
|
}
|
|
#resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
border-top:4px solid @resources-color !important;
|
|
border-left: 0px !important;
|
|
}
|
|
#resources_sidebox_header {border-left:4px solid @resources-color !important;}
|
|
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #resources-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
|
|
border-top: 4px solid;
|
|
border-top-color: @resources-color;
|
|
border-top-width: 4px !important;
|
|
}
|
|
|
|
// Timesheet
|
|
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
background-color: fade(@timesheet-color, 30%);
|
|
border-left:4px solid @timesheet-color !important;
|
|
}
|
|
#timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
border-top:4px solid @timesheet-color !important;
|
|
border-left: 0px !important;
|
|
}
|
|
#timesheet_sidebox_header {border-left:4px solid @timesheet-color !important;}
|
|
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #timesheet-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
|
|
border-top: 4px solid;
|
|
border-top-color: @timesheet-color;
|
|
border-top-width: 4px !important;
|
|
}
|
|
// Tracker
|
|
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
background-color: fade(@tracker-color, 30%);
|
|
border-left:4px solid @tracker-color !important;
|
|
}
|
|
#tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
border-top:4px solid @tracker-color !important;
|
|
border-left: 0px !important;
|
|
}
|
|
#tracker_sidebox_header {border-left:4px solid @tracker-color !important;}
|
|
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #tracker-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
|
|
border-top: 4px solid;
|
|
border-top-color: @tracker-color;
|
|
border-top-width: 4px !important;
|
|
}
|
|
// Wiki
|
|
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
background-color: fade(@wiki-color, 30%);
|
|
border-left:4px solid @wiki-color !important;
|
|
}
|
|
#wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
border-top:4px solid @wiki-color !important;
|
|
border-left: 0px !important;
|
|
}
|
|
#wiki_sidebox_header {border-left:4px solid @wiki-color !important;}
|
|
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #wiki-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
|
|
border-top: 4px solid;
|
|
border-top-color: @wiki-color;
|
|
border-top-width: 4px !important;
|
|
}
|
|
//Kanban
|
|
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #kanban_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
background-color: fade(@kanban-color, 30%);
|
|
border-left:4px solid @kanban-color !important;
|
|
}
|
|
#kanban_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
border-top:4px solid @kanban-color !important;
|
|
border-left: 0px !important;
|
|
}
|
|
#kanban_sidebox_header {border-left:4px solid @kanban-color !important;}
|
|
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #kanban-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
|
|
border-top: 4px solid;
|
|
border-top-color: @kanban-color;
|
|
border-top-width: 4px !important;
|
|
}
|
|
|
|
// Ranking
|
|
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
background-color: fade(@ranking-color, 30%);
|
|
border-left:4px solid @ranking-color !important;
|
|
}
|
|
#ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
|
|
border-top:4px solid @ranking-color !important;
|
|
border-left: 0px !important;
|
|
}
|
|
#ranking_sidebox_header {border-left:4px solid @ranking-color !important;}
|
|
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #ranking-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
|
|
border-top: 4px solid;
|
|
border-top-color: @ranking-color;
|
|
border-top-width: 4px !important;
|
|
}
|
|
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon{
|
|
filter: none;
|
|
width: calc(1em + 2px) !important;
|
|
height: calc(1em + 2px) !important;
|
|
}
|
|
.standartTreeImage {
|
|
filter: none;
|
|
}
|
|
|
|
|
|
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn {
|
|
.egw_fw_ui_scrollarea_outerdiv {
|
|
.egw_fw_ui_sidemenu_entry_header_active {
|
|
border-top: 0px !important;
|
|
margin-left: 3px !important;
|
|
padding-top: 6px;
|
|
}
|
|
}
|
|
}
|
|
#egw_fw_sidebar {
|
|
#egw_fw_sidemenu{
|
|
.egw_fw_ui_scrollarea_outerdiv {
|
|
.egw_fw_ui_sidemenu_entry_header {
|
|
border-left:4px solid @default-color;
|
|
}
|
|
.egw_fw_ui_sidemenu_entry_icon {
|
|
filter: none;
|
|
}
|
|
.egw_fw_ui_sidemenu_entry_header_active {
|
|
border-top: 4px solid @default-color;
|
|
border-left: 0px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active {
|
|
border-top-color: @default-color;
|
|
border-top: 4px solid;
|
|
}
|
|
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_icon img[src*="svg"] {
|
|
background-color : transparent;
|
|
background-image: none;
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_icon {
|
|
|
|
}
|
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow {
|
|
background-image: url('../../api/templates/default/images/dhxmenu_subar.svg');
|
|
}
|
|
body > .egw_menu::part(popup) {
|
|
z-index: var(--sl-z-index-dropdown);
|
|
}
|
|
body > .egw_menu egw-menu-shoelace {
|
|
--sl-shadow-x-large: 0 4px 16px hsl(240 3.8% 46.1% / 60%);
|
|
}
|
|
.egwGridView_scrollarea tr.row_category > td:first-child, .select-cat li {
|
|
border-left: 4px solid transparent;
|
|
}
|
|
.egwGridView_scrollarea tr {touch-action:initial;}
|
|
.et2_taglist_category span[class*="cat_"]:not([class*="cat_level"]) {width:4px;}
|
|
.et2_taglist_category.et2_taglist_single span[class*="cat_"]:not([class*="cat_level"]) {
|
|
height: 1.5em;
|
|
margin-bottom: -6px;
|
|
position: absolute;
|
|
margin-left: -8px;
|
|
border-top-left-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
}
|
|
img.et2_button_icon[src*="svg"], img.et2_button_icon[src*="svg"]:hover {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
|
|
/* set default placeholder color*/
|
|
::placeholder {
|
|
color: @color_placeholder;
|
|
opacity: 1;
|
|
}
|
|
:-ms-input-placeholder {
|
|
color: @color_placeholder;
|
|
}
|
|
::-ms-input-placeholder{
|
|
color: @color_placeholder;
|
|
}
|
|
|
|
.et2_toolbar et2-button:not(.et2_toolbar_onlyCaption):not(.et2_toolbar_hasCaption)::part(base) {
|
|
justify-content: center;
|
|
--et2-button-image-padding-left: 0;
|
|
padding-inline-start: 0;
|
|
} |