From 7f2653c007a3d15a288433a54836392e24c147a0 Mon Sep 17 00:00:00 2001 From: milan Date: Wed, 11 Dec 2024 18:20:53 +0100 Subject: [PATCH] remove old themes and deactivate compact since it is not working atm improve darkmode image visibility --- Gruntfile.js | 22 - api/src/Framework.php | 4 +- calendar/templates/default/app.css | 4 +- calendar/templates/pixelegg/app.css | 7 +- calendar/templates/pixelegg/app.less | 4 + pixelegg/css/fancy.css | 205 +- pixelegg/css/mobile.css | 205 +- pixelegg/css/monochrome.css | 6560 -------------------------- pixelegg/css/monochrome.less | 49 - pixelegg/css/pixelegg.css | 199 +- pixelegg/css/pixelegg.less | 11 +- pixelegg/less/darkmode.less | 5 +- pixelegg/less/etemplate2.less | 3 - pixelegg/less/traditional.less | 23 - pixelegg/setup/setup.inc.php | 3 +- 15 files changed, 375 insertions(+), 6929 deletions(-) delete mode 100644 pixelegg/css/monochrome.css delete mode 100644 pixelegg/css/monochrome.less delete mode 100755 pixelegg/less/traditional.less diff --git a/Gruntfile.js b/Gruntfile.js index b19afd544b..397bc98b19 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -82,28 +82,6 @@ module.exports = function (grunt) { "pixelegg/mobile/fw_mobile.css", "api/templates/default/print.css", "pixelegg/print.css" - ], - "pixelegg/css/monochrome.min.css": [ - "node_modules/flatpickr/dist/themes/light.css", - "vendor/bower-asset/diff2html/dist/diff2html.css", - "vendor/bower-asset/cropper/dist/cropper.min.css", - "api/templates/default/css/flags.css", - "api/templates/default/css/htmlarea.css", - "api/templates/default/etemplate2.css", - "pixelegg/css/monochrome.css", - "api/templates/default/print.css", - "pixelegg/print.css" - ], - "pixelegg/css/modern.min.css": [ - "node_modules/flatpickr/dist/themes/light.css", - "vendor/bower-asset/diff2html/dist/diff2html.css", - "vendor/bower-asset/cropper/dist/cropper.min.css", - "api/templates/default/css/flags.css", - "api/templates/default/css/htmlarea.css", - "api/templates/default/etemplate2.css", - "pixelegg/css/pixelegg.css", - "api/templates/default/print.css", - "pixelegg/print.css" ] } } diff --git a/api/src/Framework.php b/api/src/Framework.php index b56a950ae0..7de35acd68 100644 --- a/api/src/Framework.php +++ b/api/src/Framework.php @@ -16,6 +16,7 @@ namespace EGroupware\Api; use EGroupware\Api\Framework\Bundle; use EGroupware\Api\Framework\IncludeMgr; use EGroupware\Api\Header\ContentSecurityPolicy; +use function Webmozart\Assert\Tests\StaticAnalysis\inArray; /** * Framework: virtual base class for all template sets @@ -1175,7 +1176,8 @@ abstract class Framework extends Framework\Extra { while (($file = readdir($dh))) { - if (preg_match('/'."\.css$".'/i', $file)) + if (preg_match('/' . "\.css$" . '/i', $file) && + !in_array($file, ['mobile.css', 'mobile.min.css'])) { list($name) = explode('.',$file); if (!isset($list[$name])) $list[$name] = ucfirst ($name); diff --git a/calendar/templates/default/app.css b/calendar/templates/default/app.css index ecebc788d6..16d8af2590 100644 --- a/calendar/templates/default/app.css +++ b/calendar/templates/default/app.css @@ -1556,9 +1556,7 @@ et2-switch#calendar-toolbar_toolbar-weekend::part(label) {width: 100%; height: 1 .ui-toolbar-menulist et2-switch::part(label), .ui-toolbar-menulist et2-switch .label {width: 100%!important;} -#calendar-toolbar_toolbar .et2_toolbar_more { - margin-top: 0; -} + #calendar-toolbar button#toolbar-today { color: #616161; font-weight: 500; diff --git a/calendar/templates/pixelegg/app.css b/calendar/templates/pixelegg/app.css index 2ded00b591..70685f0a4f 100755 --- a/calendar/templates/pixelegg/app.css +++ b/calendar/templates/pixelegg/app.css @@ -1523,9 +1523,6 @@ et2-switch#calendar-toolbar_toolbar-weekend::part(label) { .ui-toolbar-menulist et2-switch .label { width: 100%!important; } -#calendar-toolbar_toolbar .et2_toolbar_more { - margin-top: 0; -} #calendar-toolbar button#toolbar-today { color: #616161; font-weight: 500; @@ -2704,6 +2701,10 @@ div#calendar-container div.calendar table tbody tr.rowhilite td { } #calendar-toolbar { margin-bottom: 0.3em; + margin-top: 0.3em; +} +#calendar-toolbar_toolbar .et2_toolbar_more { + margin-top: 0.5em; } #calendar-toolbar_toolbar et2-switch .label.on span.off { filter: opacity(0.4); diff --git a/calendar/templates/pixelegg/app.less b/calendar/templates/pixelegg/app.less index b2c3a0dd2a..1ffee64ae8 100755 --- a/calendar/templates/pixelegg/app.less +++ b/calendar/templates/pixelegg/app.less @@ -1149,8 +1149,12 @@ div#calendar-container { #calendar-toolbar { margin-bottom: 0.3em; + margin-top: 0.3em; } #calendar-toolbar_toolbar { + .et2_toolbar_more{ + margin-top: 0.5em; + } et2-switch .label.on { span.off { filter: opacity(.4); diff --git a/pixelegg/css/fancy.css b/pixelegg/css/fancy.css index b667f2e7c2..8686881470 100644 --- a/pixelegg/css/fancy.css +++ b/pixelegg/css/fancy.css @@ -15,31 +15,6 @@ * @author Hadi Nategh * @package pixelegg */ -/** - * EGroupware: Stylite Pixelegg template - * - * 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 Stefan Reinhard - * @package pixelegg - */ -/** - * addapted from orginal styles.php - */ -/** - * All app_* files are now again in $app/templates/default/app.less&css and will be included independent - * - * If some settings are Pixelegg template specific, please create $app/templates/pixelegg.less&css - * files AND include ../default/app.less from there -*/ -/** - * not sure about these files, in general it is not a good idea to replace - * files from other projects, was we need to update them regulary. - * Would be a lot better to include their css files and only overwrite - * neccesarry settings - */ /** * EGroupware: Darkmode theme * @@ -69,8 +44,7 @@ */ @media all { html[data-darkmode='1'] { - background: #000; - filter: invert(1) hue-rotate(180deg) brightness(1); + filter: invert(0.82) hue-rotate(180deg) brightness(1); /* need to explicitly disable the filter on the img tag, if used, as it would be applied twice and therefore not at all */ } html[data-darkmode='1'] sl-menu-item::part(prefix), @@ -78,7 +52,6 @@ html[data-darkmode='1'] et2-button::part(prefix), html[data-darkmode='1'] *::part(image), html[data-darkmode='1'] et2-image, - html[data-darkmode='1'] img, html[data-darkmode='1'] #blueimp-gallery:not(:fullscreen), html[data-darkmode='1'] #blueimp-gallery ol, html[data-darkmode='1'] et2-select-account::part(icon), @@ -200,7 +173,6 @@ * @version: 1 * Stefan Reinhardt */ -/*@import (less) "../../api/templates/default/etemplate2.css";*/ @media all { /** * Top level @@ -1655,51 +1627,6 @@ div#ui-datepicker-div { .ui-widget-shadow { background-image: none; } -/** - * EGroupware: Stylite Pixelegg template - * - * less file for magic suggest - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id$ - */ -.ms-ctn, -.ms-res-ctn { - /* It doesn't really work smaller than this */ - border: solid 1px #e6e6e6; -} -.ms-ctn .ms-res-item-active, -.ms-res-ctn .ms-res-item-active { - background-color: rgba(153, 204, 255, 0.4); -} -.ms-ctn .ms-trigger { - border-left: none; -} -/** - * EGroupware: CSS with less preprocessor - - * traditional.less - * included in pixelegg.less since 17/03/2014 - - - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id$ - */ -/* - font styling - allowed attributes: font-family,font-size,color,font-weight -*/ /** * layout_*.less files are Pixelegg template specific */ @@ -1846,6 +1773,120 @@ body { * @package pixelegg * @version $Id$ */ +/** + * EGroupware: Stylite Pixelegg template + * + * 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 Stefan Reinhard + * @package pixelegg + * @version $Id: pixelegg.less 3017 2014-04-15 08:35:38Z ralfbecker $ + +## Definitions of all used colors + + */ +.background_color_egw_normal { + background-color: #ffc200; +} +.background_color_egw_light { + background-color: #FFD140; +} +.background_color_egw_lighter { + background-color: #FFDD73; +} +.background_color_egw_dark { + background-color: #0C5DA5; +} +.background_color_egw_darker { + background-color: #26537C; +} +/*@gray-100 : #000000;*/ +.color_0_gray { + color: #ffffff; +} +.color_5_gray { + color: #f2f2f2; +} +.color_10_gray { + color: #e6e6e6; +} +.color_15_gray { + color: #d9d9d9; +} +.color_20_gray { + color: #cccccc; +} +.color_25_gray { + color: #bfbfbf; +} +.color_30_gray { + color: #b3b3b3; +} +.color_40_gray { + color: #999999; +} +.color_50_gray { + color: #808080; +} +.color_60_gray { + color: #666666; +} +.color_70_gray { + color: #4d4d4d; +} +.color_80_gray { + color: #333333; +} +.color_90_gray { + color: #1a1a1a; +} +.color_100_gray { + color: #000000; +} +/*@darkgrey : .color_90_gray;*/ +.background_color_0_gray { + background-color: #ffffff; +} +.background_color_5_gray { + background-color: #fafafa; +} +.background_color_10_gray { + background-color: #f0f0f0; +} +.background_color_15_gray { + background-color: #d9d9d9; +} +.background_color_20_gray { + background-color: #cccccc; +} +.background_color_25_gray { + background-color: #bfbfbf; +} +.background_color_30_gray { + background-color: #b3b3b3 !important; +} +.background_color_40_gray { + background-color: #999999; +} +.background_color_50_gray { + background-color: #808080; +} +/*@active_button_border_bottom : @egw_color_2_d;*/ +/*optional / can field*/ +/*Listenausgabe*/ +/* Dialog Button panel Background Color*/ +/*Button edit + save + apply + copy = positive action */ +/*Button Add-plus*/ +/*Button cancel = do nothing action */ +/*Button delete = negative action */ +.background_color_search { + background-color: #B4B4B4; +} +.background_table_cal_head { + background-color: #FFDD73; +} @keyframes login-apps { 0% { transform: translateY(30px); @@ -6571,16 +6612,6 @@ span.egw_tutorial_title { white-space: nowrap; overflow-x: hidden; } -/*@import "../less/layout_buttons_global.less";*/ -/*@import "../less/layout_chosen.less";*/ -/*@import "../less/layout_messages.less";*/ -/*@import "../less/layout_content_elements.less";*/ -/*@import "../less/layout_table.less";*/ -/*@import "../less/layout_loginPage.less";*/ -/*@import "../less/layout_raster.less";*/ -/*@import "../less/layout_nextmatch.less";*/ -/*@import "../less/layout_footer.less";*/ -/*@import "../less/layout_dialog.less";*/ /** * * Mobile FW - Applications colors @@ -7274,12 +7305,6 @@ et2-dialog div#add_favorite et2-select-account_ro { padding: 0; border-bottom: var(--sl-panel-border-width) solid var(--sl-panel-border-color); } -.et2_nextmatch .nextmatch_header { - border-bottom: var(--sl-panel-border-width) solid var(--sl-panel-border-color); -} -.et2_nextmatch .nextmatch_header .nextmatch_header_row { - padding-bottom: 0.25em; -} div.flatpickr-calendar { border-radius: var(--sl-border-radius-medium); } diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index a9c80683d4..1487f0f7b6 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -18,31 +18,6 @@ * @author Hadi Nategh * @package pixelegg */ -/** - * EGroupware: Stylite Pixelegg template - * - * 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 Stefan Reinhard - * @package pixelegg - */ -/** - * addapted from orginal styles.php - */ -/** - * All app_* files are now again in $app/templates/default/app.less&css and will be included independent - * - * If some settings are Pixelegg template specific, please create $app/templates/pixelegg.less&css - * files AND include ../default/app.less from there -*/ -/** - * not sure about these files, in general it is not a good idea to replace - * files from other projects, was we need to update them regulary. - * Would be a lot better to include their css files and only overwrite - * neccesarry settings - */ /** * EGroupware: Darkmode theme * @@ -72,8 +47,7 @@ */ @media all { html[data-darkmode='1'] { - background: #000; - filter: invert(1) hue-rotate(180deg) brightness(1); + filter: invert(0.81) hue-rotate(180deg) brightness(1); /* need to explicitly disable the filter on the img tag, if used, as it would be applied twice and therefore not at all */ } html[data-darkmode='1'] sl-menu-item::part(prefix), @@ -81,7 +55,6 @@ html[data-darkmode='1'] et2-button::part(prefix), html[data-darkmode='1'] *::part(image), html[data-darkmode='1'] et2-image, - html[data-darkmode='1'] img, html[data-darkmode='1'] #blueimp-gallery:not(:fullscreen), html[data-darkmode='1'] #blueimp-gallery ol, html[data-darkmode='1'] et2-select-account::part(icon), @@ -203,7 +176,6 @@ * @version: 1 * Stefan Reinhardt */ -/*@import (less) "../../api/templates/default/etemplate2.css";*/ @media all { /** * Top level @@ -679,9 +651,13 @@ .et2_nextmatch .nextmatch_header { padding: 0; border: none; + border-bottom: var(--sl-panel-border-width) solid var(--sl-panel-border-color); background-image: none; background-color: transparent; } + .et2_nextmatch .nextmatch_header .nextmatch_header_row { + padding-bottom: 0.25em; + } .et2_nextmatch > img { width: 16px; height: 16px; @@ -1654,51 +1630,6 @@ div#ui-datepicker-div { .ui-widget-shadow { background-image: none; } -/** - * EGroupware: Stylite Pixelegg template - * - * less file for magic suggest - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id$ - */ -.ms-ctn, -.ms-res-ctn { - /* It doesn't really work smaller than this */ - border: solid 1px #e6e6e6; -} -.ms-ctn .ms-res-item-active, -.ms-res-ctn .ms-res-item-active { - background-color: rgba(153, 204, 255, 0.4); -} -.ms-ctn .ms-trigger { - border-left: none; -} -/** - * EGroupware: CSS with less preprocessor - - * traditional.less - * included in pixelegg.less since 17/03/2014 - - - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id$ - */ -/* - font styling - allowed attributes: font-family,font-size,color,font-weight -*/ /** * layout_*.less files are Pixelegg template specific */ @@ -1845,6 +1776,120 @@ body { * @package pixelegg * @version $Id$ */ +/** + * EGroupware: Stylite Pixelegg template + * + * 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 Stefan Reinhard + * @package pixelegg + * @version $Id: pixelegg.less 3017 2014-04-15 08:35:38Z ralfbecker $ + +## Definitions of all used colors + + */ +.background_color_egw_normal { + background-color: #ffc200; +} +.background_color_egw_light { + background-color: #FFD140; +} +.background_color_egw_lighter { + background-color: #FFDD73; +} +.background_color_egw_dark { + background-color: #0C5DA5; +} +.background_color_egw_darker { + background-color: #26537C; +} +/*@gray-100 : #000000;*/ +.color_0_gray { + color: #ffffff; +} +.color_5_gray { + color: #f2f2f2; +} +.color_10_gray { + color: #e6e6e6; +} +.color_15_gray { + color: #d9d9d9; +} +.color_20_gray { + color: #cccccc; +} +.color_25_gray { + color: #bfbfbf; +} +.color_30_gray { + color: #b3b3b3; +} +.color_40_gray { + color: #999999; +} +.color_50_gray { + color: #808080; +} +.color_60_gray { + color: #666666; +} +.color_70_gray { + color: #4d4d4d; +} +.color_80_gray { + color: #333333; +} +.color_90_gray { + color: #1a1a1a; +} +.color_100_gray { + color: #000000; +} +/*@darkgrey : .color_90_gray;*/ +.background_color_0_gray { + background-color: #ffffff; +} +.background_color_5_gray { + background-color: #fafafa; +} +.background_color_10_gray { + background-color: #f0f0f0; +} +.background_color_15_gray { + background-color: #d9d9d9; +} +.background_color_20_gray { + background-color: #cccccc; +} +.background_color_25_gray { + background-color: #bfbfbf; +} +.background_color_30_gray { + background-color: #b3b3b3 !important; +} +.background_color_40_gray { + background-color: #999999; +} +.background_color_50_gray { + background-color: #808080; +} +/*@active_button_border_bottom : @egw_color_2_d;*/ +/*optional / can field*/ +/*Listenausgabe*/ +/* Dialog Button panel Background Color*/ +/*Button edit + save + apply + copy = positive action */ +/*Button Add-plus*/ +/*Button cancel = do nothing action */ +/*Button delete = negative action */ +.background_color_search { + background-color: #B4B4B4; +} +.background_table_cal_head { + background-color: #FFDD73; +} @keyframes login-apps { 0% { transform: translateY(30px); @@ -4655,7 +4700,7 @@ body.scrollVertical { margin: 0; overflow-x: hidden; overflow-y: hidden; - margin-top: 0.8em; + margin-top: 7px; } #egw_fw_main .egw_fw_ui_tab_content > div { width: 100%; @@ -6570,16 +6615,6 @@ span.egw_tutorial_title { white-space: nowrap; overflow-x: hidden; } -/*@import "../less/layout_buttons_global.less";*/ -/*@import "../less/layout_chosen.less";*/ -/*@import "../less/layout_messages.less";*/ -/*@import "../less/layout_content_elements.less";*/ -/*@import "../less/layout_table.less";*/ -/*@import "../less/layout_loginPage.less";*/ -/*@import "../less/layout_raster.less";*/ -/*@import "../less/layout_nextmatch.less";*/ -/*@import "../less/layout_footer.less";*/ -/*@import "../less/layout_dialog.less";*/ /** * * Mobile FW - Applications colors diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css deleted file mode 100644 index 76bfe12bdb..0000000000 --- a/pixelegg/css/monochrome.css +++ /dev/null @@ -1,6560 +0,0 @@ -/** - * EGroupware: Stylite Pixelegg template - * - * 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 Stefan Reinhard - * @package pixelegg - */ -/** - * addapted from orginal styles.php - */ -/** - * All app_* files are now again in $app/templates/default/app.less&css and will be included independent - * - * If some settings are Pixelegg template specific, please create $app/templates/pixelegg.less&css - * files AND include ../default/app.less from there -*/ -/** - * not sure about these files, in general it is not a good idea to replace - * files from other projects, was we need to update them regulary. - * Would be a lot better to include their css files and only overwrite - * neccesarry settings - */ -/** - * EGroupware: Darkmode 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 - * @package pixelegg - * @version $Id$ - */ -@media (prefers-color-scheme: dark) { - html[data-darkmode='2'] { - background: #000; - filter: invert(1) hue-rotate(180deg) brightness(1); - } - html[data-darkmode='2'] #loginMainDiv { - filter: invert(1) hue-rotate(180deg) !important; - } - html[data-darkmode='2'] #loginMainDiv div#centerBox { - filter: invert(1) hue-rotate(180deg) !important; - } -} -/** - * DARK THEME - */ -@media all { - html[data-darkmode='1'] { - background: #000; - filter: invert(1) hue-rotate(180deg) brightness(1); - /* need to explicitly disable the filter on the img tag, if used, as it would be applied twice and therefore not at all */ - } - html[data-darkmode='1'] sl-menu-item::part(prefix), - html[data-darkmode='1'] et2-select-country::part(prefix), - html[data-darkmode='1'] et2-button::part(prefix), - html[data-darkmode='1'] *::part(image), - html[data-darkmode='1'] et2-image, - html[data-darkmode='1'] img, - html[data-darkmode='1'] #blueimp-gallery:not(:fullscreen), - html[data-darkmode='1'] #blueimp-gallery ol, - html[data-darkmode='1'] et2-select-account::part(icon), - html[data-darkmode='1'] et2-select-email::part(icon), - html[data-darkmode='1'] sl-menu-item [slot="prefix"], - html[data-darkmode='1'] iframe, - html[data-darkmode='1'] et2-lavatar[image=""]::part(base), - html[data-darkmode='1'] et2-avatar[id="_cropper_image"], - html[data-darkmode='1'] video, - html[data-darkmode='1'] #loginMainDiv, - html[data-darkmode='1'] .et2_taglist_tags_icon, - html[data-darkmode='1'] .fw_avatar_stat, - html[data-darkmode='1'] et2-avatar-group, - html[data-darkmode='1'] .blueimp-gallery .slide { - filter: invert(1) hue-rotate(180deg) !important; - } - html[data-darkmode='1'] et2-image > img { - filter: none !important; - } - html[data-darkmode='1'] #blueimp-gallery video, - html[data-darkmode='1'] #blueimp-gallery .video-content { - filter: invert(0) hue-rotate(180deg) !important; - } - html[data-darkmode='1'] #loginMainDiv div#centerBox { - filter: invert(1) hue-rotate(180deg) !important; - } - html[data-darkmode='1'] div.dhtmlxMenu_egw_SubLevelArea_Polygon, - html[data-darkmode='1'] .egw_tooltip, - html[data-darkmode='1'] body .egw_message_wrapper, - html[data-darkmode='1'] #egw_fw_header #egw_fw_topmenu, - html[data-darkmode='1'] .ui-dialog, - html[data-darkmode='1'] .box_shadow, - html[data-darkmode='1'] #egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded { - box-shadow: 0px 0px 2px 2px #666666; - -moz-box-shadow: 0px 0px 2px 2px #666666; - -webkit-box-shadow: 0px 0px 2px 2px #666666; - -khtml-box-shadow: 0px 0px 2px 2px #666666; - } - html[data-darkmode='1'] et2-dialog::part(panel), - html[data-darkmode='1'] body .flatpickr-calendar.open { - border: 1px solid hsl(240, 5%, 64.9%); - box-shadow: none; - } - html[data-darkmode='1'] #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, - html[data-darkmode='1'] #calendar_sidebox_header { - border-color: #ff9dca !important; - } - html[data-darkmode='1'] #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-color: #ff9dca !important; - } - html[data-darkmode='1'] #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, - html[data-darkmode='1'] #addressbook_sidebox_header { - border-color: #aadaff !important; - } - html[data-darkmode='1'] #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-color: #aadaff !important; - } - html[data-darkmode='1'] #infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, - html[data-darkmode='1'] #infolog_sidebox_header { - border-color: #ffccff !important; - } - html[data-darkmode='1'] #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-color: #ffccff !important; - } - html[data-darkmode='1'] #timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, - html[data-darkmode='1'] #timesheet_sidebox_header { - border-color: #ffdbff !important; - } - html[data-darkmode='1'] #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-color: #ffdbff !important; - } - html[data-darkmode='1'] #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, - html[data-darkmode='1'] #mail_sidebox_header { - border-color: #5db9ec !important; - } - html[data-darkmode='1'] #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-color: #5db9ec !important; - } - html[data-darkmode='1'] #projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, - html[data-darkmode='1'] #projectmanager_sidebox_header { - border-color: #487b7b !important; - } - html[data-darkmode='1'] #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-color: #487b7b !important; - } - html[data-darkmode='1'] #resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, - html[data-darkmode='1'] #resources_sidebox_header { - border-color: #aee0e0 !important; - } - html[data-darkmode='1'] #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-color: #aee0e0 !important; - } - html[data-darkmode='1'] #admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, - html[data-darkmode='1'] #admin_sidebox_header { - border-color: #cccccc !important; - } - html[data-darkmode='1'] #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-color: #cccccc !important; - } - html[data-darkmode='1'] #filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, - html[data-darkmode='1'] #filemanager_sidebox_header { - border-color: #ac4500 !important; - } - html[data-darkmode='1'] #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-color: #ac4500 !important; - } - html[data-darkmode='1'] #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, - html[data-darkmode='1'] #bookmarks_sidebox_header { - border-color: #cc6633 !important; - } - html[data-darkmode='1'] #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-color: #cc6633 !important; - } -} -/** - * Styles for etemplate2 widgets - * Überschreibt egroupware/etemplate/templates/default/etemplate2.css - * - * @version: 1 - * Stefan Reinhardt - */ -/*@import (less) "../../api/templates/default/etemplate2.css";*/ -@media all { - /** - * Top level - */ - .et2_container { - padding: 0px; - background-color: transparent; - } - .et2_container > div:not([class]) { - height: 100%; - } - /** - * Basic rules - */ - /** - * img gray filter - */ - img.et2_appicon, - .et2_appicon img, - table.egwGridView_grid img.et2_appicon { - /*filter grey*/ - filter: url("data:image/svg+xml;utf8,#grayscale"); - -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - /*filter: url(grayscale.svg); Firefox 4+ */ - filter: gray; - /* IE 6-9 */ - } - /** - * VBox widget - */ - div.et2_vbox > * { - display: block; - } - /** - * HBox widget - */ - div.et2_hbox_right { - background: transparent; - } - /** - * Placeholder widget - used for un-implemented widgets - */ - .et2_placeholder { - display: inline-block; - /*border: 1px solid cornflowerblue;*/ - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #E6E6E6; - } - .et2_placeholder .et2_attr { - color: #000000; - } - /** - * Label widget, and labels for other widgets - */ - .et2_label { - color: #1E1E1E; - white-space: pre-wrap; - } - /** - * img Icons - */ - a.et2_url { - background-position: center; - background-repeat: no-repeat; - background-size: 14px 14px; - cursor: pointer; - margin: -4px; - padding: 2px; - padding-left: 16px; - margin-left: -10px; - } - a.et2_url.email { - background-image: url(../../node_modules/bootstrap-icons/icons/envelope.svg); - } - a.et2_url.phone { - background-image: url(../../node_modules/bootstrap-icons/icons/telephone.svg); - } - a.et2_url.url { - background-image: url(../../node_modules/bootstrap-icons/icons/link-45deg.svg); - } - /** - * Button widget - text only, and icon - */ - .et2_button { - text-shadow: 0px 0px !important; - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - } - .et2_button_icon { - height: 16px; - background-color: transparent; - } - /* give the image a button lock and feel*/ - img.et2_button_icon[src*="svg"] { - background-color: #b4b4b4; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); - background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4)); - background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: linear-gradient(top, #B4B4B4, #B4B4B4); - background-repeat: repeat-x; - } - img.et2_button_icon[src*="svg"]:hover { - background-color: #b3e4a6; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjNlNGE2IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjNlNGE2IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); - background-image: -moz-linear-gradient(top, #b3e4a6, #b3e4a6); - background-image: -ms-linear-gradient(top, #b3e4a6, #b3e4a6); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3e4a6), to(#b3e4a6)); - background-image: -webkit-linear-gradient(top, #b3e4a6, #b3e4a6); - background-image: -o-linear-gradient(top, #b3e4a6, #b3e4a6); - background-image: linear-gradient(top, #b3e4a6, #b3e4a6); - background-repeat: repeat-x; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - } - img.et2_button_icon[src*="svg"]:active { - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - } - /*look in layout_content_elements*/ - .et2_selectbox .ui-multiselect-checkboxes li:hover { - background-color: rgba(102, 153, 204, 0.7) !important; - } - .et2_selectbox .ui-multiselect-checkboxes label { - display: block; - border: 0px solid transparent; - padding: 0.1em 0.2em; - } - .et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close { - /*visibility: hidden;*/ - background-image: url(../../node_modules/bootstrap-icons/icons/x-square.svg); - margin: -2px -3px; - padding: 0px; - } - /** - * Date / Time widgets - */ - span.et2_date input.et2_date { - min-width: 21.5ex; - } - span.et2_date span { - color: #FFFFFF; - } - span.et2_date_duration { - border: 1px solid #E6E6E6; - } - span.et2_date_duration :not(input:first-child) { - border-left: 1px solid #F2F2F2; - } - .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] { - background-image: url(../../node_modules/bootstrap-icons/icons/record.svg); - background-color: transparent; - background-size: contain; - border: none; - opacity: 1; - } - .ui-datepicker .ui-datepicker-prev:hover, - .ui-datepicker .ui-datepicker-next:hover { - border: none; - background-color: transparent; - } - .ui-datepicker .ui-datepicker-prev span { - background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg) !important; - background-position: 0px 0px !important; - background-size: contain; - } - .ui-datepicker .ui-datepicker-next span { - background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg) !important; - background-position: 0px 0px !important; - background-size: contain; - } - .ui-datepicker .ui-datepicker-next span:hover { - border: none; - background-color: transparent; - } - .et2_file .progress li:hover div.remove { - width: 16px; - height: 16px; - background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); - } - .et2_file .progress p { - background-color: #FFDD73; - } - span.et2_file_span { - background-image: url(../../node_modules/bootstrap-icons/icons/paperclip.svg); - } - span.et2_file_span img[url*="svg"] { - background-color: #b4b4b4 !important; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=) !important; - background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4)) !important; - background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-image: linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-repeat: repeat-x !important; - fill: red !important; - } - span.et2_file_span:hover { - color: #000000 !important; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; - } - div.et2_file input.et2_file_upload { - background-color: #FFFFFF !important; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - } - div.et2_file input.et2_file_upload:hover { - /*.background_color_20_gray;*/ - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - border: 1px solid rgba(0, 0, 0, 0.5); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background-color: #b3e4a6 !important; - } - /* Gantt widget */ - .et2_gantt .gantt_task_line { - background-color: #679FD2; - } - .et2_gantt .gantt_task_line .gantt_task_content { - color: #043A6B; - } - .et2_gantt .gantt_task_line .gantt_selected { - background-color: rgba(255, 194, 0, 0.01); - } - .et2_gantt .gantt_task_line .gantt_task_progress { - color: #043A6B; - background-color: #FFDD73; - /* outline progress in a complementary color */ - border: 1px solid #BF9D30; - border-right: none; - margin: -1px; - } - .et2_gantt .gantt_task_line.gantt_milestone { - background-color: #ffc200; - border-color: #BF9D30; - } - .et2_gantt .gantt_task_link .gantt_line_wrapper div { - background-color: green; - } - .et2_gantt .gantt_task_link .gantt_link_arrow_left { - border-right-color: green; - } - .et2_gantt .gantt_task_link .gantt_link_arrow_right { - border-left-color: green; - } - .et2_gantt .gantt_task_link:hover .gantt_line_wrapper div { - box-shadow: 0 0 5px 0 green; - } - .et2_gantt .gantt_task_link.invalid_constraint .gantt_line_wrapper div { - background-color: #AE1D00; - } - .et2_gantt .gantt_task_link.invalid_constraint .gantt_link_arrow_left { - border-right-color: #AE1D00; - } - .et2_gantt .gantt_task_link.invalid_constraint .gantt_link_arrow_right { - border-left-color: #AE1D00; - } - .et2_gantt .gantt_task_link.invalid_constraint:hover .gantt_line_wrapper div { - box-shadow: 0 0 5px 0 #AE1D00; - } - /* - Link to / Selector Widget -*/ - .et2_link_to.et2_toolbar { - margin-top: 2px !important; - } - .et2_link_to .et2_link_entry select, - .et2_link_to .et2_link_entry input, - .et2_link_to .et2_link_entry button { - padding: 0; - padding-left: 4px; - } - .et2_link_to .et2_link_entry .ui-icon-close { - background-color: transparent; - left: 0px; - } - .et2_link_to .et2_link_entry .ui-icon-triangle-1-s { - background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; - } - .et2_link_to .et2_file span { - background-position: center; - background-size: 16px 16px; - background-repeat: no-repeat; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - } - .et2_link_entry .ui-icon-triangle-1-s { - background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; - background-size: contain; - } - .et2_link { - color: #0C5DA5; - } - .et2_link_list tr { - cursor: pointer; - } - .et2_link_list tr:hover { - background-color: rgba(153, 204, 255, 0.4); - } - .et2_link_list tr:active { - background-color: rgba(255, 194, 0, 0.01); - } - .et2_link_list .icon img { - width: 14px !important; - height: 14px !important; - } - .et2_link_list td div.delete { - visibility: hidden; - background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); - background-position: center; - background-repeat: no-repeat; - background-size: 12px 12px; - padding: 0px; - } - .et2_vfs td div.delete { - visibility: hidden; - background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); - background-position: center; - background-repeat: no-repeat; - background-size: 12px 12px; - padding: 0px; - } - .egw_tooltip { - background-color: #ffffff; - } - /** - * Tabs widget - */ - /*.et2_tabflag { - margin: 1em 3px -1px 0; - padding: 4px; - .background_color_25_gray; - .inner_shadow(1px, 0px, 0px, 0.5); - -webkit-box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5); - box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5); - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - min-width: 73px; - &:hover { - .color_5_gray; - .background_color_25_gray; - } - &:active{ - .background_color_0_gray; - .color_0_gray; - } -} - - -.et2_tabflag.active { - border-spacing: 0px; - background-color: white; - .color_100_gray; - border-width: 1px 1px 0px 1px; - border-style: solid; - border-color: @gray_70; - &:hover { - .color_100_gray; - // border: 1px solid gray; - background-color: white; - } -} - -.et2_tabs { - border-width: 0px 1px 1px 1px; - border-style: solid; - border-color: @gray_70; - padding: 5px; - overflow-y: auto; - background-color: @gray_0; - .border_radius_button_normal; -}*/ - /*.et2_tabheader { - padding-left: 0em; - border-bottom: 1px solid #bfbfbf; - margin: 0 2px; - background-image: none; - :first-child { - margin-left: 1px; - } -}*/ - /** - * hrule widget - */ - hr { - border-top: 1px solid #E6E6E6; - } - /** - * grid widget - */ - .et2_grid th, - .et2_grid tr, - .et2_grid td { - /* border: 1px dashed silver;*/ - } - .et2_grid th .gray, - .et2_grid tr .gray, - .et2_grid td .gray { - padding: 0px; - height: 24px; - /*background-color: @color_hint;*/ - /*.background-color-5-gray;*/ - background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); - /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 240, 240, 0)), color-stop(100%, rgba(191, 191, 191, 0.65))); - /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); - /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); - /* Opera 11.10+ */ - background: -ms-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); - /* IE10+ */ - background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); - /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f0f0', endColorstr='#a6bfbfbf', GradientType=0); - /* IE6-9 */ - } - .et2_grid th .gray span.et2_label, - .et2_grid tr .gray span.et2_label, - .et2_grid td .gray span.et2_label { - background-color: transparent; - padding-left: 3px; - } - /* ################################################################################## - * Nextmatch widget - * - * SEARCH FIELD | SEARCH BUTTON ###### FILTER ##### EXPORT IMG ### FAVORITES ### COUNT - * - * ##################################################################################*/ - div.header_row_right div[id$=favorite_wrapper] { - margin-top: 0px; - } - .et2_nextmatch { - background-color: transparent; - } - .et2_nextmatch .egwGridView_outer thead tr > th:first-child { - border-left: 6px solid #B4B4B4; - } - .et2_nextmatch .nextmatch_header { - padding: 0; - border: none; - background-image: none; - background-color: transparent; - } - .et2_nextmatch > img { - width: 16px; - height: 16px; - } - /*################################################################ -* -* Filters -* -################################################################*/ - .nextmatch_header_row .et2_label select { - margin-left: 3px; - border-color: #CDCDCD; - } - .nextmatch_header_row > .filters { - /*width: 83%;*/ - z-index: 7; - margin-bottom: 4px; - top: 0px; - padding: 0 5px 0 0; - /*background-color: @gray_30;*/ - background: transparent; - border: none !important; - /*border-color: @gray_100;*/ - background-image: none !important; - min-height: 37px; - margin-left: 224px; - margin-right: 119px; - /* .border_radius (3px, 3px, 0px, 0px);*/ - } - .nextmatch_header_row > .filters select { - margin-top: 10px; - } - .nextmatch_header_row > .filters .et2_label { - padding: 0.2em; - } - .nextmatch_header_row > .filters .et2_label select { - /*.Complete_Button_select;*/ - margin-left: 2px; - margin-right: 1px; - margin-top: 8px; - width: 20%; - max-width: 20% !important; - /*Dialog - Addressbook - View */ - } - .nextmatch_header_row > .filters .et2_label select:hover { - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - } - .nextmatch_header_row > .filters .et2_label select #infolog-index_cat_id, - .nextmatch_header_row > .filters .et2_label select #infolog-index_filter { - width: 50% !important; - } - .nextmatch_header > .filters > select > option { - font-size: 12px; - } - .nextmatch_header > .filters input { - margin-right: 2ex; - width: 15%; - border: 1px solid rgba(0, 0, 0, 0.15); - border-color: #B4B4B4; - -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - width: auto; - /*margin: 0.5em 0em 0.5em 0;*/ - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - } - .nextmatch_header > .filters input:hover { - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - } - .nextmatch_header > .filters input:focus { - outline: 0; - border-width: 1px; - border-style: solid; - border-color: #B4B4B4; - -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - } - /*################################################################ -* -* Export Button -* -################################################################*/ - .nextmatch_header > .filters .et2_button_icon { - margin-top: 8px; - vertical-align: middle; - /*.background_color_10_gray;*/ - -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - box-shadow: none; - margin-right: 1em; - width: 16px; - height: 16px; - padding: 2px; - } - .nextmatch_header > .filters .et2_button_icon:hover { - /*.background_color_20_gray;*/ - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - border: 1px solid rgba(0, 0, 0, 0.5); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - } - .nextmatch_header > .filters .et2_button_icon:active { - /*.background_color_30_gray;*/ - border: 1px solid rgba(0, 0, 0, 0.9); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - background-color: #b3e4a6; - } - /*################################################################ -* -* Kategorien -* -################################################################*/ - /*div#admin-categories-index{ - - padding: 0px; - - // save space above nextmatch - // set height to zero - div.ui-helper-clearfix { height: 0px;} -}*/ - /*################################################################ -* -* Favorites -* -################################################################*/ - .nextmatch_header div[id$=favorite_wrapper] { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - /*.background_color_25_gray;*/ - z-index: 200; - } - /** - * Drop down button - */ - .et2_dropdown { - position: relative; - /*top: -5px;*/ - /*left Button*/ - /*right Button*/ - /* hover */ - } - .et2_dropdown button { - height: 24px; - display: inline-block; - vertical-align: middle; - margin-right: -2px; - padding: 0px 1ex; - background-color: #FFFFFF; - background-image: none; - } - .et2_dropdown button img { - width: 12px; - height: 12px; - } - .et2_dropdown button > div { - vertical-align: middle; - } - .et2_dropdown button:last-child { - padding: 0px; - } - .et2_dropdown + ul.ui-menu { - position: absolute; - z-index: 2; - } - .et2_dropdown button.ui-corner-left, - .et2_dropdown button.ui-state-default { - background-image: none !important; - background-repeat: no-repeat !important; - /*&:hover {.Complete_Button_save_apply_copy;}*/ - } - .et2_dropdown button.ui-corner-left img, - .et2_dropdown button.ui-state-default img { - width: 16px; - height: 16px; - text-align: left; - position: relative; - right: 1px; - top: 1px; - } - .et2_dropdown button.ui-corner-left:active, - .et2_dropdown button.ui-state-default:active { - background-color: #b3e4a6; - } - .et2_dropdown button.ui-state-hover { - background-color: #E6E6E6; - } - .sidebox-favorites ul.favorites { - width: 99%; - padding: 0px; - border: none; - background: white; - } - .sidebox-favorites ul.favorites li.ui-menu-item { - margin-left: 0px; - min-height: 16px; - padding: 3px 0px; - margin-bottom: 0.2em; - } - .sidebox-favorites ul.favorites li.ui-menu-item a { - color: #000000; - } - .sidebox-favorites ul.favorites li.ui-menu-item:hover { - color: #000000; - background-color: rgba(153, 204, 255, 0.4); - padding: 3px 0; - } - .sidebox-favorites ul.favorites li.ui-menu-item:hover a { - text-decoration: none; - color: #000000; - } - .sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash { - background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); - background-size: 12px 12px; - background-position: center 2px; - margin-top: 0px; - } - .sidebox-favorites ul.favorites li.ui-menu-item:first-of-type a { - color: #000000; - } - .sidebox-favorites ul.favorites li.ui-menu-item:last-of-type a { - color: #000000; - } - .sidebox-favorites ul.favorites li.ui-menu-item a { - line-height: inherit; - padding: 2px 1px; - } - .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart { - width: 9px; - height: 16px; - background-image: url(../../node_modules/bootstrap-icons/icons/star-fill.svg); - background-size: 16px 16px; - background-position: 1px 0; - margin-right: 9px; - margin-left: 3px; - } - .sidebox-favorites ul.favorites li.ui-menu-item a div.sideboxstar { - width: 9px; - height: 16px; - margin-left: 4px; - margin-right: 10px; - background-image: url(../../node_modules/bootstrap-icons/icons/star.svg); - background-size: 16px 16px; - background-position: 0 0; - background-repeat: no-repeat; - } - .sidebox-favorites ul.favorites li.ui-menu-item img { - width: 16px; - height: 16px; - margin-left: 5px; - margin-right: 10px; - margin-top: -3px; - } - .sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight { - color: #000000; - background: rgba(102, 153, 204, 0.7); - padding: 3px 0; - border: none; - } - .favorites img { - width: 16px; - height: 16px; - } - .nextmatch_sortheader { - /* background-position: right center; - background-repeat: no-repeat; - color: #003075; - cursor: pointer; - margin-right: 10px;*/ - padding-right: 18px; - } - .nextmatch_sortheader.asc { - font-weight: bold; - background-image: url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg); - background-size: 8px 8px; - } - .nextmatch_sortheader.desc { - font-weight: bold; - background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg); - background-size: 8px 8px; - } - /** - * Grid / nextmatch Hierarchy - */ - /** - * This class' margin-right is used to line up columns at each indent level - * Classes level_# are created programmatically with margin-right * depth - * Margin-right = -(indent + border) - */ - .indentation { - margin-right: -15px; - } - /* End of hierarchy */ - /* Mangled link-to widget inside a nextmatch - used for DnD uploads */ - .et2_nextmatch * .et2_link_to { - position: relative; - } - div.et2_progress > div { - background-color: #FFDD73; - /*height: 5px;*/ - } - /** -* et2_toolbar -*/ - .ui-toolbar_dropShadow { - min-height: 30px; - border: dashed; - border-width: 1px; - border-color: gray; - opacity: 0.7; - } - /** - * et2_textbox - */ - textarea.et2_textbox { - border: 1px solid #E6E6E6; - } - textarea, - textarea.description { - background-color: #fafafa; - padding: 0.3em 0 0 0.3em; - border: none; - height: auto; - } - /** -* et2_taglist -*/ - .et2_taglist_toggle > div.toggle { - background-image: url("../../node_modules/bootstrap-icons/icons/dash-lg.svg"); - background-size: 50%; - } - .et2_taglist_toggle.et2_taglist_single.expanded > div.toggle { - background-image: url("../../node_modules/bootstrap-icons/icons/plus-lg.svg"); - background-size: 50%; - } - .et2_taglist.et2_taglist_category { - max-height: 30px !important; - } - /** -* et2_toolbar -*/ - .et2_toolbar { - background: none; - } - .et2_toolbar-dropdown button { - /* height: 100% !important; - border: none !important; - background: #E0E0E0 !important; - background-color: #E0E0E0 !important; - border-radius: 0 !important; - color: #101010 !important; - font-size: 9pt !important; - font-weight: normal !important; - vertical-align: bottom !important; - padding: 1px !important; - margin: 2px !important; - min-height: 19px;*/ - } - .ui-toolbar-menulistHeader { - font-size: xx-small; - height: 100%; - margin-top: 1px; - direction: ltr; - } - .et2_toolbar_more { - float: right; - } - .et2_toolbar_actionlist { - float: left; - } - .splitter-bar .ui-icon.ui-icon-grip-solid-vertical { - background-image: url(../../api/templates/default/images/splitter_vert.png); - background-position: center; - background-repeat: no-repeat; - } - .splitter-bar .ui-icon.ui-icon-grip-solid-horizontal { - background-image: url(../../api/templates/default/images/splitter_horz.png); - background-position: center; - background-repeat: no-repeat; - } - .splitter-bar.ui-state-hover { - background: none; - } - /** - * Do not wrap content of a single widget incl. a label or children of a hbox. - * Taking into eg. select-account widget rendered as ul and prefixed with a label - * and maintaining some space between widgets. - */ - .et2_nowrap { - white-space: nowrap; - } - ul.et2_nowrap, - div.et2_nowrap { - display: inline-block; - } - .et2_nowrap > * { - padding-left: 5px; - } - .et2_nowrap > *:first-child { - padding-left: 0; - } - .et2_nowrap > label > * { - padding-left: 5px; - } - .et2_vfsPath input.et2_textbox.et2_vfs { - background-image: url(../../node_modules/bootstrap-icons/icons/pencil-square.svg); - } - /*#################################### ET2 SEARCHBOX #####################################################*/ - .et2_searchbox button.et2_button { - background-image: url(../../node_modules/bootstrap-icons/icons/search.svg); - background-size: 20px 20px; - background-position: center; - } - /*#################################### ET2 SLIDESWITCH #####################################################*/ - span.et2_checkbox_slideSwitch:hover { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - border: 1px solid gray; - cursor: pointer; - } - span.et2_checkbox_slideSwitch > span.slideSwitch_container { - background-color: #fafafa; - } - .et2_toolbar span.et2_checkbox_slideSwitch { - filter: grayscale(1) contrast(0.9999) opacity(0.7); - } - .et2_toolbar span.et2_checkbox_slideSwitch.switchOn { - filter: none; - } -} -/*#################################### Media Queries #####################################################*/ -@media only screen and (min-width: 980px) and (max-width: 1279px) { - .nextmatch_header > .filters select { - margin: 0px; - } -} -/* - Printing -*/ -@media screen { - .onlyPrint { - display: none !important; - } -} -@media print { - .noPrint { - display: none !important; - } -} -/** - * EGroupware: Stylite Pixelegg template - * - * et2 Messages - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id$ - */ -#uical_select_resource { - background-color: rgba(153, 204, 255, 0.4); -} -.uiaccountselection .primary_group { - background-color: rgba(153, 204, 255, 0.4); -} -option:checked { - background-color: rgba(153, 204, 255, 0.4); -} -.ui-tooltip { - padding: 8px; - position: absolute; - z-index: 9999; - max-width: 300px; - -webkit-box-shadow: 0 0 5px #aaa; - -moz-box-shadow: 0 0 5px #aaa; - box-shadow: 0 0 5px #aaa; -} -/* Component containers -----------------------------------*/ -.ui-widget { - font-family: egroupware, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1.1em; -} -.ui-widget .ui-widget { - font-size: 1em; -} -.ui-widget input, -.ui-widget select, -.ui-widget textarea, -.ui-widget button { - font-family: egroupware, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 12px; -} -.ui-widget-content { - /*.bordered (@color-hint,@color-hint,@color-hint,@color-hint);*/ - background-image: none; - color: #808080 !important; - background: white; -} -.ui-widget-content a { - color: #999999; -} -.ui-widget-header { - border-top: solid 1px 0px !important; - border-left: solid 1px 0px !important; - border-right: solid 1px 0px !important; - border-bottom: solid 1px 0px !important; - /*.gradient_thead !important;*/ - background-color: #0C5DA5; - /*border-color: @gray_10;*/ - color: #000000; - font-weight: bold; - background-image: none; - border: 0px !important; -} -.ui-widget-header a { - color: #ffffff; -} -/* Interaction states -----------------------------------*/ -.ui-state-default, -.ui-widget-content .ui-state-default, -.ui-widget-header .ui-state-default { - border-top: solid 1px 1px; - border-left: solid 1px 1px; - border-right: solid 1px 1px; - border-bottom: solid 1px 1px; - border-color: #B4B4B4; - background: transparent; - font-weight: normal; - color: #1a1a1a; -} -.ui-state-default a, -.ui-state-default a:link, -.ui-state-default a:visited { - color: #999999; - text-decoration: none; -} -.ui-state-default .ui-icon.ui-icon-triangle-1-s { - background: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg"); - background-size: 8px auto; - background-position: center; - background-repeat: no-repeat; -} -.ui-widget-header .ui-icon.ui-icon-check { - background-image: url("../../node_modules/bootstrap-icons/icons/check-lg.svg"); - background-size: 12px auto; - background-position: center; - background-repeat: no-repeat; - filter: brightness(2.5); -} -.ui-state-focus, -.ui-widget-header .ui-state-focus, -.ui-widget-content .ui-state-focus { - border-color: #E6E6E6; - background: rgba(102, 153, 204, 0.7); - background-image: none; - color: #FFFFFF; - font-weight: normal; -} -.ui-state-focus.ui-menu-item a { - color: #E6E6E6; -} -.ui-state-hover, -.ui-widget-content .ui-state-hover, -.ui-widget-header .ui-state-hover { - border-top: solid 1px 1px; - border-left: solid 1px 1px; - border-right: solid 1px 1px; - border-bottom: solid 1px 1px; - border-color: #E6E6E6; - background: rgba(102, 153, 204, 0.7); - background-image: none; - color: #ffffff; -} -.ui-state-hover a, -.ui-state-hover a:hover, -.ui-state-hover a:link, -.ui-state-hover a:visited { - color: #808080; - text-decoration: none; -} -.ui-state-active, -.ui-widget-content .ui-state-active, -.ui-widget-header .ui-state-active { - border-top: solid 1px 1px; - border-left: solid 1px 1px; - border-right: solid 1px 1px; - border-bottom: solid 1px 1px; - border-color: #CDCDCD; - background-image: none; - font-weight: bold; - color: #808080; -} -.ui-state-active a, -.ui-state-active a:link, -.ui-state-active a:visited { - color: #808080; - text-decoration: none; -} -/* Interaction Cues -----------------------------------*/ -.ui-state-highlight, -.ui-widget-content .ui-state-highlight, -.ui-widget-header .ui-state-highlight { - border-top: solid 1px 1px; - border-left: solid 1px 1px; - border-right: solid 1px 1px; - border-bottom: solid 1px 1px; - border-color: #B4B4B4; - color: #808080; -} -.ui-state-highlight a, -.ui-widget-content .ui-state-highlight a, -.ui-widget-header .ui-state-highlight a { - color: #e6e6e6; -} -.ui-state-error, -.ui-widget-content .ui-state-error, -.ui-widget-header .ui-state-error { - border-top: solid 1px 1px; - border-left: solid 1px 1px; - border-right: solid 1px 1px; - border-bottom: solid 1px 1px; - border-color: #E6E6E6; - color: #b3b3b3; -} -.ui-state-error a, -.ui-widget-content .ui-state-error a { - color: #FF0000; -} -.ui-state-error-text, -.ui-widget-content .ui-state-error-text, -.ui-widget-header .ui-state-error-text { - color: #FF0000; -} -.ui-icon-close { - background-image: url("../../node_modules/bootstrap-icons/icons/x-square.svg"); - background-repeat: no-repeat; - background-color: #FFFFFF; - background-size: 12px 12px; - width: 16px; - height: 16px; - margin: 2px; - padding: 1px; - margin-top: 1px; - background-position: 0px 0px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; -} -.ui-icon-close:hover { - background-color: transparent; -} -.ui-icon-close:active { - background-color: #fff0c7 !important; -} -span.ui-icon-close { - margin-top: 0px; - top: 5px; -} -.et2_link_entry .ui-icon-close { - margin-top: -5px; - top: 9px !important; -} -/*Schliessen x*/ -.ui-icon-closethick { - background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg) !important; - background-repeat: no-repeat; - background-color: #FFFFFF; - background-size: contain; - background-position: 0 0 !important; - color: #ffffff; - height: 16px; -} -.ui-icon-closethick:hover { - background-color: #E6E6E6; - color: #1E1E1E; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -} -.ui-icon-closethick:active { - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; - background-color: #fff0c7 !important; -} -/*###########################################*/ -/*Menu */ -.ui-menu .ui-menu-item { - padding: 0px; -} -.ui-menu .ui-menu-item a { - line-height: 24px; - margin: 0px; - padding: 2px 5px; -} -.ui-menu .ui-menu-item a input { - padding: 0; -} -.ui-menu .ui-menu-item a img { - padding: 0; -} -.ui-menu .ui-menu-item a.ui-state-focus { - margin: 0px !important; - line-height: 24px; - padding: 2px 5px; - border: none; -} -/*###########################################*/ -/* col selection */ -span.ui-multiselect-header { - color: #FFFFFF; -} -span.ui-icon-search { - background-image: url(../../node_modules/bootstrap-icons/icons/search.svg) !important; - background-position: 0px; - background-size: 10px 10px; -} -.ui-corner-all { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -.ui-corner-all, -.ui-corner-bottom, -.ui-corner-left, -.ui-corner-bl { - border-bottom-left-radius: 3px; -} -.ui-corner-all, -.ui-corner-top, -.ui-corner-left, -.ui-corner-tl { - border-top-left-radius: 3px; -} -.ui-corner-all, -.ui-corner-bottom, -.ui-corner-right, -.ui-corner-br { - border-bottom-right-radius: 3px; -} -.ui-corner-all, -.ui-corner-top, -.ui-corner-right, -.ui-corner-tr { - border-top-right-radius: 3px; -} -/*###########################################*/ -/*Dialog: edit row*/ -.ui-widget-overlay { - background: #CDCDCD; -} -.ui-dialog { - z-index: 1000; - box-shadow: -2px 1px 9px 3px #B4B4B4; -} -.ui-dialog .ui-dialog-buttonpane { - padding-left: 0.8em; - padding-right: 0.8em; - padding-top: 0.7em; -} -.ui-dialog .ui-dialog-titlebar { - padding-left: 0.8em; - padding-right: 0.8em; - font-size: 12pt; - border: none; - font-weight: normal; - background: white; -} -.ui-dialog .ui-dialog-titlebar-close { - right: 0.8em; -} -.ui-widget-content { - border: 1px solid #B4B4B4; -} -.ui-widget-content .et2_selectbox button.et2_button_text, -.ui-widget-content .et2_selectbox select.et2_selectbox { - height: 20px; -} -.ui-widget-content .et2_selectbox button { - background-image: none; -} -.ui-widget-content .et2_selectbox div.ui-widget-header ul li label.ui-state-hover { - background-color: rgba(102, 153, 204, 0.7); - font-weight: normal; -} -button.ui-button { - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - padding-left: 30px; - background-position: 6px center; - background-repeat: no-repeat; - background-size: 20px auto; - /*.Button_size_h32_auto;*/ - height: 24px; - border-color: #B4B4B4; - outline: none; -} -button.ui-button:hover { - background-color: #B4B4B4; - color: #1E1E1E; -} -button.ui-button .ui-button-icon-primary:hover { - background-color: #B4B4B4; - color: #1E1E1E; - box-shadow: none; -} -/*###########################################*/ -/*Dialog: calendar edit series*/ -.ui-dialog-buttonset button.ui-button-text-only { - background-color: #CDCDCD; - background: inherit; - color: #000000 !important; - font-weight: normal !important; -} -.ui-dialog-buttonset button.ui-button-text-only:hover { - background-color: #B4B4B4; -} -.ui-dialog-buttonset button.ui-button { - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - padding-left: 30px; - background-position: 6px center; - background-repeat: no-repeat; - background-size: 20px auto; - /*.Button_size_h32_auto;*/ - height: 24px; -} -.ui-dialog-buttonset button.ui-button:hover { - background-color: #B4B4B4; - color: #1E1E1E; -} -/*###########################################*/ -/*Dialog: calendar edit series*/ -div#ui-datepicker-div { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - border: 1px solid #B4B4B4; - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -} -.ui-datepicker-header { - background-color: transparent; -} -.ui-datepicker .ui-state-default { - border: none; - padding: 2px; - text-align: center; -} -.ui-datepicker .ui-state-highlight { - color: #1a1a1a; - font-weight: bold; -} -.ui-datepicker .ui-datepicker-close { - border: 1px solid #b4b4b4; -} -.ui-datepicker table.ui-datepicker-calendar .ui-state-active { - background-color: #0C5DA5; - color: #FFFFFF; -} -.ui-datepicker div.ui-timepicker-div { - padding: 3px; -} -.ui-datepicker div.ui-timepicker-div dt.ui_tpicker_time_label { - font-size: 0.9em; - margin-top: 6px; -} -.ui-datepicker div.ui-timepicker-div dd.ui_tpicker_time { - padding-left: 75px; - background-color: #ffc200; -} -.ui-datepicker div.ui-timepicker-div dd.ui_tpicker_time input { - font-size: 1.3em; -} -.ui-datepicker div.ui-timepicker-div dt.ui_tpicker_time_label { - font-size: 0.9em; -} -.ui-datepicker div.ui-timepicker-div dt.ui_tpicker_minute_label { - font-size: 0.9em; -} -.ui-datepicker div.ui-timepicker-div div.ui_tpicker_hour_slider span.ui-slider-handle { - background-color: #0C5DA5; - padding: 1px; - outline: none; -} -.ui-datepicker div.ui-timepicker-div div.ui_tpicker_minute_slider span.ui-slider-handle { - background-color: #0C5DA5; - padding: 1px; - outline: none; -} -.ui-datepicker div.ui-datepicker-buttonpane { - background-color: #679FD2; -} -.ui-datepicker button.ui-datepicker-current .ui-state-hover { - background-color: #b3e4a6 !important; -} -.ui-datepicker button.ui-datepicker-current .ui-state-hover:active { - background-color: #b3e4a6; -} -.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:active { - background-color: #b3e4a6; -} -.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:hover { - background-color: #ffdb7a !important; - color: #000000; -} -.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:active { - background-color: #fff0c7 !important; - color: #373737; -} -.ui-widget-overlay, -.ui-widget-shadow { - background-image: none; -} -/** - * EGroupware: Stylite Pixelegg template - * - * less file for magic suggest - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id$ - */ -.ms-ctn, -.ms-res-ctn { - /* It doesn't really work smaller than this */ - border: solid 1px #e6e6e6; -} -.ms-ctn .ms-res-item-active, -.ms-res-ctn .ms-res-item-active { - background-color: rgba(153, 204, 255, 0.4); -} -.ms-ctn .ms-trigger { - border-left: none; -} -/** - * EGroupware: CSS with less preprocessor - - * traditional.less - * included in pixelegg.less since 17/03/2014 - - - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id$ - */ -/* - font styling - allowed attributes: font-family,font-size,color,font-weight -*/ -/** - * layout_*.less files are Pixelegg template specific - */ -/** - * EGroupware: Stylite Pixelegg template - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id: pixelegg.less 3017 2014-04-15 08:35:38Z ralfbecker $ - - -## Important ########### - -# Merge file for all .less layout_ Files - - */ -/** - * EGroupware: Stylite Pixelegg template - * - * lettersearch - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $ - */ -/** - * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) - * http://cssreset.com - * fieldset legend - */ -/* html, body, div, span, applet, object, iframe, - h1, h2, h3, h4, h5, h6, p, blockquote, pre, - a, abbr, acronym, address, big, cite, code, - del, dfn, em, img, ins, kbd, q, s, samp, - small, strike, strong, sub, sup, tt, var, - b, u, i, center, - dl, dt, dd, ol, ul, li, - form, label, - table, caption, tbody, tfoot, thead, tr, th, td, - article, aside, canvas, details, embed, - figure, figcaption, footer, header, hgroup, - menu, nav, output, ruby, section, summary, - time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - }*/ -/* HTML5 display-role reset for older browsers */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -menu, -nav, -section { - display: block; -} -body { - line-height: 1; -} -ol, -ul { - /*list-style: none;*/ -} -blockquote, -q { - quotes: none; -} -blockquote:before, -blockquote:after, -q:before, -q:after { - content: ''; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -} -*::-webkit-input-placeholder { - color: #696969; -} -*:-moz-placeholder { - /* FF 4-18 */ - color: #696969; -} -*::-moz-placeholder { - /* FF 19+ */ - color: #696969; -} -*:-ms-input-placeholder { - /* IE 10+ */ - color: #696969; -} -iframe { - border: none; -} -html * { - font-size: 100%; -} -html { - margin: 0px !important; - padding: 0px !important; - width: 99.9% !important; - height: 99.9% !important; -} -body { - background-image: none; - background-color: #ffffff; - color: #000000; - margin: 0px !important; - padding: 0px !important; - width: 99.9%; - height: 99.9% !important; - font-size: 12px; - line-height: 1.28; - font-weight: normal; - overflow: hidden; -} -/** - * EGroupware: Stylite Pixelegg template - * - * Definitions for login page - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id$ - */ -@keyframes login-apps { - 0% { - transform: translateY(30px); - } - 60% { - transform: translateY(45px); - } - 100% { - transform: none; - } -} -/** - * 23.1 Login page with stock background image - */ -div#loginMainDiv.stockLoginBackground { - background-position-y: 100%; -} -div#loginMainDiv.stockLoginBackground div#divAppIconBar { - postion: relative; - top: 5%; -} -div#loginMainDiv.stockLoginBackground div#divAppIconBar div#divLogo { - position: relative; - left: -50px; -} -div#loginMainDiv.stockLoginBackground div#divAppIconBar div#divLogo div.login_logo_container { - height: 120px; -} -div#loginMainDiv.stockLoginBackground div#divAppIconBar div#divLogo div.login_logo_container div.login_logo { - width: 350px; - max-width: 350px; - background-size: 100%; -} -div#loginMainDiv.stockLoginBackground div#divAppIconBar div#loginScreenMessage { - font-weight: bold; - color: white; - font-family: egroupware, arial, helvetica, sans-serif; -} -div#loginMainDiv.stockLoginBackground div#centerBox form { - border: 1px solid gray; - border-radius: 0 !important; -} -#socialBox { - display: inline-block; - width: 100%; - margin-top: 8px; -} -#socialBox #socialMedia { - width: 210px; - margin: 0 auto; -} -#socialBox #socialMedia a { - margin: 5px; -} -#socialBox #socialMedia a:first-child img { - filter: none; -} -#socialBox #socialMedia a:last-child { - margin-right: 0; -} -#socialBox #socialMedia a img { - width: 24px; - filter: contrast(0.3); -} -/* ################################################################################## - * login page - */ -#loginMainDiv { - padding: 0; - height: 100%; - width: 100%; - border: none; - margin: 0 auto 0px; - background-color: white; - background-image: url(../../api/templates/default/images/login_background.jpg); - background-repeat: no-repeat; - background-position: 50% 50%; - background-size: cover; -} -#loginMainDiv .egw_message_wrapper { - box-shadow: 2px 1px 6px #bbbbbb; - -moz-box-shadow: 2px 1px 6px #bbbbbb; - -webkit-box-shadow: 2px 1px 6px #bbbbbb; - -khtml-box-shadow: 2px 1px 6px #bbbbbb; - min-width: 280px; - width: max-content; - margin: auto; - padding-top: 2px; - background-color: transparent; -} -#loginMainDiv .egw_message_wrapper #egw_message { - white-space: normal; - background-image: none; - border-left-width: 12px !important; - font-size: 9pt; -} -#loginMainDiv .egw_message_wrapper #egw_message:not(.error_message):not(.warning_message) { - display: none; -} -#loginMainDiv #divAppIconBar { - background: transparent; - width: 100%; - text-align: center; - height: 30%; - display: block; - max-height: 40%; -} -#loginMainDiv #divAppIconBar #divLogo { - position: relative; - padding-top: 20px; -} -#loginMainDiv #divAppIconBar #divLogo .login_logo_container { - width: 250px; - height: 150px; - max-height: 150px; - max-width: 250px; - margin: 0 auto; -} -#loginMainDiv #divAppIconBar #divLogo .login_logo_container .login_logo { - width: auto; - height: 100%; - background-size: contain; - background-repeat: no-repeat; - background-position: center; -} -#loginMainDiv #loginScreenMessage:not([class $= "error"]) { - margin: 1em; - font-size: 12pt; - color: #0a5ca5; -} -#loginMainDiv #loginScreenMessage:not([class $= "error"]) img { - max-width: 100%; -} -#loginMainDiv div#login_footer { - position: fixed; - bottom: 0; - display: inline-block; - right: 0; - width: 100%; - height: 40px; - background: #4177A2; - overflow-x: clip; -} -#loginMainDiv div#login_footer .apps { - width: 812px; - margin: 0 auto; - display: flex; - overflow: hidden; -} -#loginMainDiv div#login_footer .apps .app { - width: 30px; - height: 30px; - margin: 5px 1% auto 2%; - display: flex; -} -#loginMainDiv div#login_footer .apps .app:hover img.icon { - transform: scale(1.1); -} -#loginMainDiv div#login_footer .apps .app img.icon { - width: 30px; - filter: brightness(0) invert(1); - height: 30px; -} -#loginMainDiv div#login_footer .apps .app span { - display: none; -} -#loginMainDiv div#login_footer .apps .app[data-id="guacamole"] .content img.icon2-bg { - right: 15px; -} -#loginMainDiv div#login_footer .apps .tooltip { - display: inline-flex; - position: absolute; - text-align: left; - height: 34px; - width: 30px; - cursor: pointer; -} -#loginMainDiv div#login_footer .apps .tooltip .content { - min-width: 350px; - top: -10px; - left: 50%; - height: 190px; - max-height: 190px; - transform: translate(-50%, -100%); - padding: 10px 20px; - color: #444444; - background-color: #fafafa; - font-weight: normal; - font-size: 13px; - border-radius: 3px; - position: absolute; - z-index: 99999999; - box-sizing: border-box; - visibility: hidden; - opacity: 0; - transition: opacity 0.8s; - border: 1px solid #0d789f; - border-bottom: 6px solid #4177A2; - cursor: default; -} -#loginMainDiv div#login_footer .apps .tooltip .content img.icon-bg { - width: 35px; - position: absolute; - margin: 0 auto; - right: 15px; - top: 15px; -} -#loginMainDiv div#login_footer .apps .tooltip .content img.icon2-bg { - right: 55px; -} -#loginMainDiv div#login_footer .apps .tooltip .content img.icon3-bg { - right: 90px; -} -#loginMainDiv div#login_footer .apps .tooltip .content h3 { - height: 30px; - border-bottom: 1px solid #d9e4ed; -} -#loginMainDiv div#login_footer .apps .tooltip:hover .content { - visibility: visible; - opacity: 1; -} -#loginMainDiv div#login_footer .apps .tooltip:hover .content:hover { - visibility: visible; - opacity: 1; -} -#loginMainDiv div#login_footer .apps .tooltip .content .arrow { - width: 100%; - position: absolute; - left: 0; - bottom: -21px; - height: 15px; -} -#loginMainDiv div#login_footer .apps .tooltip .content .arrow::after { - content: ''; - position: absolute; - width: 9px; - height: 9px; - left: 50%; - transform: translate(-50%, -50%) rotate(45deg); - background-color: #4177A2; -} -#loginMainDiv div#centerBox { - margin: 0 auto -20px; - background: transparent; - border: none; - z-index: 100; - padding: 0; - width: 280px; - border-radius: 5px; -} -#loginMainDiv div#centerBox .egw_logo { - width: 24px; - height: 24px; - float: right; -} -#loginMainDiv div#centerBox .egw_logo a.logo_footer { - margin: auto; - width: 24px; - display: block; -} -#loginMainDiv div#centerBox .egw_logo a.logo_footer img { - height: 24px; - width: 24px; -} -#loginMainDiv div#centerBox form { - opacity: 0.94; - background-color: white; - padding: 1em; - border: 1px solid #cdcdce; - border-radius: 5px; -} -#loginMainDiv div#centerBox form .hiddenCredential { - display: none; -} -#loginMainDiv div#centerBox form table.divLoginbox { - background-color: transparent; - -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 10px; - -moz-border-radius: 3px; - -moz-border-radius-topleft: 10px; - border-radius: 3px; - border-top-left-radius: 10px; -} -#loginMainDiv div#centerBox form table.divLoginbox div.LoginPasswordImage { - background-color: #b3ad54; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZjMjAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNDA4REQyIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); - background-image: -moz-linear-gradient(top, #ffc200, #408DD2); - background-image: -ms-linear-gradient(top, #ffc200, #408DD2); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc200), to(#408DD2)); - background-image: -webkit-linear-gradient(top, #ffc200, #408DD2); - background-image: -o-linear-gradient(top, #ffc200, #408DD2); - background-image: linear-gradient(top, #ffc200, #408DD2); - background-repeat: repeat-x; -} -#loginMainDiv div#centerBox form table.divLoginbox div.LoginPasswordImage img.passwordImage { - margin: 0 auto; - max-width: 400px; - border-top: solid 1px 5px; - border-left: solid 1px #EEE; - border-right: solid 1px #EEE; - border-bottom: solid 1px #EEE; -} -#loginMainDiv div#centerBox form table.divLoginbox div.LoginPasswordImage img.passwordImage[src$="svg"] { - border-top: solid 1px 5px; - border-left: solid 1px #EEE; - border-right: solid 1px #EEE; - border-bottom: solid 1px #EEE; - width: 40px; - height: 40px; -} -#loginMainDiv div#centerBox form table.divLoginbox td { - font-size: 12pt; - position: relative; -} -#loginMainDiv div#centerBox form table.divLoginbox select { - padding-left: 25px; - width: 100%; - height: 42px; - border: none; - border-bottom: 1px solid silver; - border-radius: 0px; - background-color: transparent; -} -#loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] { - /*background-image: url(../../node_modules/bootstrap-icons/icons/task.png);*/ - background-repeat: no-repeat; - background-position-x: 0; -} -#loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row { - border-bottom: 1px solid silver; -} -#loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row span.remember_me { - color: #666666; - opacity: 1; -} -#loginMainDiv div#centerBox form table.divLoginbox select:focus, -#loginMainDiv div#centerBox form table.divLoginbox select:hover { - box-shadow: none; -} -#loginMainDiv div#centerBox form table.divLoginbox input { - width: calc(250px - 22px); - height: 40px; - padding: 0; - margin: 0; - border: none; - border-bottom: 1px solid silver; - padding-left: 25px; - background-color: transparent; - font-size: 100%; -} -#loginMainDiv div#centerBox form table.divLoginbox input:focus { - outline: none; -} -#loginMainDiv div#centerBox form table.divLoginbox span.field_icons { - position: absolute; - left: 0px; - width: 20px; - height: 20px; - background-size: 16px; - background-position: left center; - background-repeat: no-repeat; - top: 12px; - z-index: 100; - opacity: 0.5; -} -#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.username { - background-image: url(../../node_modules/bootstrap-icons/icons/person.svg); -} -#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.password { - background-image: url(../../node_modules/bootstrap-icons/icons/key.svg); -} -#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me { - background-image: none; - z-index: 0; - width: 230px; - padding-left: 31px; -} -#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain { - background-image: url(../../node_modules/bootstrap-icons/icons/globe2.svg); -} -#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.language { - background-image: url(../../node_modules/bootstrap-icons/icons/translate.svg); -} -#loginMainDiv div#centerBox form table.divLoginbox input[type="checkbox"] { - height: 25px; - margin-top: 7px; - width: auto; -} -#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"], -#loginMainDiv div#centerBox form table.divLoginbox select.onChangeSubmit { - background-color: #4177A2; - color: #ffffff; - font-size: 22px; - padding-left: 0; - width: 250px; - margin-top: 15px; -} -#loginMainDiv div#centerBox form table.divLoginbox select.onChangeSubmit { - padding-left: 25px; -} -#loginMainDiv div#centerBox form table.divLoginbox .registration { - font-size: 12px; -} -#loginMainDiv div#centerBox form table.divLoginbox .registration a:not(:first-child):before { - padding-left: 5px; - padding-right: 5px; - content: '|'; -} -#loginMainDiv div#centerBox form table.divLoginbox a.signup { - margin-top: 8px; - display: block; -} -#wrap div.animation_login { - margin: 0.3em; - position: fixed; - width: 100%; - bottom: 0; -} -#wrap img[src$="svg"], -#wrap background-image[url$="svg"] { - background-color: #679fd2; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNjc5RkQyIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjc5RkQyIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); - background-image: -moz-linear-gradient(top, #679FD2, #679FD2); - background-image: -ms-linear-gradient(top, #679FD2, #679FD2); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#679FD2), to(#679FD2)); - background-image: -webkit-linear-gradient(top, #679FD2, #679FD2); - background-image: -o-linear-gradient(top, #679FD2, #679FD2); - background-image: linear-gradient(top, #679FD2, #679FD2); - background-repeat: repeat-x; -} -#img1, -#img2, -#img3, -#img4, -#img5, -#img6, -#img7, -#img8 { - width: 12%; - z-index: -1; - animation-name: test; - animation-duration: 8s; - animation-iteration-count: infinite; - -webkit-animation-name: test; - -webkit-animation-duration: 8s; - -webkit-animation-iteration-count: infinite; - opacity: 0; -} -#img1 { - animation-delay: 0s; - -webkit-animation-delay: 0s; -} -#img2 { - animation-delay: 3s; - -webkit-animation-delay: 3s; -} -#img3 { - animation-delay: 6s; - -webkit-animation-delay: 6s; -} -#img4 { - animation-delay: 9s; - -webkit-animation-delay: 9s; -} -#img5 { - animation-delay: 12s; - -webkit-animation-delay: 12s; -} -#img6 { - animation-delay: 15s; - -webkit-animation-delay: 15s; -} -#img7 { - animation-delay: 18s; - -webkit-animation-delay: 18s; -} -#img8 { - animation-delay: 21s; - -webkit-animation-delay: 21s; -} -@-webkit-keyframes test { - 0% { - opacity: 0; - } - 50% { - opacity: 1; - } - 100% { - opacity: 0; - } -} -@keyframes test { - 0% { - opacity: 0; - } - 50% { - opacity: 1; - } - 100% { - opacity: 0; - } -} -@media only screen and (max-width: 1024px) and (min-width: 736px) { - #loginMainDiv #divAppIconBar #divLogo .login_logo_container { - height: 90px; - } -} -/** - * EGroupware: Stylite Pixelegg template - * - * lettersearch - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $ - */ -.egw_fw_ui_ajaxloader { - display: inline-block; - width: 16px; - height: 16px; - background-image: url(../../api/templates/default/images/ajax-loader.gif); - background-repeat: no-repeat; - background-position: center; - float: right; -} -.egw_fw_ui_tab_content > .loading { - background-image: url('../../api/templates/default/images/loading.svg'); - background-repeat: no-repeat; - text-align: center; - line-height: 400px; -} -/** - * EGroupware: Stylite Pixelegg template - * - * lettersearch - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $ - */ -/*########################################## -# Content Element # -# Button # -###########################################*/ -/*input,button,select -{ - border: solid 1px #bbbbbb; -}*/ -/*input[type=submit],input[type=button],input[type=reset],button,.egwbutton -{ - background-color:#b9d5e3; - border: outset 1px #b9d5e3; - margin: 1px; - padding: 1px; - cursor: pointer; - color: #004e7d; -}*/ -/*input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button:hover,.egwbutton:hover -{ - background-color:#94bfd4; - border: outset 1px #b9d5e3; - color: #004e7d; -}*/ -/*input[type=submit]:active,input[type=button]:active,input[type=reset]:active,button:active,.egwbutton:active -{ - border: inset 1px #bbbbbb; -}*/ -input[type=submit]:disabled, -input[type=button]:disabled, -input[type=reset]:disabled, -button:disabled, -.egwbutton:disabled { - background-color: rgba(12, 93, 165, 0.2); - color: gray; -} -button.et2_button_text background-image[src$="svg"], -input[type=button] background-image[src$="svg"] { - background-color: #b4b4b4; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); - background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4)); - background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: linear-gradient(top, #B4B4B4, #B4B4B4); - background-repeat: repeat-x; -} -button.et2_button_text:hover, -input[type=button]:hover { - /*background-color: @gray_30;*/ - text-shadow: 0px 0px; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -} -button.et2_button_text:active, -input[type=button]:active { - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -} -/* ######################################################################################## - * Content Element - * Button mit Bildern - * - ######################################################################################## */ -button.et2_button_with_image { - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - padding-left: 30px; - background-position: 6px center; - background-repeat: no-repeat; - background-size: 20px auto; - /*.Button_size_h32_auto;*/ - height: 24px; - background-repeat: no-repeat !important; - background-position: center; - background-size: 20px 20px; - background-color: #E6E6E6; -} -button.et2_button_with_image background-color[url$="svg"] { - background-color: #b4b4b4; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); - background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4)); - background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: linear-gradient(top, #B4B4B4, #B4B4B4); - background-repeat: repeat-x; -} -button.et2_button_with_image.et2_button_text { - background-position: 6px center; -} -/* ######################################################################################## - * Content Element - * Button löschen / delete / => color-negative-action // red - * - ######################################################################################## */ -input[type="submit"][id*="delete"], -input[type="button"][id*="delete"], -button[id="delete"], -button[id="infolog-edit_button[delete]"], -button[id="addressbook-edit_button[delete]"], -button[id="resources-edit_delete"], -button[id="calendar-edit_button[delete]"], -button[id="timesheet-edit_button[delete]"], -button[id="displayToolbar-delete"], -button.et2_button_delete { - /*background-color: @color_negative_action_hover !important;*/ - background-image: url('../../node_modules/bootstrap-icons/icons/trash3.svg'); - margin-left: 3em; - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - padding-left: 30px; - background-position: 6px center; - background-repeat: no-repeat; - background-size: 20px auto; - /*.Button_size_h32_auto;*/ - height: 24px; -} -input[type="submit"][id*="delete"]:hover, -input[type="button"][id*="delete"]:hover, -button[id="delete"]:hover, -button[id="infolog-edit_button[delete]"]:hover, -button[id="addressbook-edit_button[delete]"]:hover, -button[id="resources-edit_delete"]:hover, -button[id="calendar-edit_button[delete]"]:hover, -button[id="timesheet-edit_button[delete]"]:hover, -button[id="displayToolbar-delete"]:hover, -button.et2_button_delete:hover { - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - padding-left: 30px; - background-position: 6px center; - background-repeat: no-repeat; - background-size: 20px auto; - /*.Button_size_h32_auto;*/ - height: 24px; -} -input[type="submit"][id*="delete"]:active, -input[type="button"][id*="delete"]:active, -button[id="delete"]:active, -button[id="infolog-edit_button[delete]"]:active, -button[id="addressbook-edit_button[delete]"]:active, -button[id="resources-edit_delete"]:active, -button[id="calendar-edit_button[delete]"]:active, -button[id="timesheet-edit_button[delete]"]:active, -button[id="displayToolbar-delete"]:active, -button.et2_button_delete:active { - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - padding-left: 30px; - background-position: 6px center; - background-repeat: no-repeat; - background-size: 20px auto; - /*.Button_size_h32_auto;*/ - height: 24px; -} -/* ######################################################################################## - * Content Element - * Button edit + save + apply + copy => color-positive-action // green - * - ######################################################################################## */ -#passwordchange { - background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important; - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - padding-left: 30px; - background-position: 6px center; - background-repeat: no-repeat; - background-size: 20px auto; - /*.Button_size_h32_auto;*/ - height: 24px; -} -#passwordchange:hover { - background-color: #b3e4a6 !important; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -} -#passwordchange:active { - background-color: #b3e4a6 !important; - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -} -/* ######################################################################################## - * - * Button cancel / => color-cancel-action // yellow - * - ######################################################################################## */ -/* et2_box_widget ###*/ -/*div.et2_box_widget .et2_button_text:last_child,*/ -button[id="cancel"], -button#cancel { - background-image: url('node_modules/bootstrap-icons/icons/x-square.svg') !important; - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - padding-left: 30px; - background-position: 6px center; - background-repeat: no-repeat; - background-size: 20px auto; - /*.Button_size_h32_auto;*/ - height: 24px; - content: "ID missing"; -} -button[id="cancel"]:hover, -button#cancel:hover { - color: #000000; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -} -button[id="cancel"]:active, -button#cancel:active { - color: #000000; - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -} -#passwordcancel { - background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important; - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - padding-left: 30px; - background-position: 6px center; - background-repeat: no-repeat; - background-size: 20px auto; - /*.Button_size_h32_auto;*/ - height: 24px; -} -#passwordcancel:hover { - background-color: #ffdb7a !important; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -} -#passwordcancel:active { - background-color: #fff0c7 !important; - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -} -/* ######################################################################################## - * - * Button hinzufügen - * - ######################################################################################## */ -button.add { - color: #FFF; - text-shadow: none; - height: 24px; - /* height: auto;*/ - background-image: none; - -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 10px; - -moz-border-radius: 3px; - -moz-border-radius-topleft: 10px; - border-radius: 3px; - border-top-left-radius: 10px; -} -button.add:before { - content: "+"; - font-size: 1.5em; - color: #ffc200; - line-height: 1.1em; -} -button[id="add"] { - background-image: url('../../node_modules/bootstrap-icons/icons/plus-circle.svg') !important; - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - padding-left: 30px; - background-position: 6px center; - background-repeat: no-repeat; - background-size: 20px auto; - /*.Button_size_h32_auto;*/ - height: 24px; -} -/*Button Ende #######################################################*/ -/** - * EGroupware: Stylite Pixelegg template - * - * et2 Messages - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id$ - */ -/* @group Base */ -.chzn-container { - color: #808080; -} -/* @end */ -/* @group Single Chosen */ -.chzn-container-single .chzn-single div b { - background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg") !important; - background-size: 8px auto !important; - background-position: center; - background-repeat: no-repeat; -} -.chzn-container-single.chzn-with-drop .chzn-single div b { - background-image: url("../../node_modules/bootstrap-icons/icons/caret-up-fill.svg") !important; - background-size: 8px auto; - background-position: center; - background-repeat: no-repeat; -} -/* @end */ -/* @group Results */ -.chzn-container .chzn-results { - color: #808080; - margin: 0 4px 4px 0; - max-height: 240px; - padding: 0 0 0 4px; - position: relative; - overflow-x: hidden; - overflow-y: auto; - -webkit-overflow-scrolling: touch; -} -.chzn-container .chzn-results li { - color: #1E1E1E; -} -.chzn-container .chzn-results li.highlighted { - background: rgba(153, 204, 255, 0.4); - color: #000000; -} -/* @end */ -/* @group Multi Chosen */ -/* @end */ -/* @group Active */ -.chzn-container-active .chzn-choices li.search-field input { - color: #111 !important; - border: 1px solid rgba(0, 0, 0, 0.15); - border-color: #B4B4B4; - -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - width: auto; - /*margin: 0.5em 0em 0.5em 0;*/ - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -.chzn-container-active .chzn-choices li.search-field input:hover { - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -} -.chzn-container-active .chzn-choices li.search-field input:focus { - outline: 0; - border-width: 1px; - border-style: solid; - border-color: #B4B4B4; - -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); -} -/* @end */ -/* @group Disabled Support */ -/* @end */ -/* @group Right to Left */ -/* @end */ -/* @group Retina compatibility */ -/* @end */ -/** - * Egw customizations for Chosen widget - */ -.chzn-container-single .chzn-single { - border: 1px solid #e5e5e5; - border-radius: 3px; - background: none !important; - box-shadow: none !important; - color: #26537C; - height: 21px; - top: -2px; -} -.chzn-container-single .et2_country-select.chzn-single span { - display: inline-block; -} -.chzn-single.chzn-single-with-deselect.et2_country-select span.img { - top: -4px; - color: transparent; -} -.chzn-container-single.chzn-container-active.chzn-with-drop:hover { - transition: none; -} -/** - * EGroupware: Stylite Pixelegg template - * - * lettersearch - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $ - */ -/** -* Clientside Javascript error-log -*/ -#topmenu_info_error { - width: 16px; - cursor: pointer; -} -div.client_error_log { - max-height: 50ex; -} -div.client_error_log tbody { - vertical-align: top; -} -div.client_error_log tr.hidden td > div { - max-height: 2ex; - max-width: 40ex; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -div.client_error_log tr td.timestamp > div { - text-wrap: none; - white-space: normal; - width: 27ex; -} -div.client_error_log tr.hidden td.stack > div { - text-indent: 100%; -} -div.client_error_log tr td.stack > div { - white-space: pre; -} -/** - * EGroupware: CSS with less preprocessor - * - * Definitions for content-elements - * - * 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 Stefan Reinhardt - * @package pixelegg - * @version $Id$ - */ -/* ####################################################################################### -* -* -* Inhaltselemente -* -* -* ######################################################################################## -*/ -body, -textarea, -button { - font-family: egroupware, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} -#egw_fw_basecontainer { - position: fixed; - width: 100%; - height: 100%; - padding: 0px; - margin: 0px; - font-family: egroupware, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - background-color: #ffffff; -} -input { - /* .Complete_Button_input; - .basefontfamily; - &:hover{.Complete_Button_input_hover;} - &:focus{.Complete_Button_input_focus;}*/ -} -select, -.et2_selectbox.select-cat { - margin: 0; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -select:hover, -.et2_selectbox.select-cat:hover { - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -} -select:focus, -.et2_selectbox.select-cat:focus { - outline: 0; - border-width: 1px; - border-style: solid; - border-color: #B4B4B4; - -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); -} -:hover { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - -o-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -p { - font-size: 1em; -} -div.selectbox-wrapper ul { - list-style-type: none; - margin: 0px; - padding: 0px; -} -div.selectbox-wrapper ul li.selected { - background-color: #EAF2FB; -} -div.selectbox-wrapper ul li.current { - background-color: #CDD8E4; -} -div.selectbox-wrapper ul li { - list-style-type: none; - display: block; - margin: 0; - padding: 2px; - cursor: pointer; -} -select { - position: relative; - padding-right: 20px !important; - -webkit-appearance: none; - -moz-appearance: none; - margin: 0; - background: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; - background-size: 8px auto; - background-position-x: calc(100% - 8px); -} -select:active { - background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg) no-repeat center right; - background-size: 8px auto; - background-position-x: calc(100% - 8px); -} -/*IE has no appearance but we can remove arrows by ms-expand*/ -select::-ms-expand { - display: none; -} -select, -input, -button { - color: #000000; - /*font-size:99%;*/ - padding-top: 4px; - padding-bottom: 4px; - padding-right: 0; - border-width: 1px; - border-style: solid; - border-color: #E6E6E6; -} -a:link, -a:visited, -select, -input, -textarea { - color: #26537C; -} -a:link, -a:visited { - cursor: pointer; - color: #26537C; - text-decoration: none; -} -a:hover, -a:active { - cursor: pointer; - color: rgba(38, 83, 124, 0.6); - text-decoration: underline; -} -.divLoginboxHeader, -.divSideboxHeader, -a.appTitles, -.appTitles, -a.textSidebox, -.textSidebox, -#fmStatusBar { - font-size: 90%; -} -.prefSection { - font-weight: bold; - font-size: 145%; - line-height: 40px; -} -#divAppboxHeader { - line-height: 28px; - font-size: 125%; - font-weight: bold; - color: #666666; -} -#divGenTime, -#divPoweredBy { - font-size: 80%; - color: #ff0000; -} -#divPoweredBy { - color: #000000; -} -#sideboxdragarea { - z-index: 100; - position: absolute; - left: 0px; - top: 105px; -} -#menu2handle { - padding-top: 10px; -} -#menu1close { - position: absolute; - right: 7px; - top: 7px; -} -hr.clearer { - clear: both; - height: 20px; - width: 100%; - background-color: #ffc200; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - border: 1px solid #000000; -} -/** -* table_passord_change -*/ -table.table_passord_change { - margin: 1em; -} -table.table_passord_change tr { - height: 50px; -} -table.table_passord_change td:first-child { - padding-right: 4em; -} -/** - * EGroupware: Stylite Pixelegg template - * - * lettersearch - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $ - */ -div.dhtmlxMenu_egw_SubLevelArea_Polygon { - background: white; - border: 1px solid transparent; - border-radius: 2px; -} -div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_hk div.sub_item_hk { - color: #373f3f; -} -div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected { - background-color: hsl(200, 98%, 39%) !important; - background-image: none !important; -} -div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td.sub_item_icon img.sub_icon { - filter: invert(1) brightness(5); -} -div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td.sub_item_icon img[id$="filemanager"] { - filter: invert(0) brightness(5) !important; -} -div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected div.sub_item_text, -div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td.sub_item_hk div.sub_item_hk { - color: hsl(0, 0%, 100%); -} -div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_sep { - border-top: 1px solid #E6E6E6; -} -/** - * EGroupware: Stylite Pixelegg template - * - * dialog - - * define every dialog box in egw - * even popup or jquery - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id$ - */ -div#popupMainDiv { - padding: 8px; - background-color: #FFFFFF; - background-repeat: repeat-x; - overflow: auto; -} -div#popupMainDiv > * { - margin: 0px; -} -form.et2_container { - padding: 0; -} -form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input { - margin: 4px 5px 4px 0; - -webkit-border-top-right-radius: 3px; - -webkit-border-bottom-right-radius: 3px; - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - -moz-border-radius-topright: 3px; - -moz-border-radius-bottomright: 3px; - -moz-border-radius-bottomleft: 3px; - -moz-border-radius-topleft: 3px; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; - /*.background-clip(padding-box);*/ -} -form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker { - background-image: url("../../node_modules/bootstrap-icons/icons/calendar3.svg"); -} -form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker:hover { - cursor: pointer; -} -form.et2_container div table.et2_grid tbody tr td .et2_tabbox .et2_tabs table.et2_grid { - background-color: #ffffff; -} -.high { - border-top: 5px solid #E6E6E6; - border-bottom: 5px solid #E6E6E6 !important; -} -/*Main div*/ -table.dialog-main-view { - width: 100%; -} -/*########################################### -# # -# dialogHeader app-img # -############################################# -# # -# dialogHeader2 # -############################################# -# # -# dialogHeader3 # -############################################# -# # -# dialogHeader4 # -############################################# -# # -# # -# # -# # -# # -# main + tabs # -# # -# # -############################################# -# dialogOperators # -############################################# -# # -# button | button | button delete # -##############################################*/ -/*** dialogHeader on a box not table ***/ -/********** Header Part ********************/ -.dialogHeader { - color: #000000; - border-bottom: 2px solid #696969; -} -.dialogHeader input[type="radio"], -.dialogHeader input.et2_radiobox { - -webkit-appearance: none; - border: none; -} -.dialogHeader table.et2_grid { - border-top: none; -} -.dialogHeader table.et2_grid .th { - background-color: #0C5DA5 !important; -} -.dialogHeader table.et2_grid tr { - height: 30px; -} -.dialogHeader table.et2_grid td { - padding: 0px 0px 0px 3px; - color: #000000; -} -.dialogHeader table.et2_grid table.et2_grid label.et2_label span.et2_selectbox li { - float: left; -} -.dialogHeader input.et2_textbox { - font-size: 1.3em; -} -.dialogHeader .et2_label { - color: #000000; - vertical-align: middle; - padding: 0px 0px 0px 0px !important; - /*margin-right: 57px;*/ - margin: 0px important; - font-size: 1em; - text-align: right; -} -.dialogHeader td.space span img { - background: #FFFFFF; - border: 2px solid #FFFFFF; - /*filter grey*/ - filter: url("data:image/svg+xml;utf8,#grayscale"); - /* Firefox 10+, Firefox on Android */ - -webkit-filter: grayscale(100%); - -moz-filter: grayscale(100%); - -ms-filter: grayscale(100%); - -o-filter: grayscale(100%); - filter: grayscale(100%); - /*filter: url(grayscale.svg); Firefox 4+ */ - filter: gray; - /* IE 6-9 */ -} -/********** Header Row2 - 4 ********************/ -tr.dialogHeader2, -tr.dialogHeader3, -tr.dialogHeader4 { - vertical-align: middle; -} -tr.dialogHeader2 .et2_label, -tr.dialogHeader3 .et2_label, -tr.dialogHeader4 .et2_label { - color: #1a1a1a; - vertical-align: middle; - font-size: 1em; -} -/************* Tabs *********************************/ -/** - * Tabs widget - */ -.et2_tabheader { - padding-left: 0em; - margin: 0; - background-image: none; - background-color: #FFFFFF; -} -.et2_tabheader :first-child { - margin-left: 0px; -} -.et2_tabflag { - border: none; -} -.et2_tabflag, -.etemplate_tab > div, -.etemplate_tab_active > div { - margin: 1em 5px -1px 0; - padding: 4px; - background-color: white; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - min-width: 73px; - border-bottom: 3px solid #E6E6E6; - margin-bottom: -3px; -} -.et2_tabflag:hover, -.etemplate_tab > div:hover, -.etemplate_tab_active > div:hover { - background-color: rgba(153, 204, 255, 0.4); - border: none; - border-bottom: 3px solid #696969; - border-top-left-radius: 5px; - border-top-right-radius: 5px; -} -td.etemplate_tab_active.th { - background-color: transparent; -} -.et2_tabflag.active, -.etemplate_tab_active > div { - border-spacing: 0px; - background-color: white; - color: #000000; - border-bottom: 3px solid #696969; - margin-bottom: -3px; -} -.et2_tabflag.active:hover, -.etemplate_tab_active > div:hover { - color: #000000; - background-color: white; -} -.et2_tabs, -.tab_body { - border: none; - border-bottom: 1px solid #E6E6E6; - border-top: 1px solid #E6E6E6; - padding: 5px; - background-color: #FFFFFF; - margin-bottom: 11px; - margin-top: 3px; - padding-top: 15px; -} -.tab_body { - border-top-width: 1px; -} -.tab_body img { - /*filter grey*/ - /*filter grey*/ - filter: url("data:image/svg+xml;utf8,#grayscale"); - -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - /*filter: url(grayscale.svg); Firefox 4+ */ - filter: gray; - /* IE 6-9 */ -} -div#etemplate\.tab_widget { - margin-bottom: 11px; -} -/************* Main **********************************/ -.dialogMainTimeframe div { - min-height: 100px; -} -/********** Operators *******************************/ -/*############################################# -# dialogOperators # -#############################################*/ -.dialogOperators { - border-top: 0px solid #E6E6E6; - border-bottom: 0px solid #E6E6E6; -} -.dialogOperators td { - padding: 2px 2px; -} -.dialogOperators .et2_label { - margin-left: 6px; - display: inline-block; -} -/********** Footer *******************************/ -/*#############################################*/ -/*# Toolbar #*/ -/*# button | button | button delete #*/ -/*##############################################*/ -.dialogFooterToolbar { - background-color: transparent; - border-top: 2px solid #696969; - /*.et2_selectbox {height: 32px; top: 0px; font-size: 1em;}*/ -} -.dialogFooterToolbar td { - padding: 5px 5px 0px 0px; -} -.dialogFooterToolbar button { - min-width: 86px; - height: 24px; - border-radius: 3px; - border: 1px solid silver; -} -.dialogFooterToolbar button:hover { - height: 24px; -} -.dialogFooterToolbar button:action { - height: 24px; -} -.dialogFooterToolbar button[id="addressbook-edit_button[delete]"] { - float: right; -} -.dialogFooterToolbar div.et2_hbox { - white-space: normal; -} -.dialogFooterToolbar div.et2_box_widget { - white-space: nowrap; -} -.dialogFooterToolbar label.et2_label { - white-space: nowrap; -} -.dialogFooterToolbar input.et2_checkbox { - top: 0px; -} -/*Dialog Calendar - Resourcen suchen*/ -div#divMain { - padding: 1em; -} -div#divMain img { - width: 16px; - height: 16px; -} -div#divMain input[type*="image"] { - width: 16px; - height: 16px; -} -/** - * admin - site configuration - */ -div.admin-config form > table { - width: 100%; - padding: 5px; -} -div.admin-config form > table tr.th td { - font-size: 110%; - font-weight: bold; - padding-top: 5px; - padding-bottom: 5px; -} -div.admin-config form > table td { - padding-left: 5px; - border-bottom: 1px solid #e0e0e0; -} -div.admin-config form > table td b { - font-weight: bold; -} -/** - * Styles for different egw_message-types - */ -.success_message, -.warning_message, -.error_message { - font-weight: normal; - text-align: left; - margin-left: 5px; - padding-left: 20px; - white-space: pre-wrap; -} -.warning_message { - border-left: 24px solid rgba(255, 204, 0, 0.5) !important; - background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-triangle.svg); -} -.error_message { - border-left: 24px solid rgba(204, 0, 51, 0.5) !important; - background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-circle.svg); -} -.info_message { - background-image: url(../../node_modules/bootstrap-icons/icons/info-circle.svg); -} -.info_message .discard { - float: right; - margin-top: 4px; -} -.success_message { - background-image: url(../../node_modules/bootstrap-icons/icons/check-lg.svg); -} -/** - * Message in popup - */ -body .egw_message_wrapper.isPopup { - top: 0px; - bottom: auto; - overflow-y: unset; - right: 33% !important; - max-width: unset; - min-width: unset; -} -body .egw_message_wrapper { - background-color: #d9d9d9; - right: 11px !important; - max-width: 40%; - min-width: 40%; - box-shadow: 2px 3px 13px #666666; - -moz-box-shadow: 2px 3px 13px #666666; - -webkit-box-shadow: 2px 3px 13px #666666; - -khtml-box-shadow: 2px 3px 13px #666666; - bottom: 10px; - max-height: 60%; - overflow-y: auto; - z-index: 100000; -} -body .egw_message_wrapper > div:last-child { - margin-bottom: 0px !important; -} -body .egw_message_wrapper div#egw_message { - background-color: #fafafa; - position: relative; - padding: 13px; - padding-left: 20px; - padding-right: 40px; - min-width: 130px; - margin: 0px auto 2px 0px; - white-space: pre-wrap; - border-left: 24px solid rgba(51, 204, 102, 0.5); - display: block; - background-position: -19px; - background-size: 16px; - background-repeat: no-repeat; -} -body .egw_message_wrapper div#egw_message span.close { - float: right; - height: 20px; - width: 20px; - position: absolute; - background: #d0cdcdb5; - right: 10px; - top: 10px; - background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); - background-size: 12px; - background-repeat: no-repeat; - background-position: center; - border-radius: 50%; - cursor: pointer; -} -body .egw_message_wrapper div#egw_message span.close:hover { - filter: invert(1); -} -/** - * Less-file for egroupware - * Definitionen Layout - * Raster - * - * Version 08.2013 - * Author Stefan Reinhardt, Wolfgang Ott - * - */ -/* ################################################# -* FOOTER -* ################################################## -*/ -#egw_fw_footer { - position: fixed; - bottom: 0px; - width: 50%; - text-align: left; - padding: 3px; - clear: both; - opacity: 1; - z-index: 100; - color: #828282; -} -#egw_fw_footer a { - color: #696969; -} -#egw_fw_footer:hover { - opacity: 0.1; - transition: opacity 0.5s ease-out; - -moz-transition: opacity 0.5s ease-out; - -webkit-transition: opacity; -} -/** - * EGroupware: Stylite Pixelegg template - * - * lettersearch - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $ - */ -h1 { - font-size: 200%; - /*line-height: 330%;*/ - margin: 0.4em 0 0; - font-weight: normal; -} -.headline_h1 { - font-size: 200%; - /*line-height: 330%;*/ - margin: 0.4em 0 0; -} -h2 { - font-size: 150%; - /*line-height: 270%;*/ - margin: 0.6em 0 0; -} -.headline_h2 { - font-size: 150%; - /*line-height: 270%;*/ - margin: 0.6em 0 0; - font-weight: lighter; -} -h3 { - font-size: 130%; - /*line-height: 220%;*/ - margin: 0.8571em 0 0; -} -.headline_h3 { - font-size: 130%; - /*line-height: 220%;*/ - margin: 0.8571em 0 0; -} -h3 a { - color: #999999; -} -h4 { - font-size: 110%; - /*line-height: 160%;*/ - margin: 1.125em 0 0; -} -.headline_h4 { - font-size: 110%; - /*line-height: 160%;*/ - margin: 1.125em 0 0; -} -h5 { - font-size: 100%; - /*line-height: 110%;*/ - margin: 1.2857em 0 0; -} -.headline_h5 { - font-size: 100%; - /*line-height: 110%;*/ - margin: 1.2857em 0 0; -} -h6 { - font-size: 100%; - font-weight: bold; - /*line-height: 100%;*/ - margin: 1.5em 0 0; -} -.headline_h6 { - font-size: 100%; - font-weight: bold; - /*line-height: 100%;*/ - margin: 1.5em 0 0; -} -/** - * EGroupware: Stylite Pixelegg template - * - * lettersearch - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id$ - */ -table.nextmatch_lettersearch { - margin-bottom: 6px; -} -.lettersearch { - border: 1px solid #E6E6E6; - background: #f8f8f8; - text-align: center; - cursor: pointer; -} -.lettersearch:hover { - background-color: #b3b3b3 !important; - color: #ffffff; -} -.lettersearch_active { - border: 1px solid #E6E6E6; - background: #f8f8f8; - text-align: center; - cursor: pointer; - background-color: #b3b3b3 !important; - font-weight: bold; -} -td.lettersearch { - background-image: none; - width: 3%; -} -/*.nextmatch_header table { - border: none !important; - width: 99% !important; -}*/ -/** - * EGroupware: CSS with less preprocessor - * - * et2 Messages - * - * 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 Stefan Reinhardt - * @package pixelegg - * @version $Id$ - */ -#egwpopup { - top: 46px; - right: 0px !important; - left: auto !important; - height: calc(100% - 69px); - width: 277px !important; - position: absolute; - background: white; - border: 1px solid silver; - border-top: none; - border-bottom: none; - padding: 1em; - /*Button*/ -} -#egwpopup input#egwpopup_ok_button, -#egwpopup button#desktop_perms { - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - height: 24px; - padding: 0 5px; -} -#egwpopup input#egwpopup_ok_button:hover, -#egwpopup button#desktop_perms:hover { - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - background-color: inherit; -} -#egwpopup input#egwpopup_ok_button:active, -#egwpopup button#desktop_perms:active { - background-color: #b3e4a6 !important; -} -#egwpopup #egwpopup_list::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); - background-color: #fafafa; -} -#egwpopup #egwpopup_list::-webkit-scrollbar { - width: 4px; - background-color: #fafafa; -} -#egwpopup #egwpopup_list::-webkit-scrollbar-thumb { - background-color: #6a6f71; -} -#egwpopup #egwpopup_list { - overflow-y: auto; - height: calc(100% - 52px); -} -#egwpopup #egwpopup_list .egwpopup_time_label { - width: 100%; - color: #fafafa; - text-align: center; - font-style: italic; - opacity: 0.5; - font-size: 10pt; - background: #255ea5; - font-weight: bold; -} -#egwpopup #egwpopup_list span.egwpopup_delete { - display: inline-block; - float: right; - width: 24px; - height: 24px; - background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); - background-repeat: no-repeat; - background-position: center; - background-size: 12px; - cursor: pointer; -} -#egwpopup #egwpopup_list .egwpopup_mark { - display: inline-block; - float: right; - width: 10px; - height: 10px; - border: 1px solid #b9436c; - border-radius: 50%; - margin: 7px; - background: #b9436c; - cursor: pointer; -} -#egwpopup #egwpopup_list .egwpopup_message { - height: auto; - overflow: hidden; - padding: 10px; - background-color: #fafafa; - margin-bottom: 5px; -} -#egwpopup #egwpopup_list .egwpopup_message:hover { - background-color: rgba(103, 159, 210, 0.2); -} -#egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_inner_container { - height: 63px; - overflow: hidden; -} -#egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_inner_container a { - max-width: 60em; - display: inline-block; - overflow-wrap: break-word; - vertical-align: text-top; -} -#egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_top_toolbar { - display: inline-block; - width: 100%; -} -#egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_top_toolbar .egwpopup_message_date { - float: left; - color: #767676; -} -#egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_top_toolbar .egwpopup_message_open { - display: inline-block; - float: right; - width: 24px; - height: 24px; - background-image: url(../../node_modules/bootstrap-icons/icons/search.svg); - background-repeat: no-repeat; - background-position: center; - background-size: 12px; - cursor: pointer; -} -#egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_top_toolbar .egwpopup_collapse { - display: none; -} -#egwpopup #egwpopup_list .egwpopup_message .egwpopup_actions_container { - text-align: center; -} -#egwpopup #egwpopup_list .egwpopup_message .egwpopup_actions_container > button { - height: 24px; - width: 80px; - border: none; - background: #e6e6e6; - background-size: 16px; - background-position: 12px center; - background-repeat: no-repeat; - padding-left: 26px; -} -#egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_more_info { - color: #767676; - padding-top: 5px; - padding-bottom: 5px; -} -#egwpopup #egwpopup_list .egwpopup_message span.egwpopup_nav_prev, -#egwpopup #egwpopup_list .egwpopup_message span.egwpopup_nav_next { - display: none; -} -#egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded { - position: fixed; - top: 85px; - height: calc(100% - 130px); - left: 20vw; - width: 60vw; - box-shadow: 0 0 40px #666; - overflow: auto; -} -#egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded:hover { - background-color: #fafafa; -} -#egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded .egwpopup_message_inner_container { - height: calc(100% - 62px); - overflow: auto; -} -#egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded .egwpopup_collapse { - float: right; - width: 24px; - height: 24px; - background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); - background-repeat: no-repeat; - background-position: center; - background-size: 12px; - cursor: pointer; - display: inline-block; -} -#egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded .egwpopup_message_more_info { - display: none; -} -#egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded span.egwpopup_nav_prev { - display: inline-block; - float: right; - width: 24px; - height: 24px; - background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg); - background-repeat: no-repeat; - background-position: center; - background-size: 16px; - cursor: pointer; -} -#egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded .egwpopup_nav_disable { - opacity: 0.5; - pointer-events: none; -} -#egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded span.egwpopup_nav_next { - display: inline-block; - float: right; - width: 24px; - height: 24px; - background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg); - background-repeat: no-repeat; - background-position: center; - background-size: 16px; - cursor: pointer; -} -#egwpopup #egwpopup_list .egwpopup_message_seen .egwpopup_mark { - cursor: auto; - background: none; - border-color: #666c6e; -} -#egwpopup #egwpopup_list .egwpopup_message_clone { - border: 2px dashed silver; - opacity: 0.3; - height: 125px; -} -#egwpopup div#egwpopup_header { - font-size: 16px; - color: silver; - text-align: center; - padding: 15px; -} -#egwpopup div#egwpopup_header .egwpopup_seenall { - float: right; - width: 10px; - height: 10px; - border: 1px solid silver; - border-radius: 50%; - cursor: pointer; - margin: 4px 0px 0px 0px; -} -#egwpopup div#egwpopup_header .egwpopup_seenall:hover { - border-color: gray; - background: rgba(103, 159, 210, 0.2); -} -#egwpopup div#egwpopup_header .egwpopup_deleteall { - background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); - width: 12px; - height: 12px; - background-position: center; - background-size: 12px; - float: right; - background-repeat: no-repeat; - margin-right: 15px; - margin-top: 4px; - cursor: pointer; - display: inline-block; - opacity: 0.5; -} -#egwpopup div#egwpopup_header .egwpopup_deleteall:hover { - opacity: 1; -} -/*popup Messsage*/ -div#egwpopup_message { - background-color: #FFFFFF; - padding: 1em; - overflow-y: auto; -} -#msg, -.message { - color: var(--error-color); - font-style: italic; - background: #FFFFFF; -} -.egw_fw_ui_app_header_container { - height: auto; - display: none; -} -.egw_fw_ui_app_header_container .egw_fw_ui_app_header { - padding: 1px 0 0 0; - font-weight: normal; - color: silver; - overflow: hidden; - height: 15px; - visibility: hidden; -} -.colselection.ui-widget-content { - width: 45%; - height: auto; -} -.colselection.ui-widget-content .et2_selectbox { - height: calc(100% - 68px); -} -.colselection.ui-widget-content .et2_selectbox .ui-multiselect-checkboxes { - height: calc(100% - 68px) !important; -} -/*Calendar ##############*/ -td.message { - background-color: #E6E6E6 !important; - height: 0px; - padding: 0px; -} -td.message span.message { - height: 35px; - border-bottom: 2px solid #E6E6E6; - color: red; - background: #E6E6E6; - height: auto; - width: 100%; -} -.button_right_toggle { - height: 32px; - width: 32px; - cursor: pointer; - position: relative; - margin-top: 1px; - margin-left: -20px; - float: left; -} -.button_right_toggle:after { - content: ""; - position: absolute; - left: 13px; - top: 5px; - width: 10px; - height: 2px; - background-color: silver; - backface-visibility: hidden; - border-radius: 6px; - transform: rotate(145deg) translate(8px, -1px); - -ms-transform: rotate(145deg) translate(8px, -1px); - -moz-transform: rotate(145deg) translate(8px, -1px); - -webkit-transform: rotate(145deg) translate(8px, -1px); -} -.button_right_toggle:before { - content: ""; - position: absolute; - left: 0px; - top: 0px; - width: 10px; - height: 2px; - background-color: silver; - backface-visibility: hidden; - border-radius: 6px; - transform: rotate(45deg) translate(8px, -2px); - -ms-transform: rotate(45deg) translate(8px, -2px); - -moz-transform: rotate(45deg) translate(8px, -2px); - -webkit-transform: rotate(45deg) translate(8px, -2px); -} -.button_right_toggle:hover:before, -.button_right_toggle:hover:after { - background-color: gray; -} -/** - * EGroupware: Stylite Pixelegg template - * - * lettersearch - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $ - */ -/*z.b. Dateimanager overlay*/ -span.iconOverlayContainer { - margin: 2px 5px 2px 2px; - position: relative; - -moz-user-select: none; - -khtml-user-select: none; - user-select: none; - overflow: visible; - display: inline-block; -} -span.overlayContainer { - position: absolute; - right: -2px; - bottom: -2px; - vertical-align: bottom; - text-align: right; -} -span.iconContainer { - display: inline-block; - padding: 0; - margin: 0; - text-align: center; -} -span.overlayContainer img.overlay { - position: relative; - top: 1px; - margin: 0; - padding: 0; - height: 9px; - width: 11px; -} -.et2_link_list span.overlayContainer img.overlay { - height: 9px !important; - width: 9px !important; -} -/** - * EGroupware: Stylite Pixelegg template - * - * Definitions for layout and raster - * - * 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 Stefan Reinhardt - * @package pixelegg - * @version $Id$ - */ -/* ################################################# - * Basecontainer - * ################################################# - */ -.egw_fw_content_browser_iframe, -#divMainView { - margin: 0; -} -.egw_fw_content_browser_iframe body, -#divMainView body { - background-color: #ffffff; -} -.egwGridView_scrollarea { - width: 100%; - overflow-x: hidden; -} -/** - * allow to use Api\Framework::bodyClass('scrollVertical'); to enable scrolling of body - */ -body.scrollVertical { - overflow-y: auto; -} -/** - * EGroupware: Stylite Pixelegg template - * - * Definitions for layout and raster - * - * 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 Stefan Reinhardt - * @package pixelegg - * @version $Id: layout_raster.less 3170 2014-07-16 11:24:38Z pixelegg $ - */ -/* - Created on : 23.07.2014, 13:25:11 - Author : stefanreinhardt -*/ -#egw_fw_header { - width: 100%; - float: left; - position: absolute; - border-bottom: 1px solid silver; - /* Logo EGW or Company - left top*/ - /* ########################################################################################################################################### - Topmenu / Home / Einstellungen / Zugriff / Kategorien usw.. - ########################################################################################################################################### -*/ -} -#egw_fw_header #egw_divLogo { - float: left; - max-width: 220px; - display: block; - margin-left: 63px; - text-align: center; - height: 45px; -} -#egw_fw_header #egw_divLogo img { - max-width: 210px; - border: none; - height: 42px; -} -#egw_fw_header #egw_fw_topmenu ul, -#egw_fw_header #egw_fw_topmenu > * > ul > li, -#egw_fw_header .topmenu_info_item, -#egw_fw_header #egw_fw_topmenu_items, -#egw_fw_header #egw_fw_topmenu_info_items { - display: inline; -} -#egw_fw_header #egw_fw_topmenu { - position: absolute; - display: none; - right: 5px; - width: 241px; - z-index: 1001; - top: 46px; - background: white; - box-shadow: 0 2px 8px hsla(240, 3.8%, 46.1%, 0.12); - border: 1px solid hsl(240, 6%, 90%); -} -#egw_fw_header #egw_fw_topmenu a.powered_by { - width: calc(100% - 20px); - display: inline-block; - padding: 10px; - font-size: 7pt; - background-color: #fbfbfb; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_info_items { - display: inline-block; - background: white; - float: right; - height: auto; - padding-left: 10px; - border-top: 1px solid silver; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_info_items .topmenu_info_item { - overflow: visible; - display: inline-block; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_info_items .topmenu_info_item:nth-child(2) { - margin-top: 0; - font-size: 1em; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_info_items .topmenu_info_item:nth-child(3) { - position: relative; - top: 0px; - padding-left: 3px; - display: inline-block; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items { - padding-top: 14px; - width: 100%; - display: block; - float: right; - background: white; - height: auto; - z-index: 1000; - top: 45px; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items et2-image { - font-size: 120%; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select { - width: auto; - margin-left: 10px; - margin-right: 10px; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item::part(checked-icon) { - border-radius: 50%; - width: 12px; - height: 12px; - margin-top: 5px; - margin-right: 5px; - visibility: visible; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item[value="online"]::part(checked-icon) { - background: #2de0a5; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item[value="away"]::part(checked-icon) { - background: #ffd21f; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item[value="busy"]::part(checked-icon) { - background: #f5455c; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item[value="offline"]::part(checked-icon) { - background: #cbced1; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn a.chzn-single span { - padding-top: 0px; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result { - color: #000000; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result:hover { - color: #000000; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result span:before { - content: ' '; - width: 12px; - height: 12px; - display: inline-block; - border-radius: 50%; - margin-right: 4px; - vertical-align: text-bottom; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="0"] span:before { - background: #2de0a5; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="1"] span:before { - background: #ffd21f; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="2"] span:before { - background: #f5455c; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="3"] span:before { - background: #cbced1; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul { - width: 100%; - padding: 0px; - display: inline-grid; - /*Home*/ -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li { - color: #FFFFFF; - padding: 8px 10px; - border-top: #E6E6E6; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:hover { - background: hsl(200, 98%, 39%); - color: hsl(0, 0%, 100%); -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:hover a { - filter: invert(1) brightness(5); -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a { - color: #000000; - text-decoration: none; - line-height: 1.9em; - display: inline-block; - width: 100%; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover { - text-decoration: none !important; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:first-child :before { - border: none; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a { - background-size: 20px; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items .timezone span { - width: 100%; - text-align: center; - display: inline-block; - background-color: #fafafa; - padding: 5px 0px 5px 0px; -} -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items .timezone select { - width: calc(100% - 20px); - margin-left: 10px; -} -/* ################################################### - Slide Effekt - ###################################################*/ -#egw_fw_topmenu_slide { - width: auto; - text-align: center; - height: 15px; - float: left; - position: fixed; - left: 194px; -} -/*ICON List*/ -#egw_fw_topmenu_slide.slidedown { - background-image: url("../../node_modules/bootstrap-icons/icons/list.svg"); - background-position: center center; - height: 15px; - width: 15px; - display: block; - margin-left: 5px; - margin-top: 10px; - background-size: 15px 15px; - float: left; - position: relative; - left: -5px; - cursor: pointer; -} -/*Icon ARROW UP*/ -#egw_fw_topmenu_slide.slideup { - background-image: url("../../api/templates/default/images/slideup.png"); - background-position: center center; - height: 15px; - width: 15px; - display: block; - margin-top: -36px; - margin-left: 40px; - cursor: pointer; -} -#slidetoggle { - width: 20px; - height: 20px; - display: block; -} -/** - * EGroupware: Stylite Pixelegg template - * - * Definitions for layout and raster - * - * 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 Stefan Reinhardt - * @package pixelegg - * @version $Id: layout_raster.less 3170 2014-07-16 11:24:38Z pixelegg $ - */ -/* - Created on : 23.07.2014, 13:25:11 - Author : stefanreinhardt -*/ -/* ################################################################################################## -* Main -// ################################################################################## -// ## egw_divLogo ## Toggle up / down | egw_fw_topmenu # -// ## ## # -// ################################################################################## -// ## ## # -// ## ## # -// ## ## # -// ## ## # -// ## ## # -// ## SIDEBAR ## MAIN # -// ## ## #egw_fw_main # -// ## ## # -// ## ## # -// ## ## # -/* ##################################################################################################### -*/ -#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header { - padding-left: 235px; -} -#egw_fw_main { - padding: 0; - width: auto; - position: relative; - z-index: 1; -} -#egw_fw_main #egw_fw_tabs { - position: relative; - background-color: transparent; - float: left; - width: 100%; -} -#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header { - margin: 0px 0 0 0; - padding: 0px 250px 0px 60px; - background-position: bottom; - background-repeat: repeat-x; - background-color: transparent; - height: 39px; - align-items: baseline; - /*active Tabs*/ -} -#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header h1 { - display: inline; - width: 100%; - text-align: center; - -webkit-margin-before: 0; - -webkit-margin-after: 0; -} -#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header img { - text-align: center; - float: none; - margin: 0 auto; - width: 16px; - height: 16px; -} -#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header { - padding-left: 0; - position: relative; - display: inline-block; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - padding: 0px 5px 0px 0px; - cursor: pointer; - background-repeat: repeat-x; - height: 100%; - max-width: 200px; -} -#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header .notifyTabDiv { - position: absolute; - background-color: #c14343; - bottom: 5px; - height: 17px; - left: 0%; - color: #fff9fb; - border: 2px solid #ffffff; - text-align: center; - border-bottom: 0; - border-radius: 50%; - white-space: nowrap; - line-height: 16px; - width: 17px; - font-weight: bold; -} -#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header .notifyTabDiv:hover { - background-color: #1E1E1E; -} -#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover:not(.egw_fw_ui_tab_header_active) { - background-color: rgba(153, 204, 255, 0.4); - padding-bottom: 0px; - border-top: 7px solid transparent; - transition: none; - width: -webkit-fill-available; - width: -moz-available; - max-width: fit-content !important; -} -#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover .egw_fw_ui_tab_close_button { - top: 0px; - background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); -} -#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 { - font-size: 12px; - line-height: 1em; - margin: 0 15px 2px 2px; - vertical-align: text-top; -} -#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon { - display: inline-block; - width: 16px; - height: 16px; - margin: 5px 1px 0 1em; - /*filter grey*/ - filter: url("data:image/svg+xml;utf8,#grayscale"); - -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - /*filter: url(grayscale.svg); Firefox 4+ */ - filter: gray; - /* IE 6-9 */ -} -#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active { - border-left: 1px solid #bfc0bf; - border-right: 1px solid #bfc0bf; - border-bottom: 4px solid white !important; - border-top: 4px solid transparent; - width: -webkit-fill-available; - width: -moz-available; - max-width: fit-content !important; - background-color: #ffffff; - background-image: none !important; -} -#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active:hover { - background-color: #ffffff; - padding-top: 0px; -} -#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active:hover .egw_fw_ui_tab_close_button { - top: 2px; -} -#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon { - padding-top: 3px; - display: inline-block; - width: 16px; - height: 16px; -} -@media screen { - #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header { - display: flex; - } -} -#egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button { - right: 3px; - top: 3px; - display: inline-block; - width: 12px; - height: 12px; - margin-left: 0px; - background-repeat: no-repeat; - background-position: center; - background-size: 6px 6px; - position: absolute; -} -#egw_fw_main .egw_fw_ui_tab_header_hover { - background-color: rgba(153, 204, 255, 0.4); -} -#egw_fw_main .egw_fw_ui_tab_content { - width: 100%; - padding: 0px; - margin: 0; - overflow-x: hidden; - overflow-y: hidden; - margin-top: 0.8em; -} -#egw_fw_main .egw_fw_ui_tab_content > div { - width: 100%; - padding: 0 0 0 0; -} -/** - * EGroupware: Stylite Pixelegg template - * - * Definitions for layout and raster - * - * 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 Stefan Reinhardt - * @package pixelegg - * @version $Id: layout_raster.less 3170 2014-07-16 11:24:38Z pixelegg $ - */ -/* - Created on : 23.07.2014, 13:25:11 - Author : stefanreinhardt -*/ -/* ################################################################################################################ - * Sidebar - * ################################################################################################################*/ -#egw_fw_sidebar { - position: fixed; - overflow: hidden; - top: 45px; - left: 0px; - bottom: 0px; - width: 225px; - z-index: 2; - /*#################################*/ -} -#egw_fw_sidebar #egw_fw_sidemenu { - position: absolute; - top: 1px; - bottom: 1px; - left: 0px; - right: 8px; - overflow: hidden; - z-index: 2; - font-size: 0.9em; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv { - background-color: #fafafa; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv div.ui-sortable div { - padding: 3px 0 1px 3px; - cursor: pointer; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header { - display: block; - margin: 0 0; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header:hover { - background-color: rgba(153, 204, 255, 0.4); -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header:active { - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header h1 { - margin: 0 0 10px 0; - padding-top: 0.4em; - padding-left: 3em; - color: #999999; - /*font-size: 12px;*/ - font-size: 13px; - line-height: 17px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header object { - background-color: #FFFFFF; - width: 24px; - height: 24px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active { - cursor: pointer; - background-image: url("../../api/templates/default/images/clear.png"); - background-position: 95% -3000px; - background-repeat: no-repeat; - background-color: #ffffff; - margin: 0 0 0 0; - border-bottom: none; - height: 33px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active img { - padding-left: 9px; - padding-top: 7px; - height: 18px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1 { - text-transform: uppercase; - font-size: 1.4em; - color: #000000; - padding-top: 0; - line-height: 33px; - height: 33px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - padding-left: 10px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1:hover { - padding-left: 35px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { - background-image: url(../../node_modules/bootstrap-icons/icons/arrow-clockwise.svg); - background-size: 18px; - background-position: 9px 6px; - background-repeat: no-repeat; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover img { - display: none !important; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:focus { - background-image: url("../../api/templates/default/images/ajax-loader.gif"); - background-repeat: no-repeat; - background-position: 90% 50%; - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - background-color: #bfbfbf; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active object { - margin-left: 14px; - margin-top: 8px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - width: 16px; - height: 16px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader { - margin-top: -26px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content_bottom { - border-width: 0px 1px 1px 1px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_icon { - display: inline-block; - height: 24px; - padding-left: 0; - padding-right: 0px; - float: left; - /*filter grey*/ - /*filter grey*/ - filter: url("data:image/svg+xml;utf8,#grayscale"); - -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - /*filter: url(grayscale.svg); Firefox 4+ */ - filter: gray; - /* IE 6-9 */ -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content { - display: block; - background-image: none; - border-color: #B4B4B4; - border-style: solid; - border-width: 1px; - margin: 0 0 2em 0; - border-left: none; - /*######################*/ -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content:nth-last-of-type(-n+3) { - background-color: #ffffff; - border-color: #B4B4B4; - border-right: 0px; - margin-bottom: 0px; - border-top-color: white; - padding-top: 0px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category { - margin: 4px 5px 5px 5px; - padding: 2px 0 2px 0; - cursor: pointer; - border-color: #B4B4B4; - background-color: #E6E6E6; - /*background-color: @egw_color_2_d;*/ -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1, -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 { - margin: 5px 0px 3px 5px; - line-height: 1em; - font-size: 13px; - font-weight: normal; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1::before, -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2::before { - display: inline-block; - font-family: bootstrap-icons !important; - font-style: normal; - font-weight: normal !important; - font-variant: normal; - text-transform: none; - line-height: 1; - vertical-align: -0.125em; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - content: "\f231"; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 { - padding-bottom: 2px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category div.egw_fw_ui_category:nth-last-of-type(-n+3) img.egw_fw_ui_sidemenu_listitem_icon { - display: block; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover { - background-color: #999999; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active { - border-bottom-width: 0px; - margin-top: 4px; - background-color: #0C5DA5; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1, -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 { - color: #f2f2f2; - line-height: 1em; - font-size: 12px; - background-size: 12px; - filter: brightness(3); -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a, -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 a { - color: #FFF; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a img, -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 a img { - width: 16px; - height: 16px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a:hover, -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 a:hover { - padding: 5px 30px 5px 0px; - width: 200px; - background-color: #f0f0f0; - color: #808080; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - background-color: inherit; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1::before, -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before { - content: "\f229 "; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover { - background-color: #408DD2; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - -o-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -#egw_fw_sidebar #egw_fw_splitter { - position: absolute; - width: 8px; - top: 0px; - bottom: 3px; - right: 0px; -} -#egw_fw_sidebar #egw_fw_splitter:hover { - border-color: #E6E6E6; -} -#egw_fw_basecontainer #egw_fw_toggler { - display: block; - width: 51px; - height: 45px; - position: absolute; - z-index: 1; - margin-top: 0px; - left: 0px; - background-color: #fbfbfb; - padding-left: 10px; -} -#egw_fw_basecontainer #egw_fw_toggler span { - background-color: transparent; - position: relative; - display: block; - width: 35px; - height: 3px; - backface-visibility: hidden; - border-radius: 2px; - top: 11px; - left: 10px; -} -#egw_fw_basecontainer #egw_fw_toggler span:before { - transition-duration: 0.7s; - -webkit-transition-duration: 0.7s; - -moz-transition-duration: 0.7s; - transform: rotate(145deg) translate(8px, -2px); - -ms-transform: rotate(145deg) translate(8px, -2px); - -moz-transform: rotate(145deg) translate(8px, -2px); - -webkit-transform: rotate(145deg) translate(8px, -2px); - background-color: #b4b4b4; -} -#egw_fw_basecontainer #egw_fw_toggler span:before, -#egw_fw_basecontainer #egw_fw_toggler span:after { - content: ""; - position: absolute; - left: 0px; - top: 3px; - width: 35px; - height: 3px; - background-color: #b4b4b4; - backface-visibility: hidden; - border-radius: 2px; -} -#egw_fw_basecontainer #egw_fw_toggler span:after { - top: 15px; - transition-duration: 0.7s; - -webkit-transition-duration: 0.7s; - -moz-transition-duration: 0.7s; - transform: rotate(-145deg) translate(8px, 2px); - -ms-transform: rotate(-145deg) translate(8px, 2px); - -moz-transform: rotate(-145deg) translate(8px, 2px); - -webkit-transform: rotate(-145deg) translate(8px, 2px); - background-color: #b4b4b4; -} -#egw_fw_basecontainer #egw_fw_toggler:hover span:before { - background-color: #606060; -} -#egw_fw_basecontainer #egw_fw_toggler:hover span:after { - background-color: #606060; -} -#egw_fw_basecontainer.egw_fw_sidebar_toggleOn { - /* toggler button*/ -} -#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span { - background-color: #b4b4b4; - transition: all 0.3s; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - left: 5px; -} -#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before, -#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:after { - transform: none; - -ms-transform: none; - -moz-transform: none; - -webkit-transform: none; - width: 35px; - height: 3px; - background-color: #b4b4b4; -} -#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before { - top: 10px; -} -#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:after { - top: 20px; -} -#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span { - background-color: #606060; -} -#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:before { - background-color: #606060; -} -#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:after { - background-color: #606060; -} -#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu { - top: 1px; - /*sidebar adjustments*/ -} -#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content { - display: none !important; -} -#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active { - border-radius: 0 !important; - width: auto !important; - border: 0; -} -#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { - background-size: 24px; - background-position: 15px 8px; -} -#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header { - width: 50px; - height: 35px; -} -#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header h1 { - visibility: hidden; -} -#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header img { - margin: 4px 13px 0px !important; - padding: 0 !important; - float: none !important; - display: block !important; - height: 24px !important; -} -/** DON"T MOVE THIS **/ -.egw_fw_ui_splitter_vertical { - background-image: url(../../api/templates/default/images/splitter_vert.png); - background-position: center; - background-repeat: no-repeat; - background-color: #E6E6E6; - position: absolute; - width: 4px; - height: 100%; - cursor: col-resize; -} -.egw_fw_ui_splitter.ui-draggable-dragging { - background-color: #fbec88; - border-left: 1px solid #B4B4B4; - opacity: 1 !important; -} -.egw_fw_ui_splitter_hover { - background-color: #CDCDCD; -} -.egw_fw_ui_category_content { - background-color: #ffffff; - border-top-width: 0; - border-left: 0px solid; - border-bottom: 0px solid; - margin-left: 0px; - margin-top: 0px; - padding-bottom: 5px; - padding-left: 0px; - padding-top: 3px; - margin-right: 0px; - /*min-height: 50px;*/ -} -.egw_fw_ui_category_content:last-of-type { - border-color: #B4B4B4; - margin-bottom: -2px; -} -.egw_fw_ui_category_content img { - height: 16px; - vertical-align: middle; -} -.egw_fw_ui_category_content:hover { - background-color: #ffffff; - border-color: #828282; -} -.egw_fw_ui_category_content input#uical_select_owner_multiple { - height: 16px; - vertical-align: middle; -} -.egw_fw_ui_category_content .egwTutorial div#list_grid_wrapper { - border-bottom-left-radius: 10px; - overflow-x: hidden !important; -} -.egw_fw_ui_category_content .egwTutorial div#list_grid_wrapper .et2_label { - padding-bottom: 5px; -} -.egw_fw_ui_sidemenu_listitem { - padding: 9px 0px 0px 0px; - margin: 0px 0 1px 0px; - position: relative; - min-height: 18px; - background-color: #FFFFFF; - white-space: nowrap; - text-overflow: ellipsis; -} -.egw_fw_ui_sidemenu_listitem:hover { - color: #000000; - background-color: rgba(153, 204, 255, 0.4); -} -.egw_fw_ui_sidemenu_listitem img.egw_fw_ui_sidemenu_listitem_icon { - /*display: none;*/ - width: 16px; - height: 16px; - padding: 0px; - margin: 0px 5px; - float: left; -} -.egw_fw_ui_sidemenu_listitem input { - height: 16px; - width: 81% !important; -} -.egw_fw_ui_sidemenu_listitem input[type="image"] { - height: 10px; - width: 10px !important; - margin-left: 1px; -} -.egw_fw_ui_sidemenu_listitem select { - max-width: 85% !important; -} -.egw_fw_ui_sidemenu_listitem img { - height: 9px; - width: 9px; - padding: 0px; - float: right; -} -.egw_fw_ui_sidemenu_listitem a { - padding: 5px 0px 5px 6px; - text-decoration: none; - min-width: 5em; - vertical-align: bottom; - color: #000000; -} -.egw_fw_ui_sidemenu_listitem a:active { - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -} -.egw_fw_ui_sidemenu_listitem div a:first-child { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background-color: #f0f0f0; - border-color: #828282; - cursor: pointer; - width: 72% !important; -} -.egw_fw_ui_sidemenu_listitem div a:nth-child(2) { - position: absolute; - right: 0; - top: 0; - background: transparent; - padding: 0px 2px 0 2px; - width: 10px; - min-width: 5px; -} -.egw_fw_ui_sidemenu_listitem div a:nth-child(2) img { - margin: 0 0 0 0; - padding: 0em 0em 0 0em; - height: 10px; - width: 10px; -} -.egw_fw_ui_sidemenu_listitem div a:nth-child(2):hover { - background-color: #FF0000; - /*.background_color_20_gray;*/ - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - border: 1px solid rgba(0, 0, 0, 0.5); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - color: #ffffff; -} -/** - * EGroupware: Stylite Pixelegg template - * - * Definitions for layout and raster - * - * 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 Stefan Reinhardt - * @package pixelegg - * @version $Id: layout_raster.less 3170 2014-07-16 11:24:38Z pixelegg $ - */ -/* - Created on : 23.07.2014, 13:25:11 - Author : stefanreinhardt -*/ -.egw_fw_ui_scrollarea { - overflow: hidden; - z-index: 0; - background-color: #ffffff; -} -.egw_fw_ui_scrollarea_button { - position: absolute; - display: block; - width: 100%; - height: 12px; - z-index: 2; -} -.egw_fw_ui_scrollarea_button_up.egw_fw_ui_scrollarea_button_hover, -.egw_fw_ui_scrollarea_button_down.egw_fw_ui_scrollarea_button_hover { - background-color: silver; -} -.egw_fw_ui_scrollarea_button_disabled { - display: none !important; -} -#egw_fw_sidemenu.egw_fw_ui_scrollarea_enabled { - top: 7px !important; -} -#egw_fw_sidemenu.egw_fw_ui_scrollarea_enabled .egw_fw_ui_sidemenu_entry_header_active { - position: fixed; - top: 50px; - background: white; - z-index: 1; -} -.egw_fw_ui_scrollarea_button_up, -.egw_fw_ui_scrollarea_button_down { - height: 14px; - background-image: none; - background-color: white; - background-repeat: no-repeat; - background-position: center; -} -.egw_fw_ui_scrollarea_button_up { - height: 35px; - top: 0px; - border-bottom: 1px solid silver; - background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-up.svg); - background-position: center; - background-repeat: no-repeat; - background-position-y: 5px; - background-size: 24px; -} -.egw_fw_ui_scrollarea_button_down { - bottom: 0px; - height: 35px; - border-top: 1px solid silver; - background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-down.svg); - background-repeat: no-repeat; - background-position: center; - background-position-y: 6px; - background-size: 24px; -} -.egw_fw_ui_scrollarea_outerdiv { - height: 100%; -} -.egw_fw_content_browser_div { - display: block; - overflow-x: hidden; - overflow-y: auto; - padding-right: 10px; - /* background-color: RGB(240, 240, 255);*/ -} -.egw_fw_content_browser_div_loading { - position: absolute; - z-index: 1000; - top: 0px; - left: 0px; - width: 16px; - height: 16px; - background-image: url(../../api/templates/default/images/ajax-loader.gif); - background-position: center; - background-repeat: no-repeat; -} -/** - * EGroupware: Stylite Pixelegg template - * - * Definitions for layout and raster - * - * 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 Stefan Reinhardt - * @package pixelegg - * @version $Id: layout_raster.less 3170 2014-07-16 11:24:38Z pixelegg $ - */ -/* - Created on : 23.07.2014, 13:25:11 - Author : stefanreinhardt -*/ -et2-date-time-today[id^=_times] { - text-align: center; - color: gray; - cursor: pointer; -} -.timesheet_timer, -#egw_fw_topmenu_info_items #topmenu_info_timer #topmenu_timer { - text-align: center; - font-size: 20px; - white-space: nowrap; - color: #606060; -} -.timesheet_timer.running, -#egw_fw_topmenu_info_items #topmenu_info_timer #topmenu_timer.running { - color: blue; -} -.timesheet_timer.running.overall, -#egw_fw_topmenu_info_items #topmenu_info_timer #topmenu_timer.running.overall { - color: black; -} -.timesheet_timer.paused, -#egw_fw_topmenu_info_items #topmenu_info_timer #topmenu_timer.paused { - color: orange; -} -div.timesheet_timer { - width: 60px; - text-align: right; -} -#egw_fw_topmenu_info_items { - display: flex !important; - flex-direction: row-reverse; - height: 45px; - position: absolute; - padding-right: 2px; - right: 0px; - z-index: 1000; - background-color: #fbfbfb; - /*darkmode*/ - /*Notification*/ - /*Search button*/ - /*current user info*/ - /*current user info*/ - /*time zone*/ - /*quick*/ - /* Firefox */ - /* Webkit */ - /* IE */ - /* Opera and prob css3 final iteration */ -} -#egw_fw_topmenu_info_items .topmenu_info_item { - height: 45px; - width: 45px; - border-left: 1px solid #bfc0bf; - display: inline-block; - padding-left: 0px; - float: right; - background-size: 20px; - background-position: center center; - background-repeat: no-repeat; - cursor: pointer; -} -#egw_fw_topmenu_info_items .topmenu_info_item:hover { - background-color: rgba(153, 204, 255, 0.4); -} -#egw_fw_topmenu_info_items #topmenu_info_timer { - order: 1; - position: relative; -} -#egw_fw_topmenu_info_items #topmenu_info_timer #topmenu_timer { - position: relative; - top: 10px !important; - display: block; - height: 45px; - width: 45px; -} -#egw_fw_topmenu_info_items #topmenu_info_timer:hover { - cursor: pointer; -} -#egw_fw_topmenu_info_items #topmenu_info_timer:before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-image: url(../../timesheet/templates/default/images/navbar.svg); - background-repeat: no-repeat; - background-size: 32px; - background-position: center center; - filter: opacity(0.3); -} -#egw_fw_topmenu_info_items #topmenu_info_user_avatar span.fw_avatar_stat { - position: absolute; -} -#egw_fw_topmenu_info_items #topmenu_info_user_avatar span.stat1 { - width: 14px; - height: 14px; - position: absolute; - right: 30px; - bottom: 0px; - border-radius: 50%; - z-index: 100000; - background-size: 14px; - background-repeat: no-repeat; - color: #2d2b2b; - font-weight: bold; - text-align: center; - font-size: 10px; - line-height: 14px; - border: 2px solid #fbfbfb; -} -#egw_fw_topmenu_info_items #topmenu_info_user_avatar span.online { - background-color: #2de0a5; -} -#egw_fw_topmenu_info_items #topmenu_info_user_avatar span.offline { - background-color: #cbced1; -} -#egw_fw_topmenu_info_items #topmenu_info_user_avatar span.away { - background-color: #ffd21f; -} -#egw_fw_topmenu_info_items #topmenu_info_user_avatar span.busy { - background-color: #f5455c; -} -#egw_fw_topmenu_info_items #topmenu_info_user_avatar span.noconnection { - background-color: #E1E16D; -} -#egw_fw_topmenu_info_items #topmenu_info_user_avatar span.noconnection:before { - content: "!"; -} -#egw_fw_topmenu_info_items #topmenu_info_logout { - background-image: url(../../node_modules/bootstrap-icons/icons/power.svg); - background-size: 50%; -} -#egw_fw_topmenu_info_items #topmenu_info_logout a { - width: 45px; - height: 45px; - display: inline-block; -} -#egw_fw_topmenu_info_items #topmenu_info_print_title { - background-image: url(../../node_modules/bootstrap-icons/icons/printer.svg); - background-size: 50%; -} -#egw_fw_topmenu_info_items #topmenu_info_print_title span { - width: 45px; - height: 45px; - display: inline-block; -} -#egw_fw_topmenu_info_items #topmenu_info_darkmode span { - background-image: url(../../node_modules/bootstrap-icons/icons/moon-stars-fill.svg); - width: 45px; - height: 45px; - display: inline-block; - background-position: center; - background-repeat: no-repeat; - background-size: 45%; -} -#egw_fw_topmenu_info_items #topmenu_info_darkmode span.darkmode_on { - background-image: url(../../node_modules/bootstrap-icons/icons/brightness-high.svg); - background-size: 60%; -} -#egw_fw_topmenu_info_items #topmenu_info_notifications { - line-height: 45px; - text-align: center; - cursor: pointer; - display: inline-block; - color: #fbfbfb; - font-weight: bold; - opacity: 0.4; - background-image: url(../../node_modules/bootstrap-icons/icons/bell-fill.svg); - background-size: 50%; - border-left: 1px solid #636262; -} -#egw_fw_topmenu_info_items #topmenu_info_notifications .egw_fw_topmenu_info_notify { - position: absolute; - background-color: #c14343; - bottom: 0px; - height: 17px; - white-space: nowrap; - line-height: 16px; - width: 17px; - border-top-right-radius: 50%; - margin-left: -3px; - color: #fff9fb; - border: 2px solid #ffffff; - text-align: center; - border-radius: 50%; -} -#egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note { - position: absolute; - width: 280px; - height: 30px; - left: -96px; - top: 45px; - border: 1px solid silver; - background: #ffffff; - text-align: center; - font-size: 10pt; - line-height: 22pt; - color: #b9436c; - white-space: nowrap; - z-index: 999; -} -#egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:before { - content: ''; - position: absolute; - top: -13px; - left: 251px; - width: 0; - height: 0px; - border-left: 14px solid transparent; - border-right: 15px solid transparent; - border-bottom: 12px solid #aaa; - margin-bottom: 12px; - margin-left: 1px; -} -#egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:after { - content: ''; - position: absolute; - top: -11px; - left: 251px; - width: 0; - height: 0; - border-left: 15px solid transparent; - border-right: 15px solid transparent; - border-bottom: 12px solid #ffffff; - margin-bottom: 11px; -} -#egw_fw_topmenu_info_items #topmenu_info_notifications.egwpopup_notify { - background-image: url(../../node_modules/bootstrap-icons/icons/bell-fill.svg); - opacity: 1; - border-left: 1px solid #bfc0bf; -} -#egw_fw_topmenu_info_items #topmenu_info_search { - background-repeat: no-repeat; - background-image: url(../../node_modules/bootstrap-icons/icons/search.svg); - background-size: 50%; -} -#egw_fw_topmenu_info_items #topmenu_info_search a { - width: 45px; - height: 45px; - display: inline-block; -} -#egw_fw_topmenu_info_items form { - height: 0px; -} -#egw_fw_topmenu_info_items form select { - padding: 0px; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add { - position: relative; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add { - float: right; - background-image: url(../../node_modules/bootstrap-icons/icons/plus-circle.svg); - background-repeat: no-repeat; - background-size: 24px; - background-position: center; - width: 45px; - height: 45px; - padding-right: 3px; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add:before { - content: " "; - font-size: 2em; - color: #0C5DA5; - line-height: 0.6em; - background-color: white; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add #quick_add_selectbox, -#egw_fw_topmenu_info_items #topmenu_info_timer #quick_add_selectbox, -#egw_fw_topmenu_info_items #topmenu_info_quick_add #timer_selectbox, -#egw_fw_topmenu_info_items #topmenu_info_timer #timer_selectbox { - height: 0px; - float: left; - display: inline-block; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add #quick_add_selectbox sl-option, -#egw_fw_topmenu_info_items #topmenu_info_timer #quick_add_selectbox sl-option, -#egw_fw_topmenu_info_items #topmenu_info_quick_add #timer_selectbox sl-option, -#egw_fw_topmenu_info_items #topmenu_info_timer #timer_selectbox sl-option { - white-space: nowrap; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add #quick_add_selectbox::part(emptyLabel), -#egw_fw_topmenu_info_items #topmenu_info_timer #quick_add_selectbox::part(emptyLabel) { - /* do NOT show empty label, required for clearing value */ - display: none; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add #quick_add_selectbox::part(form-control-input), -#egw_fw_topmenu_info_items #topmenu_info_timer #quick_add_selectbox::part(form-control-input), -#egw_fw_topmenu_info_items #topmenu_info_quick_add #timer_selectbox::part(form-control-input), -#egw_fw_topmenu_info_items #topmenu_info_timer #timer_selectbox::part(form-control-input) { - border: none !important; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add #quick_add_selectbox::part(form-control), -#egw_fw_topmenu_info_items #topmenu_info_timer #quick_add_selectbox::part(form-control), -#egw_fw_topmenu_info_items #topmenu_info_quick_add #timer_selectbox::part(form-control), -#egw_fw_topmenu_info_items #topmenu_info_timer #timer_selectbox::part(form-control) { - margin-left: -3em; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add #quick_add_selectbox::part(listbox), -#egw_fw_topmenu_info_items #topmenu_info_timer #quick_add_selectbox::part(listbox), -#egw_fw_topmenu_info_items #topmenu_info_quick_add #timer_selectbox::part(menu), -#egw_fw_topmenu_info_items #topmenu_info_timer #timer_selectbox::part(menu) { - max-height: 60vh; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add #quick_add_selectbox, -#egw_fw_topmenu_info_items #topmenu_info_timer #quick_add_selectbox { - height: 0px; - overflow: hidden; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add #quick_add_selectbox::part(combobox), -#egw_fw_topmenu_info_items #topmenu_info_timer #quick_add_selectbox::part(combobox) { - visibility: hidden; -} -#egw_fw_topmenu_info_items img#topmenu_info_error { - width: 16px; - height: 16px; - position: fixed; - /*.Button_size_square_16;*/ - border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - padding: 5px; - top: 6px; - right: 112px; - z-index: 200; - background-color: #FF0000; - -moz-transition: all 1s ease-in-out; - -webkit-transition: all 1s ease-in-out; - -o-transition: all 1s ease-in-out; - -ms-transition: all 1s ease-in-out; - transition: all 1s ease-in-out; - /* order: name, direction, duration, iteration-count, timing-function */ - -moz-animation: blink normal 2s infinite ease-in-out; - /* Firefox */ - -webkit-animation: blink normal 2s infinite ease-in-out; - /* Webkit */ - -ms-animation: blink normal 2s infinite ease-in-out; - /* IE */ - animation: blink normal 2s infinite ease-in-out; - /* Opera and prob css3 final iteration */ -} -#egw_fw_topmenu_info_items img#topmenu_info_error:hover { - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -} -#egw_fw_topmenu_info_items img#topmenu_info_error:active { - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -} -#egw_fw_topmenu_info_items img#topmenu_info_error:focus { - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -} -@-moz-keyframes blink { - 0% { - opacity: 1; - } - 50% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -@-webkit-keyframes blink { - 0% { - opacity: 1; - } - 50% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -@-ms-keyframes blink { - 0% { - opacity: 1; - } - 50% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -@keyframes blink { - 0% { - opacity: 1; - } - 50% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -div#topmenu_info_update { - display: inline-block; -} -div#topmenu_info_update img { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - padding: 5px; -} -/** - * EGroupware: Stylite Pixelegg template - * - * Definitions for layout and raster - * - * 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 Stefan Reinhardt - * @package pixelegg - * @version $Id: layout_raster.less 3170 2014-07-16 11:24:38Z pixelegg $ - */ -/* - Created on : 23.07.2014, 13:25:11 - Author : stefanreinhardt -*/ -/* ################################################################## -* ADMIN INDEX Tree -/* ################################################################## -*/ -.standartTreeImage { - /*filter grey*/ - filter: url("data:image/svg+xml;utf8,#grayscale"); - -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - /*filter: url(grayscale.svg); Firefox 4+ */ - filter: gray; - /* IE 6-9 */ - width: 16px; - height: 16px; -} -button.image_button { - background: none; - border: none; -} -/** - * EGroupware: Stylite Pixelegg template - * - * lettersearch - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $ - */ -.sbHolder { - /*.box_shadow_standard_light;*/ - width: auto; - margin: 5px 0em 5px 0px; - padding: 3px; - outline: none; - display: inline-block; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - cursor: pointer; - font-family: egroupware, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1.2em; - font-weight: normal; - height: 30px; - position: relative; - width: 10em; -} -.sbHolder:hover { - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -} -.sbHolder:focus { - outline: 0; - border-width: 1px; - border-style: solid; - border-color: #B4B4B4; - -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); -} -.sbSelector { - display: block; - height: 30px; - left: 0; - line-height: 30px; - outline: none; - overflow: hidden; - position: absolute; - text-indent: 10px; - top: 0; - width: 170px; -} -.sbSelector:link, -.sbSelector:visited, -.sbSelector:hover { - color: #808080; - outline: none; - text-decoration: none; -} -.sbToggle { - background: url(../img/select-icons.png) 0 -116px no-repeat; - display: block; - height: 30px; - outline: none; - position: absolute; - right: 0; - top: 0; - width: 30px; -} -.sbToggle:hover { - background: url(../../api/templates/default/images/select-icons.png) 0 -167px no-repeat; -} -.sbToggleOpen { - background: url(../../api/templates/default/images/select-icons.png) 0 -16px no-repeat; -} -.sbToggleOpen:hover { - background: url(../../api/templates/default/images/select-icons.png) 0 -66px no-repeat; -} -.sbHolderDisabled { - background-color: #3C3C3C; - border: solid 1px #515151; -} -.sbOptions { - background-color: #ffffff; - border: solid 1px #515151; - list-style: none; - left: -1px; - margin: 0; - padding: 0; - position: absolute; - top: 30px; - width: 200px; - z-index: 1; - overflow-y: auto; -} -.sbOptions li { - padding: 0 7px; -} -.sbOptions a { - border-bottom: dotted 1px #515151; - display: block; - outline: none; - padding: 7px 0 7px 3px; - color: #26537C; -} -.sbOptions a:link, -.sbOptions a:visited { - color: #26537C; - text-decoration: none; -} -.sbOptions a:hover, -.sbOptions a:focus, -.sbOptions a.sbFocus { - color: rgba(38, 83, 124, 0.6); -} -.sbOptions li.last a { - border-bottom: none; -} -.sbOptions .sbDisabled { - border-bottom: dotted 1px #515151; - color: #999; - display: block; - padding: 7px 0 7px 3px; -} -.sbOptions .sbGroup { - border-bottom: dotted 1px #515151; - color: #EBB52D; - display: block; - font-weight: bold; - padding: 7px 0 7px 3px; -} -.sbOptions .sbSub { - padding-left: 17px; -} -/** - * EGroupware: Stylite Pixelegg template - * - * lettersearch - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $ - */ -/* disabled for now in pixelegg.less, until we use svg outside filemanager thumbnails - -//SVG Filter / not for Logo -#egw_fw_sidebar img[src$="svg"]{ - .gradient_vertical (@gray_60, @gray_60); - .rounded(3px); - border: 1px solid @gray_0;; -} - -#egw_fw_main img[src$="svg"], -#egw_fw_footer img[src$="svg"]{ - //.gradient_vertical (@egw_color_2_a, @egw_color_2_a); - .gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%)); - -}*/ -/** - * EGroupware: Stylite Pixelegg template - * - * et2 table - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id$ - */ -/** ##################################################################################### - * et2 - * Tabellen - * ###################################################################################### - */ -/* TABLE STYLE */ -.th { - border-bottom: 1px solid #E6E6E6; -} -.th.thb { - border-color: darkgray; -} -.th.thb td { - padding-top: 10px; -} -.innerContainer { - overflow: hidden; - /*padding: 0;*/ -} -.egwGridView_grid > tbody > tr.th > td { - font-weight: normal; - padding: 0 2px 2px 0; - background-image: none; - background-position: center; - background-repeat: repeat-x; - vertical-align: top; -} -table.egwGridView_outer { - background-color: transparent; - border-spacing: 0px; -} -table.egwGridView_outer thead { - max-height: 118px; - overflow-y: auto; - background: white; -} -table.egwGridView_outer thead tr th { - background-position: -200px; - font-weight: normal; - padding: 3px 1px 3px 4px; - border: 1px solid #B4B4B4; - border-top: transparent; - vertical-align: middle; - overflow: auto; - background-color: #f8f8f8; -} -table.egwGridView_outer thead tr th:hover { - background-color: #f0f0f0; - color: #ffffff; - /*border-right: 5px solid white;*/ - background-image: url(../../api/templates/default/images/hint-arrow-right.png); - background-position: right bottom; - background-repeat: no-repeat; - background-size: 15px 15px; - -webkit-transition: all 0s ease-out; - -moz-transition: all 0s ease-out; - -o-transition: all 0s ease-out; - transition: all 0s ease-out; - /*transition-delay: 1s;*/ -} -table.egwGridView_outer thead tr th:active { - background-color: #d9d9d9; - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - border-bottom: 1px solid silver; -} -table.egwGridView_outer thead tr th div.innerContainer { - max-height: 10em; - overflow-y: auto; -} -table.egwGridView_outer thead tr th.optcol { - padding: 0; - text-align: center; - background-image: none; - border-right: none; - /*width: 32px !important;*/ - vertical-align: bottom; - background-color: #f0f0f0; -} -table.egwGridView_outer thead tr th.optcol:hover { - cursor: pointer; -} -table.egwGridView_outer thead tr th.optcol span.selectcols { - height: 9px; - padding: 4px 14px 0px 2px; - margin-top: 4px; - background-image: url(../../api/templates/default/images/selectcols.svg); - background-repeat: no-repeat; - background-size: 10px 10px; - display: inline-block; - background-position: top; -} -table.egwGridView_outer > tbody > tr { - /*Elements inside td*/ -} -table.egwGridView_outer > tbody > tr td.frame { - /*border: 1px solid @gray_10; can't have - breaks grid scroll calculations' - /*padding: 0px 5px; no need*/ -} -table.egwGridView_outer > tbody > tr > td { - /* disabled as it skrews display of svg in filemanager - img[src$="svg"] { - .gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%)); - }*/ -} -table.egwGridView_outer > tbody > tr > td .et2_link { - margin-left: 0px; - color: #26537C; -} -table.egwGridView_outer > tbody > tr > td img { - border: 1px solid transparent; - box-shadow: none; -} -table.egwGridView_outer > tbody > tr > td time { - display: block; -} -/*########################################################*/ -table.egwGridView_grid { - font-size: 12px; - background-color: #ffffff; - border-spacing: 0px 1px; - width: 100%; - /*subentry*/ -} -table.egwGridView_grid img { - height: 16px; -} -table.egwGridView_grid et2-image { - width: 16px; - font-size: 16px; -} -table.egwGridView_grid tbody { - border-bottom: 1px solid #000000; - /*padding: 2px 3px 2px 4px;*/ - margin: 0; - vertical-align: top; - /* tr:nth-child(even) {background: @color_even;} - tr:nth-child(odd) {background: @color_odd;}*/ - /*multiple choise*/ -} -table.egwGridView_grid tbody tr:hover { - background: rgba(153, 204, 255, 0.4); -} -table.egwGridView_grid tbody tr.th:hover { - background: transparent; -} -table.egwGridView_grid tbody tr.selected { - background-image: none; - background-color: rgba(102, 153, 204, 0.7) !important; -} -table.egwGridView_grid tbody td { - border-bottom: 1px solid #E6E6E6; - color: #000000; -} -table.egwGridView_grid tbody td .innerContainer { - padding: 3px 0 3px 3px; -} -table.egwGridView_grid tbody td table.customfields tbody { - border-bottom: 0px; -} -table.egwGridView_grid tbody td table.customfields tbody tr { - border-bottom: 0px; - /*background-size: 12px 12px;*/ -} -table.egwGridView_grid tbody td table.customfields tbody tr td { - border-bottom: 0px; - border: 0px; - padding: 0; - /*height: 12px;*/ -} -table.egwGridView_grid tbody td table.customfields tbody tr td .et2_textbox_ro { - /*white-space: inherit;*/ -} -table.egwGridView_grid tbody td[align="right"] { - padding: 3px 3px 3px 0; -} -table.egwGridView_grid > tr { - border-bottom: 1px solid; - border-color: #828282; -} -table.egwGridView_grid > tr > td { - border-left: 1px; - border-right: 1px; - padding: 0.3em 0 0.3em 0.3em; - border-bottom: 1px solid; - color: #E6E6E6; - /*&:hover {background-color: @egw_color_2_e;} legacy*/ -} -table.egwGridView_grid > tr > td:active { - /*background-color: @egw_color_2_a;*/ - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - color: #ffffff; -} -table.egwGridView_grid > tr > td span { - color: #505050; -} -table.egwGridView_grid > tr > td span[id*="[info_subject]"] { - margin-right: 30px; -} -table.egwGridView_grid > tr > td span.high { - color: red; -} -table.egwGridView_grid > tr > td span.urgent { - color: red; - background-color: rgba(153, 204, 255, 0.4); -} -table.egwGridView_grid > tr > td span.low { - color: #373737; -} -table.egwGridView_grid tr.subentry { - background: rgba(102, 153, 204, 0.2); -} -table.egwGridView_grid tr.subentry:hover { - background: rgba(102, 153, 204, 0.7) !important; -} -table.egwGridView_grid tr.drop-hover { - background: rgba(102, 153, 204, 0.7) !important; -} -table.egwGridView_grid span.arrow { - -moz-user-select: none; - background-repeat: no-repeat; - background-size: 12px; - background-position: center; - display: inline-block; - height: 8px; - margin-right: 2px; - vertical-align: middle; - width: 8px; -} -table.egwGridView_grid span.arrow.opened { - background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg"); - cursor: pointer; - background-position: bottom; -} -table.egwGridView_grid span.arrow.closed { - background-image: url("../../node_modules/bootstrap-icons/icons/caret-right-fill.svg"); - cursor: pointer; - background-position: right; -} -table.egwGridView_grid span.arrow.loading { - background-image: url("../egw_action/ajax-loader.gif"); - background-position: 0 0; - cursor: pointer; -} -.nextmatch_header .selectcols { - background: none; -} -.nextmatch_header tr { - background: none; -} -/*Custom Fields*/ -table.customfields tbody tr:nth-child(2n) { - background: inherit; -} -table.customfields tr { - background-color: inherit !important; -} -table.customfields td span > div { - display: inherit; - margin: 0px; -} -/*########################################################*/ -table.nextmatch_header img { - width: 16px; - height: 16px; -} -.egwGridView_empty { - text-align: center; - border-bottom: 1px solid silver; - font-size: 1.5em; -} -.egwGridView_empty td { - color: #1E1E1E !important; -} -/** - * EGroupware: Stylite Pixelegg template - * - * lettersearch - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id$ - */ -/* traditional */ -form { - margin: 0px; - padding: 0px; -} -img { - border: 0; -} -div { - color: #000000; -} -input[type=submit], -input[type=button], -input[type=reset], -button, -.egwbutton { - padding: 1px; - cursor: pointer; -} -input[type=submit] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -input[type=submit]:active, -input[type=button]:active, -input[type=reset]:active, -button:active, -.egwbutton:active { - border: inset 1px #bbbbbb; -} -input[type=submit]:disabled, -input[type=button]:disabled, -input[type=reset]:disabled, -button:disabled, -.egwbutton:disabled { - background-color: transparent; - color: gray; -} -input.egwbutton { - background-color: #b9d5e3; - border: outset 1px #b9d5e3; - margin: 1px; - padding: 1px; - cursor: pointer; - color: #004e7d; -} -input.egwbutton:hover { - background-color: #94bfd4; - border: outset 1px #b9d5e3; - color: #004e7d; -} -input.egwbutton:active { - border: inset 1px #bbbbbb; -} -input[type=image] { - cursor: pointer; - border: 0; - width: 16px; - height: 16px; -} -#thesideboxcolumn { - width: 177px; - position: relative; -} -#sideresize { - background-image: url(../../api/templates/default/images/resize.png); - width: 13px; - height: 13px; - right: 1px; - top: 1px; - position: absolute; - z-index: 9999; -} -.divSidebox { - position: relative; - border: #9c9c9c 1px solid; - overflow: auto; -} -.divSideboxHeader { - text-align: center; - background-color: #d9d9d9; - padding-top: 2px; - color: #808080; -} -a.divSideboxEntry, -.divSideboxEntry { - text-align: left; - background-color: #FDFDFD; -} -a.appTitles, -.appTitles { - height: 18px; - padding-top: 2px; - padding-bottom: 2px; -} -a.textSidebox { - padding: 0; - border-top: 0; -} -.textSidebox { - padding-top: 3px; - padding-bottom: 3px; - padding-left: 1px; - border-top: solid #aaaaaa 1px; - overflow: auto; -} -.sideboxSpace { - height: 9px; -} -.greyLine { - margin: 1px; - border-top: solid 1px #7e7e7e; - height: 1px; -} -#extraIcons { - background-color: #eeeeee; - border: solid 1px #7e7e7e; -} -.extraIconsRow { - border: solid 1px #dddddd; - padding: 2px; -} -#topmenu { - background-color: #0081c1; - background-image: url(../../api/templates/default/images/bgtopmenu2.png); - color: #006699; - /*border-top: solid 1px #7e7e7e;*/ - border-bottom: solid #5793ff 1px; - height: 20px; - padding-top: 4px ; - line-height: 16px; -} -#topmenu a { - color: #006699; -} -#topmenu_items { - float: left; -} -#topmenu_info { - float: right; -} -#divUpperTabs { - text-align: right; - height: 15px; - margin-right: 10px; -} -#divUpperTabs ul { - display: inline; - margin: 0; - padding: 10px 10px 0 1px; - list-style: none; -} -#divUpperTabs li { - float: right; - margin: 0 5px 0 0; - padding: 0 5px 0 5px; - border: solid 1px #9c9c9c; - border-bottom: 0px; -} -/* Star-Plus-HTML Hack fix for the above */ -*:first-child + html #divAppIconBar { - height: 60px; -} -#divAppTextBar { - background-color: white; -} -#divStatusBar { - background-color: white; - height: 18px; - padding-left: 3px; -} -#tdSidebox { - width: 170px; - background-color: white; - overflow: visible; -} -#tdAppbox { - background-color: white; - padding-left: 5px; - width: 100%; -} -#divAppboxHeader { - background-image: url(../../api/templates/default/images/appbox-header-background.png); - background-repeat: repeat-x; - height: 25px; - border-bottom: solid 1px #c0c0c0; - text-align: center; - padding-bottom: 0px; - border-top: solid 1px #9c9c9c; - border-left: solid 1px #9c9c9c; - border-right: solid 1px #9c9c9c; -} -#divAppboxHeader table img { - height: 16px; -} -#divAppbox { - background-color: #ffffff; - padding: 5px; - border-bottom: solid 1px #9c9c9c; - border-left: solid 1px #9c9c9c; - border-right: solid 1px #9c9c9c; -} -#divGenTime, -#divPoweredBy { - bottom: 4px; - text-align: center; - width: 99%; -} -.pageGenTime, -#divPoweredBy { - font-size: 80%; - color: #ff0000; - text-align: center; -} -.pageGenTime { - margin-top: 1em; - position: absolute; - bottom: -18px; - left: 25%; -} -.pageGenTime > span:after { - content: ", "; -} -.pageGenTime > span:last-child:after { - content: ""; -} -@keyframes loading-prompt-spinner { - from { - transform: rotateZ(0deg); - } - to { - transform: rotateZ(360deg); - } -} -.egw-loading-prompt-container::before { - opacity: 0.3; - content: ""; - background-color: #aaaaaa; - width: 100%; - height: 100%; - position: absolute; - z-index: 999; -} -.egw-loading-prompt-container .egw-loading-prompt-spinner-msg { - position: absolute; - width: 100%; - text-align: center; - left: 0; - top: 48%; - z-index: 999; - text-shadow: 4px 4px 7px #679FD2; - color: #0B5FA4; - margin-top: 52px; -} -.egw-loading-prompt-container .egw-loading-prompt-spinner-animator { - width: 38px; - height: 38px; - position: absolute; - margin-left: 50%; - left: -17px; - top: 48%; - z-index: 999; - background-position: 3px 3px; - opacity: 1; - background-repeat: no-repeat; - vertical-align: middle; - border: 5px solid; - border: 6px #679fd2 solid; - border-top: 6px #0C5DA5 solid; - border-radius: 50%; - -webkit-animation: loading-prompt-spinner 1.2s infinite linear; - animation: loading-prompt-spinner 1.2s infinite linear; -} -@keyframes loading-prompt-horizental { - 0% { - transform: translate(-52.5px, -7.5px); - } - 100% { - transform: translate(38.5px, -7.5px); - } -} -.egw-loading-prompt-container .egw-loading-prompt-horizental-animator::after { - content: ''; - position: absolute; - top: 48%; - left: 50%; - width: 15px; - height: 15px; - z-index: 999; - border-radius: 30%; - background: #FBC200; - animation-name: loading-prompt-horizental; - animation-duration: 1.5s; - animation-direction: alternate; - animation-timing-function: ease-in-out; - animation-iteration-count: infinite; -} -.egw-loading-prompt-container .egw-loading-prompt-horizental-msg { - position: absolute; - left: 50%; - top: 50%; - z-index: 999; - text-shadow: 4px 4px 7px #679FD2; - color: #0B5FA4; - margin-left: -35px; -} -.egw-loading-prompt-container .egw-loading-prompt-horizental-animator::before { - content: ''; - position: absolute; - top: 48%; - left: 50%; - z-index: 999; - width: 100px; - border-radius: 5px; - border: solid 10px #679FD2; - transform: translate(-50%, -50%); -} -/** - * EGroupware: Pixelegg styles - * - * Pixelegg definitions for tutorials - * - * 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 - * @package pixelegg - * @version $Id$ - */ -span.egw_tutorial_title { - color: #FFFFFF; - font-weight: bold; - text-align: left; - width: 99%; - background-color: #434343; - border: 1px solid #B3B3B3; - padding-top: 4px; - padding-left: 5px; - border-radius: 2px; - text-overflow: ellipsis; - white-space: nowrap; - overflow-x: hidden; -} -/*@import "../less/layout_buttons_global.less";*/ -/*@import "../less/layout_chosen.less";*/ -/*@import "../less/layout_messages.less";*/ -/*@import "../less/layout_content_elements.less";*/ -/*@import "../less/layout_table.less";*/ -/*@import "../less/layout_loginPage.less";*/ -/*@import "../less/layout_raster.less";*/ -/*@import "../less/layout_nextmatch.less";*/ -/*@import "../less/layout_footer.less";*/ -/*@import "../less/layout_dialog.less";*/ diff --git a/pixelegg/css/monochrome.less b/pixelegg/css/monochrome.less deleted file mode 100644 index c0520c299c..0000000000 --- a/pixelegg/css/monochrome.less +++ /dev/null @@ -1,49 +0,0 @@ -/** - * EGroupware: Stylite Pixelegg template - * - * 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 Stefan Reinhard - * @package pixelegg - */ -/** - * addapted from orginal styles.php - */ -/** - * All app_* files are now again in $app/templates/default/app.less&css and will be included independent - * - * If some settings are Pixelegg template specific, please create $app/templates/pixelegg.less&css - * files AND include ../default/app.less from there -*/ -/** - * not sure about these files, in general it is not a good idea to replace - * files from other projects, was we need to update them regulary. - * Would be a lot better to include their css files and only overwrite - * neccesarry settings - */ -@import "../less/darkmode.less"; -@import "../less/etemplate2.less"; -// print ausgabe -@import "../less/print.less"; -@import "../less/jquery-ui.less"; -@import "../less/magicsuggest.less"; -@import "../less/traditional.less"; - -/** - * layout_*.less files are Pixelegg template specific - */ -@import "../less/layout_definitions.less"; - - -/*@import "../less/layout_buttons_global.less";*/ -/*@import "../less/layout_chosen.less";*/ -/*@import "../less/layout_messages.less";*/ -/*@import "../less/layout_content_elements.less";*/ -/*@import "../less/layout_table.less";*/ -/*@import "../less/layout_loginPage.less";*/ -/*@import "../less/layout_raster.less";*/ -/*@import "../less/layout_nextmatch.less";*/ -/*@import "../less/layout_footer.less";*/ -/*@import "../less/layout_dialog.less";*/ \ No newline at end of file diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index 6066b61949..746120338f 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -8,31 +8,6 @@ * @author Hadi Nategh * @package pixelegg */ -/** - * EGroupware: Stylite Pixelegg template - * - * 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 Stefan Reinhard - * @package pixelegg - */ -/** - * addapted from orginal styles.php - */ -/** - * All app_* files are now again in $app/templates/default/app.less&css and will be included independent - * - * If some settings are Pixelegg template specific, please create $app/templates/pixelegg.less&css - * files AND include ../default/app.less from there -*/ -/** - * not sure about these files, in general it is not a good idea to replace - * files from other projects, was we need to update them regulary. - * Would be a lot better to include their css files and only overwrite - * neccesarry settings - */ /** * EGroupware: Darkmode theme * @@ -62,8 +37,7 @@ */ @media all { html[data-darkmode='1'] { - background: #000; - filter: invert(1) hue-rotate(180deg) brightness(1); + filter: invert(0.82) hue-rotate(180deg) brightness(1); /* need to explicitly disable the filter on the img tag, if used, as it would be applied twice and therefore not at all */ } html[data-darkmode='1'] sl-menu-item::part(prefix), @@ -71,7 +45,6 @@ html[data-darkmode='1'] et2-button::part(prefix), html[data-darkmode='1'] *::part(image), html[data-darkmode='1'] et2-image, - html[data-darkmode='1'] img, html[data-darkmode='1'] #blueimp-gallery:not(:fullscreen), html[data-darkmode='1'] #blueimp-gallery ol, html[data-darkmode='1'] et2-select-account::part(icon), @@ -193,7 +166,6 @@ * @version: 1 * Stefan Reinhardt */ -/*@import (less) "../../api/templates/default/etemplate2.css";*/ @media all { /** * Top level @@ -1648,51 +1620,6 @@ div#ui-datepicker-div { .ui-widget-shadow { background-image: none; } -/** - * EGroupware: Stylite Pixelegg template - * - * less file for magic suggest - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id$ - */ -.ms-ctn, -.ms-res-ctn { - /* It doesn't really work smaller than this */ - border: solid 1px #e6e6e6; -} -.ms-ctn .ms-res-item-active, -.ms-res-ctn .ms-res-item-active { - background-color: rgba(153, 204, 255, 0.4); -} -.ms-ctn .ms-trigger { - border-left: none; -} -/** - * EGroupware: CSS with less preprocessor - - * traditional.less - * included in pixelegg.less since 17/03/2014 - - - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id$ - */ -/* - font styling - allowed attributes: font-family,font-size,color,font-weight -*/ /** * layout_*.less files are Pixelegg template specific */ @@ -1839,6 +1766,120 @@ body { * @package pixelegg * @version $Id$ */ +/** + * EGroupware: Stylite Pixelegg template + * + * 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 Stefan Reinhard + * @package pixelegg + * @version $Id: pixelegg.less 3017 2014-04-15 08:35:38Z ralfbecker $ + +## Definitions of all used colors + + */ +.background_color_egw_normal { + background-color: #ffc200; +} +.background_color_egw_light { + background-color: #FFD140; +} +.background_color_egw_lighter { + background-color: #FFDD73; +} +.background_color_egw_dark { + background-color: #0C5DA5; +} +.background_color_egw_darker { + background-color: #26537C; +} +/*@gray-100 : #000000;*/ +.color_0_gray { + color: #ffffff; +} +.color_5_gray { + color: #f2f2f2; +} +.color_10_gray { + color: #e6e6e6; +} +.color_15_gray { + color: #d9d9d9; +} +.color_20_gray { + color: #cccccc; +} +.color_25_gray { + color: #bfbfbf; +} +.color_30_gray { + color: #b3b3b3; +} +.color_40_gray { + color: #999999; +} +.color_50_gray { + color: #808080; +} +.color_60_gray { + color: #666666; +} +.color_70_gray { + color: #4d4d4d; +} +.color_80_gray { + color: #333333; +} +.color_90_gray { + color: #1a1a1a; +} +.color_100_gray { + color: #000000; +} +/*@darkgrey : .color_90_gray;*/ +.background_color_0_gray { + background-color: #ffffff; +} +.background_color_5_gray { + background-color: #fafafa; +} +.background_color_10_gray { + background-color: #f0f0f0; +} +.background_color_15_gray { + background-color: #d9d9d9; +} +.background_color_20_gray { + background-color: #cccccc; +} +.background_color_25_gray { + background-color: #bfbfbf; +} +.background_color_30_gray { + background-color: #b3b3b3 !important; +} +.background_color_40_gray { + background-color: #999999; +} +.background_color_50_gray { + background-color: #808080; +} +/*@active_button_border_bottom : @egw_color_2_d;*/ +/*optional / can field*/ +/*Listenausgabe*/ +/* Dialog Button panel Background Color*/ +/*Button edit + save + apply + copy = positive action */ +/*Button Add-plus*/ +/*Button cancel = do nothing action */ +/*Button delete = negative action */ +.background_color_search { + background-color: #B4B4B4; +} +.background_table_cal_head { + background-color: #FFDD73; +} @keyframes login-apps { 0% { transform: translateY(30px); @@ -6564,16 +6605,6 @@ span.egw_tutorial_title { white-space: nowrap; overflow-x: hidden; } -/*@import "../less/layout_buttons_global.less";*/ -/*@import "../less/layout_chosen.less";*/ -/*@import "../less/layout_messages.less";*/ -/*@import "../less/layout_content_elements.less";*/ -/*@import "../less/layout_table.less";*/ -/*@import "../less/layout_loginPage.less";*/ -/*@import "../less/layout_raster.less";*/ -/*@import "../less/layout_nextmatch.less";*/ -/*@import "../less/layout_footer.less";*/ -/*@import "../less/layout_dialog.less";*/ /** * * Mobile FW - Applications colors diff --git a/pixelegg/css/pixelegg.less b/pixelegg/css/pixelegg.less index 782bd83806..7f580150de 100644 --- a/pixelegg/css/pixelegg.less +++ b/pixelegg/css/pixelegg.less @@ -8,7 +8,16 @@ * @author Hadi Nategh * @package pixelegg */ -@import "monochrome.less"; +@import "../less/darkmode.less"; +@import "../less/etemplate2.less"; +// print ausgabe +@import "../less/print.less"; +@import "../less/jquery-ui.less"; + +/** + * layout_*.less files are Pixelegg template specific + */ +@import "../less/layout_definitions.less"; @import "../less/app_colors.less"; @import "../../node_modules/bootstrap-icons/font/bootstrap-icons.min.css"; diff --git a/pixelegg/less/darkmode.less b/pixelegg/less/darkmode.less index 606991bec3..c408dcc7c8 100644 --- a/pixelegg/less/darkmode.less +++ b/pixelegg/less/darkmode.less @@ -27,11 +27,10 @@ html[data-darkmode='1'] { - background: #000; - filter: invert(1) hue-rotate(180deg) brightness(1); + filter: invert(.82) hue-rotate(180deg) brightness(1); sl-menu-item::part(prefix), et2-select-country::part(prefix), - et2-button::part(prefix), *::part(image), et2-image, img, #blueimp-gallery:not(:fullscreen), #blueimp-gallery ol, + et2-button::part(prefix), *::part(image), et2-image, #blueimp-gallery:not(:fullscreen), #blueimp-gallery ol, et2-select-account::part(icon), et2-select-email::part(icon), sl-menu-item [slot="prefix"], iframe, et2-lavatar[image=""]::part(base), et2-avatar[id="_cropper_image"], video, #loginMainDiv, .et2_taglist_tags_icon, .fw_avatar_stat, et2-avatar-group, diff --git a/pixelegg/less/etemplate2.less b/pixelegg/less/etemplate2.less index ab3b89324a..4ed035ff2d 100755 --- a/pixelegg/less/etemplate2.less +++ b/pixelegg/less/etemplate2.less @@ -6,9 +6,6 @@ * Stefan Reinhardt */ -@import (reference) "./def_design_pattern_color_font_shadow.less"; -@import (reference) "./def_buttons.less"; -/*@import (less) "../../api/templates/default/etemplate2.css";*/ @media all { diff --git a/pixelegg/less/traditional.less b/pixelegg/less/traditional.less deleted file mode 100755 index 9e0156001e..0000000000 --- a/pixelegg/less/traditional.less +++ /dev/null @@ -1,23 +0,0 @@ -/** - * EGroupware: CSS with less preprocessor - - * traditional.less - * included in pixelegg.less since 17/03/2014 - - - * - * 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 Stefan Reinhard - * @package pixelegg - * @version $Id$ - */ - -/* - font styling - allowed attributes: font-family,font-size,color,font-weight -*/ - -// new changes since 17/03/2014 diff --git a/pixelegg/setup/setup.inc.php b/pixelegg/setup/setup.inc.php index a3bdad9220..6a6cde32b1 100755 --- a/pixelegg/setup/setup.inc.php +++ b/pixelegg/setup/setup.inc.php @@ -27,8 +27,7 @@ $GLOBALS['egw_info']['template']['pixelegg']['windowed'] = true; // specify (different) labels for default themes $GLOBALS['egw_info']['template']['pixelegg']['themes'] = array( 'pixelegg' => 'Standard', - 'monochrome' => 'Monochrome', - 'mobile' => 'Compact', + //'mobile' => 'Compact', ); // Dependencies for this template to work