extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-24 17:04:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

readded a ton of images I had not replacement for and which were used in less files, todo: fw_mobile.less

Browse Source
This commit is contained in:
ralf 2024-09-12 16:18:55 +02:00
parent 8198de396c
commit 1b0f8683bb
31 changed files with 388 additions and 443 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
api/src/Image.php
View File

@ -67,7 +67,7 @@ class Image
'discard' => 'arrow-counterclockwise', 'discard' => 'arrow-counterclockwise',
'done' => 'check-lg', 'done' => 'check-lg',
'dots' => 'three-dots-vertical', 'dots' => 'three-dots-vertical',
'down' => 'array-bar-down', 'down' => 'arrow-bar-down',
//'download' => 'download', //'download' => 'download',
'drop' => 'paperclip', 'drop' => 'paperclip',
'edit' => 'pencil-square', 'edit' => 'pencil-square',
@ -99,7 +99,7 @@ class Image
'list_alt' => 'list', 'list_alt' => 'list',
//'lock' => 'lock', //'lock' => 'lock',
'logout' => 'power', 'logout' => 'power',
//used in mobile: 'menu_active' => 'array-bar-left', //used in mobile: 'menu_active' => 'arrow-bar-left',
'mail' => 'envelope', 'mail' => 'envelope',
'menu_list' => 'list-task', 'menu_list' => 'list-task',
'milestone' => 'check2-circle', 'milestone' => 'check2-circle',
@ -179,7 +179,7 @@ class Image
'navbar' => 'app', 'navbar' => 'app',
'new' => 'file-earmark-plus', 'new' => 'file-earmark-plus',
'new_leaf' => 'file-earmark-plus', 'new_leaf' => 'file-earmark-plus',
'next' => 'array-bar-right', 'next' => 'arrow-bar-right',
'notification_message' => 'bell', 'notification_message' => 'bell',
'notification_message_active' => 'bell', 'notification_message_active' => 'bell',
'offer' => 'question-square', 'offer' => 'question-square',
@ -192,7 +192,7 @@ class Image
'plus' => 'plus-lg', 'plus' => 'plus-lg',
'portrait' => 'tablet', 'portrait' => 'tablet',
'preferences' => 'gear', 'preferences' => 'gear',
'previous' => 'array-bar-left', 'previous' => 'arrow-bar-left',
'print' => 'printer', 'print' => 'printer',
'prio_high' => 'arrow-up-circle', 'prio_high' => 'arrow-up-circle',
'prio_low' => 'arrow-down-circle', 'prio_low' => 'arrow-down-circle',

BIN
api/templates/default/images/ajax-loader.gif Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 875 B

BIN
api/templates/default/images/bgtopmenu2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 147 B

BIN
api/templates/default/images/clear.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 954 B

BIN
api/templates/default/images/hint-arrow-right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
api/templates/default/images/resize.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 275 B

BIN
api/templates/default/images/select-icons.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
api/templates/default/images/slideup.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 257 B

BIN
api/templates/default/images/splitter_horz.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 395 B

BIN
api/templates/default/images/splitter_vert.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 398 B

133
pixelegg/css/fancy.css
View File

@ -277,13 +277,13 @@
margin-left: -10px; margin-left: -10px;
} }
a.et2_url.email { a.et2_url.email {
background-image: url(../../api/templates/default/images/email.svg); background-image: url(../../node_modules/bootstrap-icons/icons/envelope.svg);
} }
a.et2_url.phone { a.et2_url.phone {
background-image: url(../../api/templates/default/images/phone.svg); background-image: url(../../node_modules/bootstrap-icons/icons/telephone.svg);
} }
a.et2_url.url { a.et2_url.url {
background-image: url(../../api/templates/default/images/url.svg); background-image: url(../../node_modules/bootstrap-icons/icons/link-45deg.svg);
} }
/** /**
* Button widget - text only, and icon * Button widget - text only, and icon
@ -355,7 +355,7 @@
} }
.et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close { .et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close {
/*visibility: hidden;*/ /*visibility: hidden;*/
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../node_modules/bootstrap-icons/icons/x-square.svg);
margin: -2px -3px; margin: -2px -3px;
padding: 0px; padding: 0px;
} }
@ -375,7 +375,7 @@
border-left: 1px solid #F2F2F2; border-left: 1px solid #F2F2F2;
} }
.ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] { .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
background-image: url(../../api/templates/default/images/bullet.svg); background-image: url(../../node_modules/bootstrap-icons/icons/record.svg);
background-color: transparent; background-color: transparent;
background-size: contain; background-size: contain;
border: none; border: none;
@ -387,12 +387,12 @@
background-color: transparent; background-color: transparent;
} }
.ui-datepicker .ui-datepicker-prev span { .ui-datepicker .ui-datepicker-prev span {
background-image: url(../../api/templates/default/images/previous.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg) !important;
background-position: 0px 0px !important; background-position: 0px 0px !important;
background-size: contain; background-size: contain;
} }
.ui-datepicker .ui-datepicker-next span { .ui-datepicker .ui-datepicker-next span {
background-image: url(../../api/templates/default/images/next.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg) !important;
background-position: 0px 0px !important; background-position: 0px 0px !important;
background-size: contain; background-size: contain;
} }
@ -403,13 +403,13 @@
.et2_file .progress li:hover div.remove { .et2_file .progress li:hover div.remove {
width: 16px; width: 16px;
height: 16px; height: 16px;
background-image: url("../../api/templates/default/images/delete.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg");
} }
.et2_file .progress p { .et2_file .progress p {
background-color: #FFDD73; background-color: #FFDD73;
} }
span.et2_file_span { span.et2_file_span {
background-image: url(../../api/templates/default/images/attach.svg); background-image: url(../../node_modules/bootstrap-icons/icons/paperclip.svg);
} }
span.et2_file_span img[url*="svg"] { span.et2_file_span img[url*="svg"] {
background-color: #b4b4b4 !important; background-color: #b4b4b4 !important;
@ -509,7 +509,7 @@
left: 0px; left: 0px;
} }
.et2_link_to .et2_link_entry .ui-icon-triangle-1-s { .et2_link_to .et2_link_entry .ui-icon-triangle-1-s {
background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right;
} }
.et2_link_to .et2_file span { .et2_link_to .et2_file span {
background-position: center; background-position: center;
@ -520,7 +520,7 @@
border-radius: 3px; border-radius: 3px;
} }
.et2_link_entry .ui-icon-triangle-1-s { .et2_link_entry .ui-icon-triangle-1-s {
background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right;
background-size: contain; background-size: contain;
} }
.et2_link { .et2_link {
@ -541,7 +541,7 @@
} }
.et2_link_list td div.delete { .et2_link_list td div.delete {
visibility: hidden; visibility: hidden;
background-image: url("../../api/templates/default/images/delete.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 12px 12px; background-size: 12px 12px;
@ -549,7 +549,7 @@
} }
.et2_vfs td div.delete { .et2_vfs td div.delete {
visibility: hidden; visibility: hidden;
background-image: url("../../api/templates/default/images/delete.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 12px 12px; background-size: 12px 12px;
@ -911,7 +911,7 @@
color: #000000; color: #000000;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash { .sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash {
background-image: url(../../api/templates/default/images/delete.svg); background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: center 2px; background-position: center 2px;
margin-top: 0px; margin-top: 0px;
@ -929,7 +929,7 @@
.sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart { .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart {
width: 9px; width: 9px;
height: 16px; height: 16px;
background-image: url(../../api/templates/default/images/favorites.svg); background-image: url(../../node_modules/bootstrap-icons/icons/star-fill.svg);
background-size: 16px 16px; background-size: 16px 16px;
background-position: 1px 0; background-position: 1px 0;
margin-right: 9px; margin-right: 9px;
@ -940,7 +940,7 @@
height: 16px; height: 16px;
margin-left: 4px; margin-left: 4px;
margin-right: 10px; margin-right: 10px;
background-image: url(../../api/templates/default/images/fav_filter.svg); background-image: url(../../node_modules/bootstrap-icons/icons/star.svg);
background-size: 16px 16px; background-size: 16px 16px;
background-position: 0 0; background-position: 0 0;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -972,12 +972,12 @@
} }
.nextmatch_sortheader.asc { .nextmatch_sortheader.asc {
font-weight: bold; font-weight: bold;
background-image: url(../../api/templates/default/images/arrow_up.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg);
background-size: 8px 8px; background-size: 8px 8px;
} }
.nextmatch_sortheader.desc { .nextmatch_sortheader.desc {
font-weight: bold; font-weight: bold;
background-image: url(../../api/templates/default/images/arrow_down.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg);
background-size: 8px 8px; background-size: 8px 8px;
} }
/** /**
@ -1027,11 +1027,11 @@
* et2_taglist * et2_taglist
*/ */
.et2_taglist_toggle > div.toggle { .et2_taglist_toggle > div.toggle {
background-image: url("../../api/templates/default/images/minus.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/dash-lg.svg");
background-size: 50%; background-size: 50%;
} }
.et2_taglist_toggle.et2_taglist_single.expanded > div.toggle { .et2_taglist_toggle.et2_taglist_single.expanded > div.toggle {
background-image: url("../../api/templates/default/images/plus.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/plus-lg.svg");
background-size: 50%; background-size: 50%;
} }
.et2_taglist.et2_taglist_category { .et2_taglist.et2_taglist_category {
@ -1106,11 +1106,11 @@
padding-left: 5px; padding-left: 5px;
} }
.et2_vfsPath input.et2_textbox.et2_vfs { .et2_vfsPath input.et2_textbox.et2_vfs {
background-image: url(../../api/templates/default/images/edit.svg); background-image: url(../../node_modules/bootstrap-icons/icons/pencil-square.svg);
} }
/*#################################### ET2 SEARCHBOX #####################################################*/ /*#################################### ET2 SEARCHBOX #####################################################*/
.et2_searchbox button.et2_button { .et2_searchbox button.et2_button {
background-image: url(../../api/templates/default/images/search.svg); background-image: url(../../node_modules/bootstrap-icons/icons/search.svg);
background-size: 20px 20px; background-size: 20px 20px;
background-position: center; background-position: center;
} }
@ -1242,13 +1242,13 @@ option:checked {
text-decoration: none; text-decoration: none;
} }
.ui-state-default .ui-icon.ui-icon-triangle-1-s { .ui-state-default .ui-icon.ui-icon-triangle-1-s {
background: url("../../api/templates/default/images/arrow_down.svg"); background: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg");
background-size: 8px auto; background-size: 8px auto;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.ui-widget-header .ui-icon.ui-icon-check { .ui-widget-header .ui-icon.ui-icon-check {
background-image: url("../../api/templates/default/images/check.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/check-lg.svg");
background-size: 12px auto; background-size: 12px auto;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1343,9 +1343,7 @@ option:checked {
background-color: #FFDD73; background-color: #FFDD73;
} }
.ui-icon-close { .ui-icon-close {
/*visibility: hidden;*/ background-image: url("../../node_modules/bootstrap-icons/icons/x-square.svg");
/*background-image: url(../../api/templates/default/images/search.png);*/
background-image: url("../../api/templates/default/images/cancel.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: #FFFFFF; background-color: #FFFFFF;
background-size: 12px 12px; background-size: 12px 12px;
@ -1375,7 +1373,7 @@ span.ui-icon-close {
} }
/*Schliessen x*/ /*Schliessen x*/
.ui-icon-closethick { .ui-icon-closethick {
background-image: url(../../api/templates/default/images/close.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg) !important;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: #FFFFFF; background-color: #FFFFFF;
background-size: contain; background-size: contain;
@ -1424,7 +1422,7 @@ span.ui-multiselect-header {
color: #FFFFFF; color: #FFFFFF;
} }
span.ui-icon-search { span.ui-icon-search {
background-image: url(../../api/templates/default/images/search.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/search.svg) !important;
background-position: 0px; background-position: 0px;
background-size: 10px 10px; background-size: 10px 10px;
} }
@ -2173,7 +2171,7 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
background-color: transparent; background-color: transparent;
} }
#loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] { #loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] {
background-image: url(../../api/templates/default/images/task.png); /*background-image: url(../../node_modules/bootstrap-icons/icons/task.png);*/
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-x: 0; background-position-x: 0;
} }
@ -2215,10 +2213,10 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
opacity: 0.5; opacity: 0.5;
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.username { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.username {
background-image: url(../../api/templates/default/images/personal.svg); background-image: url(../../node_modules/bootstrap-icons/icons/person.svg);
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.password { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.password {
background-image: url(../../api/templates/default/images/password.svg); background-image: url(../../node_modules/bootstrap-icons/icons/key.svg);
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me {
background-image: none; background-image: none;
@ -2227,10 +2225,10 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
padding-left: 31px; padding-left: 31px;
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain {
background-image: url(../../api/templates/default/images/internet.png); background-image: url(../../node_modules/bootstrap-icons/icons/globe2.svg);
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.language { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.language {
background-image: url(../../api/templates/default/images/language.png); background-image: url(../../node_modules/bootstrap-icons/icons/translate.svg);
} }
#loginMainDiv div#centerBox form table.divLoginbox input[type="checkbox"] { #loginMainDiv div#centerBox form table.divLoginbox input[type="checkbox"] {
height: 25px; height: 25px;
@ -2379,7 +2377,7 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
float: right; float: right;
} }
.egw_fw_ui_tab_content > .loading { .egw_fw_ui_tab_content > .loading {
background-image: url('../../api/templates/default/images/loading.gif'); background-image: url('../../api/templates/default/images/loading.svg');
background-repeat: no-repeat; background-repeat: no-repeat;
text-align: center; text-align: center;
line-height: 400px; line-height: 400px;
@ -2522,7 +2520,7 @@ button[id="timesheet-edit_button[delete]"],
button[id="displayToolbar-delete"], button[id="displayToolbar-delete"],
button.et2_button_delete { button.et2_button_delete {
/*background-color: @color_negative_action_hover !important;*/ /*background-color: @color_negative_action_hover !important;*/
background-image: url('../../api/templates/default/images/delete.png'); background-image: url('../../node_modules/bootstrap-icons/icons/trash3.svg');
margin-left: 3em; margin-left: 3em;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
@ -2625,7 +2623,7 @@ button.et2_button_delete:active {
* *
######################################################################################## */ ######################################################################################## */
#passwordchange { #passwordchange {
background-image: url('../../api/templates/default/images/cancel.png') !important; background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2672,7 +2670,7 @@ button.et2_button_delete:active {
/*div.et2_box_widget .et2_button_text:last_child,*/ /*div.et2_box_widget .et2_button_text:last_child,*/
button[id="cancel"], button[id="cancel"],
button#cancel { button#cancel {
background-image: url('../../api/templates/default/images/cancel.png') !important; background-image: url('node_modules/bootstrap-icons/icons/x-square.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2714,7 +2712,7 @@ button#cancel:active {
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 { #passwordcancel {
background-image: url('../../api/templates/default/images/cancel.png') !important; background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2777,7 +2775,7 @@ button.add:before {
line-height: 1.1em; line-height: 1.1em;
} }
button[id="add"] { button[id="add"] {
background-image: url('../../api/templates/default/images/add.png') !important; background-image: url('../../node_modules/bootstrap-icons/icons/plus-circle.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2824,13 +2822,13 @@ button[id="add"] {
/* @end */ /* @end */
/* @group Single Chosen */ /* @group Single Chosen */
.chzn-container-single .chzn-single div b { .chzn-container-single .chzn-single div b {
background-image: url("../../api/templates/default/images/arrow_down.svg") !important; background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg") !important;
background-size: 8px auto !important; background-size: 8px auto !important;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.chzn-container-single.chzn-with-drop .chzn-single div b { .chzn-container-single.chzn-with-drop .chzn-single div b {
background-image: url("../../api/templates/default/images/arrow_up.svg") !important; background-image: url("../../node_modules/bootstrap-icons/icons/caret-up-fill.svg") !important;
background-size: 8px auto; background-size: 8px auto;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -3055,12 +3053,12 @@ select {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
margin: 0; margin: 0;
background: url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; background: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right;
background-size: 8px auto; background-size: 8px auto;
background-position-x: calc(100% - 8px); background-position-x: calc(100% - 8px);
} }
select:active { select:active {
background: #ffffff url(../../api/templates/default/images/arrow_up.svg) no-repeat center right; background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg) no-repeat center right;
background-size: 8px auto; background-size: 8px auto;
background-position-x: calc(100% - 8px); background-position-x: calc(100% - 8px);
} }
@ -3217,11 +3215,6 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.su
* @package pixelegg * @package pixelegg
* @version $Id$ * @version $Id$
*/ */
/*body {
background-color: @gray_0;
background-image: url(../../api/templates/default/images/bgDialog.png);
background-repeat: repeat-x;
}*/
div#popupMainDiv { div#popupMainDiv {
padding: 8px; padding: 8px;
background-color: #FFFFFF; background-color: #FFFFFF;
@ -3250,7 +3243,7 @@ form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input {
/*.background-clip(padding-box);*/ /*.background-clip(padding-box);*/
} }
form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker { form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker {
background-image: url("../../api/templates/default/images/datepopup.png"); 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 { form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker:hover {
cursor: pointer; cursor: pointer;
@ -3549,21 +3542,21 @@ div.admin-config form > table td b {
} }
.warning_message { .warning_message {
border-left: 24px solid rgba(255, 204, 0, 0.5) !important; border-left: 24px solid rgba(255, 204, 0, 0.5) !important;
background-image: url(../../api/templates/default/images/dialog_warning.png); background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-triangle.svg);
} }
.error_message { .error_message {
border-left: 24px solid rgba(204, 0, 51, 0.5) !important; border-left: 24px solid rgba(204, 0, 51, 0.5) !important;
background-image: url(../../api/templates/default/images/dialog_error.png); background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-circle.svg);
} }
.info_message { .info_message {
background-image: url(../../api/templates/default/images/dialog_info.svg); background-image: url(../../node_modules/bootstrap-icons/icons/info-circle.svg);
} }
.info_message .discard { .info_message .discard {
float: right; float: right;
margin-top: 4px; margin-top: 4px;
} }
.success_message { .success_message {
background-image: url(../../api/templates/default/images/check.svg); background-image: url(../../node_modules/bootstrap-icons/icons/check-lg.svg);
} }
/** /**
* Message in popup * Message in popup
@ -3616,7 +3609,7 @@ body .egw_message_wrapper div#egw_message span.close {
background: #d0cdcdb5; background: #d0cdcdb5;
right: 10px; right: 10px;
top: 10px; top: 10px;
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg);
background-size: 12px; background-size: 12px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
@ -3872,7 +3865,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/delete.svg); background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 12px; background-size: 12px;
@ -3922,7 +3915,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/search.svg); background-image: url(../../node_modules/bootstrap-icons/icons/search.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 12px; background-size: 12px;
@ -3973,7 +3966,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 12px; background-size: 12px;
@ -3988,7 +3981,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/back.png); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 16px; background-size: 16px;
@ -4003,7 +3996,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/forward.png); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 16px; background-size: 16px;
@ -4039,7 +4032,7 @@ td.lettersearch {
background: rgba(103, 159, 210, 0.2); background: rgba(103, 159, 210, 0.2);
} }
#egwpopup div#egwpopup_header .egwpopup_deleteall { #egwpopup div#egwpopup_header .egwpopup_deleteall {
background-image: url(../../api/templates/default/images/delete.svg); background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg);
width: 12px; width: 12px;
height: 12px; height: 12px;
background-position: center; background-position: center;
@ -4442,7 +4435,7 @@ body.scrollVertical {
} }
/*ICON List*/ /*ICON List*/
#egw_fw_topmenu_slide.slidedown { #egw_fw_topmenu_slide.slidedown {
background-image: url("../../api/templates/default/images/list.png"); background-image: url("../../node_modules/bootstrap-icons/icons/list.svg");
background-position: center center; background-position: center center;
height: 15px; height: 15px;
width: 15px; width: 15px;
@ -4588,7 +4581,7 @@ body.scrollVertical {
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover .egw_fw_ui_tab_close_button { #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; top: 0px;
background-image: url(../../api/templates/default/images/close.svg); 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 { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
font-size: 12px; font-size: 12px;
@ -4772,7 +4765,7 @@ body.scrollVertical {
padding-left: 35px; padding-left: 35px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover {
background-image: url(../../api/templates/default/images/reload.png); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-clockwise.svg);
background-size: 18px; background-size: 18px;
background-position: 9px 6px; background-position: 9px 6px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -4855,7 +4848,7 @@ body.scrollVertical {
line-height: 1em; line-height: 1em;
font-size: 13px; font-size: 13px;
font-weight: normal; font-weight: normal;
background-image: url(../../api/templates/default/images/arrow_right.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-right-fill.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
background-size: 12px; background-size: 12px;
@ -4877,7 +4870,7 @@ body.scrollVertical {
#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 h1,
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 {
color: #f2f2f2; color: #f2f2f2;
background-image: url(../../api/templates/default/images/arrow_down.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg);
line-height: 1em; line-height: 1em;
font-size: 12px; font-size: 12px;
background-size: 12px; background-size: 12px;
@ -5245,7 +5238,7 @@ body.scrollVertical {
height: 35px; height: 35px;
top: 0px; top: 0px;
border-bottom: 1px solid silver; border-bottom: 1px solid silver;
background-image: url(../../api/templates/default/images/up.svg); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-up.svg.svg);
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-y: 5px; background-position-y: 5px;
@ -5255,7 +5248,7 @@ body.scrollVertical {
bottom: 0px; bottom: 0px;
height: 35px; height: 35px;
border-top: 1px solid silver; border-top: 1px solid silver;
background-image: url(../../api/templates/default/images/down.svg); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-down.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-position-y: 6px; background-position-y: 6px;
@ -6162,12 +6155,12 @@ table.egwGridView_grid span.arrow {
width: 8px; width: 8px;
} }
table.egwGridView_grid span.arrow.opened { table.egwGridView_grid span.arrow.opened {
background-image: url("../../api/templates/default/images/arrow_down.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg");
cursor: pointer; cursor: pointer;
background-position: bottom; background-position: bottom;
} }
table.egwGridView_grid span.arrow.closed { table.egwGridView_grid span.arrow.closed {
background-image: url("../../api/templates/default/images/arrow_right.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/caret-right-fill.svg");
cursor: pointer; cursor: pointer;
background-position: right; background-position: right;
} }

133
pixelegg/css/mobile.css
View File

@ -280,13 +280,13 @@
margin-left: -10px; margin-left: -10px;
} }
a.et2_url.email { a.et2_url.email {
background-image: url(../../api/templates/default/images/email.svg); background-image: url(../../node_modules/bootstrap-icons/icons/envelope.svg);
} }
a.et2_url.phone { a.et2_url.phone {
background-image: url(../../api/templates/default/images/phone.svg); background-image: url(../../node_modules/bootstrap-icons/icons/telephone.svg);
} }
a.et2_url.url { a.et2_url.url {
background-image: url(../../api/templates/default/images/url.svg); background-image: url(../../node_modules/bootstrap-icons/icons/link-45deg.svg);
} }
/** /**
* Button widget - text only, and icon * Button widget - text only, and icon
@ -358,7 +358,7 @@
} }
.et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close { .et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close {
/*visibility: hidden;*/ /*visibility: hidden;*/
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../node_modules/bootstrap-icons/icons/x-square.svg);
margin: -2px -3px; margin: -2px -3px;
padding: 0px; padding: 0px;
} }
@ -378,7 +378,7 @@
border-left: 1px solid #F2F2F2; border-left: 1px solid #F2F2F2;
} }
.ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] { .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
background-image: url(../../api/templates/default/images/bullet.svg); background-image: url(../../node_modules/bootstrap-icons/icons/record.svg);
background-color: transparent; background-color: transparent;
background-size: contain; background-size: contain;
border: none; border: none;
@ -390,12 +390,12 @@
background-color: transparent; background-color: transparent;
} }
.ui-datepicker .ui-datepicker-prev span { .ui-datepicker .ui-datepicker-prev span {
background-image: url(../../api/templates/default/images/previous.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg) !important;
background-position: 0px 0px !important; background-position: 0px 0px !important;
background-size: contain; background-size: contain;
} }
.ui-datepicker .ui-datepicker-next span { .ui-datepicker .ui-datepicker-next span {
background-image: url(../../api/templates/default/images/next.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg) !important;
background-position: 0px 0px !important; background-position: 0px 0px !important;
background-size: contain; background-size: contain;
} }
@ -406,13 +406,13 @@
.et2_file .progress li:hover div.remove { .et2_file .progress li:hover div.remove {
width: 16px; width: 16px;
height: 16px; height: 16px;
background-image: url("../../api/templates/default/images/delete.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg");
} }
.et2_file .progress p { .et2_file .progress p {
background-color: #FFDD73; background-color: #FFDD73;
} }
span.et2_file_span { span.et2_file_span {
background-image: url(../../api/templates/default/images/attach.svg); background-image: url(../../node_modules/bootstrap-icons/icons/paperclip.svg);
} }
span.et2_file_span img[url*="svg"] { span.et2_file_span img[url*="svg"] {
background-color: #b4b4b4 !important; background-color: #b4b4b4 !important;
@ -512,7 +512,7 @@
left: 0px; left: 0px;
} }
.et2_link_to .et2_link_entry .ui-icon-triangle-1-s { .et2_link_to .et2_link_entry .ui-icon-triangle-1-s {
background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right;
} }
.et2_link_to .et2_file span { .et2_link_to .et2_file span {
background-position: center; background-position: center;
@ -523,7 +523,7 @@
border-radius: 3px; border-radius: 3px;
} }
.et2_link_entry .ui-icon-triangle-1-s { .et2_link_entry .ui-icon-triangle-1-s {
background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right;
background-size: contain; background-size: contain;
} }
.et2_link { .et2_link {
@ -544,7 +544,7 @@
} }
.et2_link_list td div.delete { .et2_link_list td div.delete {
visibility: hidden; visibility: hidden;
background-image: url("../../api/templates/default/images/delete.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 12px 12px; background-size: 12px 12px;
@ -552,7 +552,7 @@
} }
.et2_vfs td div.delete { .et2_vfs td div.delete {
visibility: hidden; visibility: hidden;
background-image: url("../../api/templates/default/images/delete.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 12px 12px; background-size: 12px 12px;
@ -914,7 +914,7 @@
color: #000000; color: #000000;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash { .sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash {
background-image: url(../../api/templates/default/images/delete.svg); background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: center 2px; background-position: center 2px;
margin-top: 0px; margin-top: 0px;
@ -932,7 +932,7 @@
.sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart { .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart {
width: 9px; width: 9px;
height: 16px; height: 16px;
background-image: url(../../api/templates/default/images/favorites.svg); background-image: url(../../node_modules/bootstrap-icons/icons/star-fill.svg);
background-size: 16px 16px; background-size: 16px 16px;
background-position: 1px 0; background-position: 1px 0;
margin-right: 9px; margin-right: 9px;
@ -943,7 +943,7 @@
height: 16px; height: 16px;
margin-left: 4px; margin-left: 4px;
margin-right: 10px; margin-right: 10px;
background-image: url(../../api/templates/default/images/fav_filter.svg); background-image: url(../../node_modules/bootstrap-icons/icons/star.svg);
background-size: 16px 16px; background-size: 16px 16px;
background-position: 0 0; background-position: 0 0;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -975,12 +975,12 @@
} }
.nextmatch_sortheader.asc { .nextmatch_sortheader.asc {
font-weight: bold; font-weight: bold;
background-image: url(../../api/templates/default/images/arrow_up.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg);
background-size: 8px 8px; background-size: 8px 8px;
} }
.nextmatch_sortheader.desc { .nextmatch_sortheader.desc {
font-weight: bold; font-weight: bold;
background-image: url(../../api/templates/default/images/arrow_down.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg);
background-size: 8px 8px; background-size: 8px 8px;
} }
/** /**
@ -1030,11 +1030,11 @@
* et2_taglist * et2_taglist
*/ */
.et2_taglist_toggle > div.toggle { .et2_taglist_toggle > div.toggle {
background-image: url("../../api/templates/default/images/minus.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/dash-lg.svg");
background-size: 50%; background-size: 50%;
} }
.et2_taglist_toggle.et2_taglist_single.expanded > div.toggle { .et2_taglist_toggle.et2_taglist_single.expanded > div.toggle {
background-image: url("../../api/templates/default/images/plus.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/plus-lg.svg");
background-size: 50%; background-size: 50%;
} }
.et2_taglist.et2_taglist_category { .et2_taglist.et2_taglist_category {
@ -1109,11 +1109,11 @@
padding-left: 5px; padding-left: 5px;
} }
.et2_vfsPath input.et2_textbox.et2_vfs { .et2_vfsPath input.et2_textbox.et2_vfs {
background-image: url(../../api/templates/default/images/edit.svg); background-image: url(../../node_modules/bootstrap-icons/icons/pencil-square.svg);
} }
/*#################################### ET2 SEARCHBOX #####################################################*/ /*#################################### ET2 SEARCHBOX #####################################################*/
.et2_searchbox button.et2_button { .et2_searchbox button.et2_button {
background-image: url(../../api/templates/default/images/search.svg); background-image: url(../../node_modules/bootstrap-icons/icons/search.svg);
background-size: 20px 20px; background-size: 20px 20px;
background-position: center; background-position: center;
} }
@ -1245,13 +1245,13 @@ option:checked {
text-decoration: none; text-decoration: none;
} }
.ui-state-default .ui-icon.ui-icon-triangle-1-s { .ui-state-default .ui-icon.ui-icon-triangle-1-s {
background: url("../../api/templates/default/images/arrow_down.svg"); background: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg");
background-size: 8px auto; background-size: 8px auto;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.ui-widget-header .ui-icon.ui-icon-check { .ui-widget-header .ui-icon.ui-icon-check {
background-image: url("../../api/templates/default/images/check.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/check-lg.svg");
background-size: 12px auto; background-size: 12px auto;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1346,9 +1346,7 @@ option:checked {
background-color: #FFDD73; background-color: #FFDD73;
} }
.ui-icon-close { .ui-icon-close {
/*visibility: hidden;*/ background-image: url("../../node_modules/bootstrap-icons/icons/x-square.svg");
/*background-image: url(../../api/templates/default/images/search.png);*/
background-image: url("../../api/templates/default/images/cancel.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: #FFFFFF; background-color: #FFFFFF;
background-size: 12px 12px; background-size: 12px 12px;
@ -1378,7 +1376,7 @@ span.ui-icon-close {
} }
/*Schliessen x*/ /*Schliessen x*/
.ui-icon-closethick { .ui-icon-closethick {
background-image: url(../../api/templates/default/images/close.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg) !important;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: #FFFFFF; background-color: #FFFFFF;
background-size: contain; background-size: contain;
@ -1427,7 +1425,7 @@ span.ui-multiselect-header {
color: #FFFFFF; color: #FFFFFF;
} }
span.ui-icon-search { span.ui-icon-search {
background-image: url(../../api/templates/default/images/search.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/search.svg) !important;
background-position: 0px; background-position: 0px;
background-size: 10px 10px; background-size: 10px 10px;
} }
@ -2176,7 +2174,7 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
background-color: transparent; background-color: transparent;
} }
#loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] { #loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] {
background-image: url(../../api/templates/default/images/task.png); /*background-image: url(../../node_modules/bootstrap-icons/icons/task.png);*/
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-x: 0; background-position-x: 0;
} }
@ -2218,10 +2216,10 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
opacity: 0.5; opacity: 0.5;
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.username { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.username {
background-image: url(../../api/templates/default/images/personal.svg); background-image: url(../../node_modules/bootstrap-icons/icons/person.svg);
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.password { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.password {
background-image: url(../../api/templates/default/images/password.svg); background-image: url(../../node_modules/bootstrap-icons/icons/key.svg);
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me {
background-image: none; background-image: none;
@ -2230,10 +2228,10 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
padding-left: 31px; padding-left: 31px;
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain {
background-image: url(../../api/templates/default/images/internet.png); background-image: url(../../node_modules/bootstrap-icons/icons/globe2.svg);
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.language { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.language {
background-image: url(../../api/templates/default/images/language.png); background-image: url(../../node_modules/bootstrap-icons/icons/translate.svg);
} }
#loginMainDiv div#centerBox form table.divLoginbox input[type="checkbox"] { #loginMainDiv div#centerBox form table.divLoginbox input[type="checkbox"] {
height: 25px; height: 25px;
@ -2382,7 +2380,7 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
float: right; float: right;
} }
.egw_fw_ui_tab_content > .loading { .egw_fw_ui_tab_content > .loading {
background-image: url('../../api/templates/default/images/loading.gif'); background-image: url('../../api/templates/default/images/loading.svg');
background-repeat: no-repeat; background-repeat: no-repeat;
text-align: center; text-align: center;
line-height: 400px; line-height: 400px;
@ -2525,7 +2523,7 @@ button[id="timesheet-edit_button[delete]"],
button[id="displayToolbar-delete"], button[id="displayToolbar-delete"],
button.et2_button_delete { button.et2_button_delete {
/*background-color: @color_negative_action_hover !important;*/ /*background-color: @color_negative_action_hover !important;*/
background-image: url('../../api/templates/default/images/delete.png'); background-image: url('../../node_modules/bootstrap-icons/icons/trash3.svg');
margin-left: 3em; margin-left: 3em;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
@ -2628,7 +2626,7 @@ button.et2_button_delete:active {
* *
######################################################################################## */ ######################################################################################## */
#passwordchange { #passwordchange {
background-image: url('../../api/templates/default/images/cancel.png') !important; background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2675,7 +2673,7 @@ button.et2_button_delete:active {
/*div.et2_box_widget .et2_button_text:last_child,*/ /*div.et2_box_widget .et2_button_text:last_child,*/
button[id="cancel"], button[id="cancel"],
button#cancel { button#cancel {
background-image: url('../../api/templates/default/images/cancel.png') !important; background-image: url('node_modules/bootstrap-icons/icons/x-square.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2717,7 +2715,7 @@ button#cancel:active {
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 { #passwordcancel {
background-image: url('../../api/templates/default/images/cancel.png') !important; background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2780,7 +2778,7 @@ button.add:before {
line-height: 1.1em; line-height: 1.1em;
} }
button[id="add"] { button[id="add"] {
background-image: url('../../api/templates/default/images/add.png') !important; background-image: url('../../node_modules/bootstrap-icons/icons/plus-circle.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2827,13 +2825,13 @@ button[id="add"] {
/* @end */ /* @end */
/* @group Single Chosen */ /* @group Single Chosen */
.chzn-container-single .chzn-single div b { .chzn-container-single .chzn-single div b {
background-image: url("../../api/templates/default/images/arrow_down.svg") !important; background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg") !important;
background-size: 8px auto !important; background-size: 8px auto !important;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.chzn-container-single.chzn-with-drop .chzn-single div b { .chzn-container-single.chzn-with-drop .chzn-single div b {
background-image: url("../../api/templates/default/images/arrow_up.svg") !important; background-image: url("../../node_modules/bootstrap-icons/icons/caret-up-fill.svg") !important;
background-size: 8px auto; background-size: 8px auto;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -3058,12 +3056,12 @@ select {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
margin: 0; margin: 0;
background: url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; background: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right;
background-size: 8px auto; background-size: 8px auto;
background-position-x: calc(100% - 8px); background-position-x: calc(100% - 8px);
} }
select:active { select:active {
background: #ffffff url(../../api/templates/default/images/arrow_up.svg) no-repeat center right; background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg) no-repeat center right;
background-size: 8px auto; background-size: 8px auto;
background-position-x: calc(100% - 8px); background-position-x: calc(100% - 8px);
} }
@ -3220,11 +3218,6 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.su
* @package pixelegg * @package pixelegg
* @version $Id$ * @version $Id$
*/ */
/*body {
background-color: @gray_0;
background-image: url(../../api/templates/default/images/bgDialog.png);
background-repeat: repeat-x;
}*/
div#popupMainDiv { div#popupMainDiv {
padding: 8px; padding: 8px;
background-color: #FFFFFF; background-color: #FFFFFF;
@ -3253,7 +3246,7 @@ form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input {
/*.background-clip(padding-box);*/ /*.background-clip(padding-box);*/
} }
form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker { form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker {
background-image: url("../../api/templates/default/images/datepopup.png"); 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 { form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker:hover {
cursor: pointer; cursor: pointer;
@ -3552,21 +3545,21 @@ div.admin-config form > table td b {
} }
.warning_message { .warning_message {
border-left: 24px solid rgba(255, 204, 0, 0.5) !important; border-left: 24px solid rgba(255, 204, 0, 0.5) !important;
background-image: url(../../api/templates/default/images/dialog_warning.png); background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-triangle.svg);
} }
.error_message { .error_message {
border-left: 24px solid rgba(204, 0, 51, 0.5) !important; border-left: 24px solid rgba(204, 0, 51, 0.5) !important;
background-image: url(../../api/templates/default/images/dialog_error.png); background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-circle.svg);
} }
.info_message { .info_message {
background-image: url(../../api/templates/default/images/dialog_info.svg); background-image: url(../../node_modules/bootstrap-icons/icons/info-circle.svg);
} }
.info_message .discard { .info_message .discard {
float: right; float: right;
margin-top: 4px; margin-top: 4px;
} }
.success_message { .success_message {
background-image: url(../../api/templates/default/images/check.svg); background-image: url(../../node_modules/bootstrap-icons/icons/check-lg.svg);
} }
/** /**
* Message in popup * Message in popup
@ -3619,7 +3612,7 @@ body .egw_message_wrapper div#egw_message span.close {
background: #d0cdcdb5; background: #d0cdcdb5;
right: 10px; right: 10px;
top: 10px; top: 10px;
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg);
background-size: 12px; background-size: 12px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
@ -3875,7 +3868,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/delete.svg); background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 12px; background-size: 12px;
@ -3925,7 +3918,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/search.svg); background-image: url(../../node_modules/bootstrap-icons/icons/search.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 12px; background-size: 12px;
@ -3976,7 +3969,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 12px; background-size: 12px;
@ -3991,7 +3984,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/back.png); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 16px; background-size: 16px;
@ -4006,7 +3999,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/forward.png); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 16px; background-size: 16px;
@ -4042,7 +4035,7 @@ td.lettersearch {
background: rgba(103, 159, 210, 0.2); background: rgba(103, 159, 210, 0.2);
} }
#egwpopup div#egwpopup_header .egwpopup_deleteall { #egwpopup div#egwpopup_header .egwpopup_deleteall {
background-image: url(../../api/templates/default/images/delete.svg); background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg);
width: 12px; width: 12px;
height: 12px; height: 12px;
background-position: center; background-position: center;
@ -4445,7 +4438,7 @@ body.scrollVertical {
} }
/*ICON List*/ /*ICON List*/
#egw_fw_topmenu_slide.slidedown { #egw_fw_topmenu_slide.slidedown {
background-image: url("../../api/templates/default/images/list.png"); background-image: url("../../node_modules/bootstrap-icons/icons/list.svg");
background-position: center center; background-position: center center;
height: 15px; height: 15px;
width: 15px; width: 15px;
@ -4591,7 +4584,7 @@ body.scrollVertical {
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover .egw_fw_ui_tab_close_button { #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; top: 0px;
background-image: url(../../api/templates/default/images/close.svg); 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 { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
font-size: 12px; font-size: 12px;
@ -4775,7 +4768,7 @@ body.scrollVertical {
padding-left: 35px; padding-left: 35px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover {
background-image: url(../../api/templates/default/images/reload.png); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-clockwise.svg);
background-size: 18px; background-size: 18px;
background-position: 9px 6px; background-position: 9px 6px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -4858,7 +4851,7 @@ body.scrollVertical {
line-height: 1em; line-height: 1em;
font-size: 13px; font-size: 13px;
font-weight: normal; font-weight: normal;
background-image: url(../../api/templates/default/images/arrow_right.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-right-fill.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
background-size: 12px; background-size: 12px;
@ -4880,7 +4873,7 @@ body.scrollVertical {
#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 h1,
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 {
color: #f2f2f2; color: #f2f2f2;
background-image: url(../../api/templates/default/images/arrow_down.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg);
line-height: 1em; line-height: 1em;
font-size: 12px; font-size: 12px;
background-size: 12px; background-size: 12px;
@ -5248,7 +5241,7 @@ body.scrollVertical {
height: 35px; height: 35px;
top: 0px; top: 0px;
border-bottom: 1px solid silver; border-bottom: 1px solid silver;
background-image: url(../../api/templates/default/images/up.svg); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-up.svg.svg);
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-y: 5px; background-position-y: 5px;
@ -5258,7 +5251,7 @@ body.scrollVertical {
bottom: 0px; bottom: 0px;
height: 35px; height: 35px;
border-top: 1px solid silver; border-top: 1px solid silver;
background-image: url(../../api/templates/default/images/down.svg); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-down.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-position-y: 6px; background-position-y: 6px;
@ -6165,12 +6158,12 @@ table.egwGridView_grid span.arrow {
width: 8px; width: 8px;
} }
table.egwGridView_grid span.arrow.opened { table.egwGridView_grid span.arrow.opened {
background-image: url("../../api/templates/default/images/arrow_down.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg");
cursor: pointer; cursor: pointer;
background-position: bottom; background-position: bottom;
} }
table.egwGridView_grid span.arrow.closed { table.egwGridView_grid span.arrow.closed {
background-image: url("../../api/templates/default/images/arrow_right.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/caret-right-fill.svg");
cursor: pointer; cursor: pointer;
background-position: right; background-position: right;
} }

133
pixelegg/css/monochrome.css
View File

@ -259,13 +259,13 @@
margin-left: -10px; margin-left: -10px;
} }
a.et2_url.email { a.et2_url.email {
background-image: url(../../api/templates/default/images/email.svg); background-image: url(../../node_modules/bootstrap-icons/icons/envelope.svg);
} }
a.et2_url.phone { a.et2_url.phone {
background-image: url(../../api/templates/default/images/phone.svg); background-image: url(../../node_modules/bootstrap-icons/icons/telephone.svg);
} }
a.et2_url.url { a.et2_url.url {
background-image: url(../../api/templates/default/images/url.svg); background-image: url(../../node_modules/bootstrap-icons/icons/link-45deg.svg);
} }
/** /**
* Button widget - text only, and icon * Button widget - text only, and icon
@ -337,7 +337,7 @@
} }
.et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close { .et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close {
/*visibility: hidden;*/ /*visibility: hidden;*/
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../node_modules/bootstrap-icons/icons/x-square.svg);
margin: -2px -3px; margin: -2px -3px;
padding: 0px; padding: 0px;
} }
@ -357,7 +357,7 @@
border-left: 1px solid #F2F2F2; border-left: 1px solid #F2F2F2;
} }
.ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] { .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
background-image: url(../../api/templates/default/images/bullet.svg); background-image: url(../../node_modules/bootstrap-icons/icons/record.svg);
background-color: transparent; background-color: transparent;
background-size: contain; background-size: contain;
border: none; border: none;
@ -369,12 +369,12 @@
background-color: transparent; background-color: transparent;
} }
.ui-datepicker .ui-datepicker-prev span { .ui-datepicker .ui-datepicker-prev span {
background-image: url(../../api/templates/default/images/previous.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg) !important;
background-position: 0px 0px !important; background-position: 0px 0px !important;
background-size: contain; background-size: contain;
} }
.ui-datepicker .ui-datepicker-next span { .ui-datepicker .ui-datepicker-next span {
background-image: url(../../api/templates/default/images/next.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg) !important;
background-position: 0px 0px !important; background-position: 0px 0px !important;
background-size: contain; background-size: contain;
} }
@ -385,13 +385,13 @@
.et2_file .progress li:hover div.remove { .et2_file .progress li:hover div.remove {
width: 16px; width: 16px;
height: 16px; height: 16px;
background-image: url("../../api/templates/default/images/delete.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg");
} }
.et2_file .progress p { .et2_file .progress p {
background-color: #FFDD73; background-color: #FFDD73;
} }
span.et2_file_span { span.et2_file_span {
background-image: url(../../api/templates/default/images/attach.svg); background-image: url(../../node_modules/bootstrap-icons/icons/paperclip.svg);
} }
span.et2_file_span img[url*="svg"] { span.et2_file_span img[url*="svg"] {
background-color: #b4b4b4 !important; background-color: #b4b4b4 !important;
@ -491,7 +491,7 @@
left: 0px; left: 0px;
} }
.et2_link_to .et2_link_entry .ui-icon-triangle-1-s { .et2_link_to .et2_link_entry .ui-icon-triangle-1-s {
background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right;
} }
.et2_link_to .et2_file span { .et2_link_to .et2_file span {
background-position: center; background-position: center;
@ -502,7 +502,7 @@
border-radius: 3px; border-radius: 3px;
} }
.et2_link_entry .ui-icon-triangle-1-s { .et2_link_entry .ui-icon-triangle-1-s {
background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right;
background-size: contain; background-size: contain;
} }
.et2_link { .et2_link {
@ -523,7 +523,7 @@
} }
.et2_link_list td div.delete { .et2_link_list td div.delete {
visibility: hidden; visibility: hidden;
background-image: url("../../api/templates/default/images/delete.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 12px 12px; background-size: 12px 12px;
@ -531,7 +531,7 @@
} }
.et2_vfs td div.delete { .et2_vfs td div.delete {
visibility: hidden; visibility: hidden;
background-image: url("../../api/templates/default/images/delete.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 12px 12px; background-size: 12px 12px;
@ -893,7 +893,7 @@
color: #000000; color: #000000;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash { .sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash {
background-image: url(../../api/templates/default/images/delete.svg); background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: center 2px; background-position: center 2px;
margin-top: 0px; margin-top: 0px;
@ -911,7 +911,7 @@
.sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart { .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart {
width: 9px; width: 9px;
height: 16px; height: 16px;
background-image: url(../../api/templates/default/images/favorites.svg); background-image: url(../../node_modules/bootstrap-icons/icons/star-fill.svg);
background-size: 16px 16px; background-size: 16px 16px;
background-position: 1px 0; background-position: 1px 0;
margin-right: 9px; margin-right: 9px;
@ -922,7 +922,7 @@
height: 16px; height: 16px;
margin-left: 4px; margin-left: 4px;
margin-right: 10px; margin-right: 10px;
background-image: url(../../api/templates/default/images/fav_filter.svg); background-image: url(../../node_modules/bootstrap-icons/icons/star.svg);
background-size: 16px 16px; background-size: 16px 16px;
background-position: 0 0; background-position: 0 0;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -954,12 +954,12 @@
} }
.nextmatch_sortheader.asc { .nextmatch_sortheader.asc {
font-weight: bold; font-weight: bold;
background-image: url(../../api/templates/default/images/arrow_up.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg);
background-size: 8px 8px; background-size: 8px 8px;
} }
.nextmatch_sortheader.desc { .nextmatch_sortheader.desc {
font-weight: bold; font-weight: bold;
background-image: url(../../api/templates/default/images/arrow_down.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg);
background-size: 8px 8px; background-size: 8px 8px;
} }
/** /**
@ -1009,11 +1009,11 @@
* et2_taglist * et2_taglist
*/ */
.et2_taglist_toggle > div.toggle { .et2_taglist_toggle > div.toggle {
background-image: url("../../api/templates/default/images/minus.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/dash-lg.svg");
background-size: 50%; background-size: 50%;
} }
.et2_taglist_toggle.et2_taglist_single.expanded > div.toggle { .et2_taglist_toggle.et2_taglist_single.expanded > div.toggle {
background-image: url("../../api/templates/default/images/plus.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/plus-lg.svg");
background-size: 50%; background-size: 50%;
} }
.et2_taglist.et2_taglist_category { .et2_taglist.et2_taglist_category {
@ -1088,11 +1088,11 @@
padding-left: 5px; padding-left: 5px;
} }
.et2_vfsPath input.et2_textbox.et2_vfs { .et2_vfsPath input.et2_textbox.et2_vfs {
background-image: url(../../api/templates/default/images/edit.svg); background-image: url(../../node_modules/bootstrap-icons/icons/pencil-square.svg);
} }
/*#################################### ET2 SEARCHBOX #####################################################*/ /*#################################### ET2 SEARCHBOX #####################################################*/
.et2_searchbox button.et2_button { .et2_searchbox button.et2_button {
background-image: url(../../api/templates/default/images/search.svg); background-image: url(../../node_modules/bootstrap-icons/icons/search.svg);
background-size: 20px 20px; background-size: 20px 20px;
background-position: center; background-position: center;
} }
@ -1224,13 +1224,13 @@ option:checked {
text-decoration: none; text-decoration: none;
} }
.ui-state-default .ui-icon.ui-icon-triangle-1-s { .ui-state-default .ui-icon.ui-icon-triangle-1-s {
background: url("../../api/templates/default/images/arrow_down.svg"); background: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg");
background-size: 8px auto; background-size: 8px auto;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.ui-widget-header .ui-icon.ui-icon-check { .ui-widget-header .ui-icon.ui-icon-check {
background-image: url("../../api/templates/default/images/check.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/check-lg.svg");
background-size: 12px auto; background-size: 12px auto;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1325,9 +1325,7 @@ option:checked {
background-color: #FFDD73; background-color: #FFDD73;
} }
.ui-icon-close { .ui-icon-close {
/*visibility: hidden;*/ background-image: url("../../node_modules/bootstrap-icons/icons/x-square.svg");
/*background-image: url(../../api/templates/default/images/search.png);*/
background-image: url("../../api/templates/default/images/cancel.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: #FFFFFF; background-color: #FFFFFF;
background-size: 12px 12px; background-size: 12px 12px;
@ -1357,7 +1355,7 @@ span.ui-icon-close {
} }
/*Schliessen x*/ /*Schliessen x*/
.ui-icon-closethick { .ui-icon-closethick {
background-image: url(../../api/templates/default/images/close.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg) !important;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: #FFFFFF; background-color: #FFFFFF;
background-size: contain; background-size: contain;
@ -1406,7 +1404,7 @@ span.ui-multiselect-header {
color: #FFFFFF; color: #FFFFFF;
} }
span.ui-icon-search { span.ui-icon-search {
background-image: url(../../api/templates/default/images/search.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/search.svg) !important;
background-position: 0px; background-position: 0px;
background-size: 10px 10px; background-size: 10px 10px;
} }
@ -2155,7 +2153,7 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
background-color: transparent; background-color: transparent;
} }
#loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] { #loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] {
background-image: url(../../api/templates/default/images/task.png); /*background-image: url(../../node_modules/bootstrap-icons/icons/task.png);*/
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-x: 0; background-position-x: 0;
} }
@ -2197,10 +2195,10 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
opacity: 0.5; opacity: 0.5;
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.username { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.username {
background-image: url(../../api/templates/default/images/personal.svg); background-image: url(../../node_modules/bootstrap-icons/icons/person.svg);
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.password { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.password {
background-image: url(../../api/templates/default/images/password.svg); background-image: url(../../node_modules/bootstrap-icons/icons/key.svg);
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me {
background-image: none; background-image: none;
@ -2209,10 +2207,10 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
padding-left: 31px; padding-left: 31px;
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain {
background-image: url(../../api/templates/default/images/internet.png); background-image: url(../../node_modules/bootstrap-icons/icons/globe2.svg);
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.language { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.language {
background-image: url(../../api/templates/default/images/language.png); background-image: url(../../node_modules/bootstrap-icons/icons/translate.svg);
} }
#loginMainDiv div#centerBox form table.divLoginbox input[type="checkbox"] { #loginMainDiv div#centerBox form table.divLoginbox input[type="checkbox"] {
height: 25px; height: 25px;
@ -2361,7 +2359,7 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
float: right; float: right;
} }
.egw_fw_ui_tab_content > .loading { .egw_fw_ui_tab_content > .loading {
background-image: url('../../api/templates/default/images/loading.gif'); background-image: url('../../api/templates/default/images/loading.svg');
background-repeat: no-repeat; background-repeat: no-repeat;
text-align: center; text-align: center;
line-height: 400px; line-height: 400px;
@ -2504,7 +2502,7 @@ button[id="timesheet-edit_button[delete]"],
button[id="displayToolbar-delete"], button[id="displayToolbar-delete"],
button.et2_button_delete { button.et2_button_delete {
/*background-color: @color_negative_action_hover !important;*/ /*background-color: @color_negative_action_hover !important;*/
background-image: url('../../api/templates/default/images/delete.png'); background-image: url('../../node_modules/bootstrap-icons/icons/trash3.svg');
margin-left: 3em; margin-left: 3em;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
@ -2607,7 +2605,7 @@ button.et2_button_delete:active {
* *
######################################################################################## */ ######################################################################################## */
#passwordchange { #passwordchange {
background-image: url('../../api/templates/default/images/cancel.png') !important; background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2654,7 +2652,7 @@ button.et2_button_delete:active {
/*div.et2_box_widget .et2_button_text:last_child,*/ /*div.et2_box_widget .et2_button_text:last_child,*/
button[id="cancel"], button[id="cancel"],
button#cancel { button#cancel {
background-image: url('../../api/templates/default/images/cancel.png') !important; background-image: url('node_modules/bootstrap-icons/icons/x-square.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2696,7 +2694,7 @@ button#cancel:active {
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 { #passwordcancel {
background-image: url('../../api/templates/default/images/cancel.png') !important; background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2759,7 +2757,7 @@ button.add:before {
line-height: 1.1em; line-height: 1.1em;
} }
button[id="add"] { button[id="add"] {
background-image: url('../../api/templates/default/images/add.png') !important; background-image: url('../../node_modules/bootstrap-icons/icons/plus-circle.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2806,13 +2804,13 @@ button[id="add"] {
/* @end */ /* @end */
/* @group Single Chosen */ /* @group Single Chosen */
.chzn-container-single .chzn-single div b { .chzn-container-single .chzn-single div b {
background-image: url("../../api/templates/default/images/arrow_down.svg") !important; background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg") !important;
background-size: 8px auto !important; background-size: 8px auto !important;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.chzn-container-single.chzn-with-drop .chzn-single div b { .chzn-container-single.chzn-with-drop .chzn-single div b {
background-image: url("../../api/templates/default/images/arrow_up.svg") !important; background-image: url("../../node_modules/bootstrap-icons/icons/caret-up-fill.svg") !important;
background-size: 8px auto; background-size: 8px auto;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -3037,12 +3035,12 @@ select {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
margin: 0; margin: 0;
background: url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; background: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right;
background-size: 8px auto; background-size: 8px auto;
background-position-x: calc(100% - 8px); background-position-x: calc(100% - 8px);
} }
select:active { select:active {
background: #ffffff url(../../api/templates/default/images/arrow_up.svg) no-repeat center right; background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg) no-repeat center right;
background-size: 8px auto; background-size: 8px auto;
background-position-x: calc(100% - 8px); background-position-x: calc(100% - 8px);
} }
@ -3199,11 +3197,6 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.su
* @package pixelegg * @package pixelegg
* @version $Id$ * @version $Id$
*/ */
/*body {
background-color: @gray_0;
background-image: url(../../api/templates/default/images/bgDialog.png);
background-repeat: repeat-x;
}*/
div#popupMainDiv { div#popupMainDiv {
padding: 8px; padding: 8px;
background-color: #FFFFFF; background-color: #FFFFFF;
@ -3232,7 +3225,7 @@ form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input {
/*.background-clip(padding-box);*/ /*.background-clip(padding-box);*/
} }
form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker { form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker {
background-image: url("../../api/templates/default/images/datepopup.png"); 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 { form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker:hover {
cursor: pointer; cursor: pointer;
@ -3531,21 +3524,21 @@ div.admin-config form > table td b {
} }
.warning_message { .warning_message {
border-left: 24px solid rgba(255, 204, 0, 0.5) !important; border-left: 24px solid rgba(255, 204, 0, 0.5) !important;
background-image: url(../../api/templates/default/images/dialog_warning.png); background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-triangle.svg);
} }
.error_message { .error_message {
border-left: 24px solid rgba(204, 0, 51, 0.5) !important; border-left: 24px solid rgba(204, 0, 51, 0.5) !important;
background-image: url(../../api/templates/default/images/dialog_error.png); background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-circle.svg);
} }
.info_message { .info_message {
background-image: url(../../api/templates/default/images/dialog_info.svg); background-image: url(../../node_modules/bootstrap-icons/icons/info-circle.svg);
} }
.info_message .discard { .info_message .discard {
float: right; float: right;
margin-top: 4px; margin-top: 4px;
} }
.success_message { .success_message {
background-image: url(../../api/templates/default/images/check.svg); background-image: url(../../node_modules/bootstrap-icons/icons/check-lg.svg);
} }
/** /**
* Message in popup * Message in popup
@ -3598,7 +3591,7 @@ body .egw_message_wrapper div#egw_message span.close {
background: #d0cdcdb5; background: #d0cdcdb5;
right: 10px; right: 10px;
top: 10px; top: 10px;
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg);
background-size: 12px; background-size: 12px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
@ -3854,7 +3847,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/delete.svg); background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 12px; background-size: 12px;
@ -3904,7 +3897,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/search.svg); background-image: url(../../node_modules/bootstrap-icons/icons/search.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 12px; background-size: 12px;
@ -3955,7 +3948,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 12px; background-size: 12px;
@ -3970,7 +3963,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/back.png); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 16px; background-size: 16px;
@ -3985,7 +3978,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/forward.png); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 16px; background-size: 16px;
@ -4021,7 +4014,7 @@ td.lettersearch {
background: rgba(103, 159, 210, 0.2); background: rgba(103, 159, 210, 0.2);
} }
#egwpopup div#egwpopup_header .egwpopup_deleteall { #egwpopup div#egwpopup_header .egwpopup_deleteall {
background-image: url(../../api/templates/default/images/delete.svg); background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg);
width: 12px; width: 12px;
height: 12px; height: 12px;
background-position: center; background-position: center;
@ -4424,7 +4417,7 @@ body.scrollVertical {
} }
/*ICON List*/ /*ICON List*/
#egw_fw_topmenu_slide.slidedown { #egw_fw_topmenu_slide.slidedown {
background-image: url("../../api/templates/default/images/list.png"); background-image: url("../../node_modules/bootstrap-icons/icons/list.svg");
background-position: center center; background-position: center center;
height: 15px; height: 15px;
width: 15px; width: 15px;
@ -4570,7 +4563,7 @@ body.scrollVertical {
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover .egw_fw_ui_tab_close_button { #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; top: 0px;
background-image: url(../../api/templates/default/images/close.svg); 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 { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
font-size: 12px; font-size: 12px;
@ -4754,7 +4747,7 @@ body.scrollVertical {
padding-left: 35px; padding-left: 35px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover {
background-image: url(../../api/templates/default/images/reload.png); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-clockwise.svg);
background-size: 18px; background-size: 18px;
background-position: 9px 6px; background-position: 9px 6px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -4837,7 +4830,7 @@ body.scrollVertical {
line-height: 1em; line-height: 1em;
font-size: 13px; font-size: 13px;
font-weight: normal; font-weight: normal;
background-image: url(../../api/templates/default/images/arrow_right.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-right-fill.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
background-size: 12px; background-size: 12px;
@ -4859,7 +4852,7 @@ body.scrollVertical {
#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 h1,
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 {
color: #f2f2f2; color: #f2f2f2;
background-image: url(../../api/templates/default/images/arrow_down.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg);
line-height: 1em; line-height: 1em;
font-size: 12px; font-size: 12px;
background-size: 12px; background-size: 12px;
@ -5227,7 +5220,7 @@ body.scrollVertical {
height: 35px; height: 35px;
top: 0px; top: 0px;
border-bottom: 1px solid silver; border-bottom: 1px solid silver;
background-image: url(../../api/templates/default/images/up.svg); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-up.svg.svg);
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-y: 5px; background-position-y: 5px;
@ -5237,7 +5230,7 @@ body.scrollVertical {
bottom: 0px; bottom: 0px;
height: 35px; height: 35px;
border-top: 1px solid silver; border-top: 1px solid silver;
background-image: url(../../api/templates/default/images/down.svg); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-down.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-position-y: 6px; background-position-y: 6px;
@ -6144,12 +6137,12 @@ table.egwGridView_grid span.arrow {
width: 8px; width: 8px;
} }
table.egwGridView_grid span.arrow.opened { table.egwGridView_grid span.arrow.opened {
background-image: url("../../api/templates/default/images/arrow_down.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg");
cursor: pointer; cursor: pointer;
background-position: bottom; background-position: bottom;
} }
table.egwGridView_grid span.arrow.closed { table.egwGridView_grid span.arrow.closed {
background-image: url("../../api/templates/default/images/arrow_right.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/caret-right-fill.svg");
cursor: pointer; cursor: pointer;
background-position: right; background-position: right;
} }

133
pixelegg/css/pixelegg.css
View File

@ -270,13 +270,13 @@
margin-left: -10px; margin-left: -10px;
} }
a.et2_url.email { a.et2_url.email {
background-image: url(../../api/templates/default/images/email.svg); background-image: url(../../node_modules/bootstrap-icons/icons/envelope.svg);
} }
a.et2_url.phone { a.et2_url.phone {
background-image: url(../../api/templates/default/images/phone.svg); background-image: url(../../node_modules/bootstrap-icons/icons/telephone.svg);
} }
a.et2_url.url { a.et2_url.url {
background-image: url(../../api/templates/default/images/url.svg); background-image: url(../../node_modules/bootstrap-icons/icons/link-45deg.svg);
} }
/** /**
* Button widget - text only, and icon * Button widget - text only, and icon
@ -348,7 +348,7 @@
} }
.et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close { .et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close {
/*visibility: hidden;*/ /*visibility: hidden;*/
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../node_modules/bootstrap-icons/icons/x-square.svg);
margin: -2px -3px; margin: -2px -3px;
padding: 0px; padding: 0px;
} }
@ -368,7 +368,7 @@
border-left: 1px solid #F2F2F2; border-left: 1px solid #F2F2F2;
} }
.ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] { .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
background-image: url(../../api/templates/default/images/bullet.svg); background-image: url(../../node_modules/bootstrap-icons/icons/record.svg);
background-color: transparent; background-color: transparent;
background-size: contain; background-size: contain;
border: none; border: none;
@ -380,12 +380,12 @@
background-color: transparent; background-color: transparent;
} }
.ui-datepicker .ui-datepicker-prev span { .ui-datepicker .ui-datepicker-prev span {
background-image: url(../../api/templates/default/images/previous.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg) !important;
background-position: 0px 0px !important; background-position: 0px 0px !important;
background-size: contain; background-size: contain;
} }
.ui-datepicker .ui-datepicker-next span { .ui-datepicker .ui-datepicker-next span {
background-image: url(../../api/templates/default/images/next.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg) !important;
background-position: 0px 0px !important; background-position: 0px 0px !important;
background-size: contain; background-size: contain;
} }
@ -396,13 +396,13 @@
.et2_file .progress li:hover div.remove { .et2_file .progress li:hover div.remove {
width: 16px; width: 16px;
height: 16px; height: 16px;
background-image: url("../../api/templates/default/images/delete.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg");
} }
.et2_file .progress p { .et2_file .progress p {
background-color: #FFDD73; background-color: #FFDD73;
} }
span.et2_file_span { span.et2_file_span {
background-image: url(../../api/templates/default/images/attach.svg); background-image: url(../../node_modules/bootstrap-icons/icons/paperclip.svg);
} }
span.et2_file_span img[url*="svg"] { span.et2_file_span img[url*="svg"] {
background-color: #b4b4b4 !important; background-color: #b4b4b4 !important;
@ -502,7 +502,7 @@
left: 0px; left: 0px;
} }
.et2_link_to .et2_link_entry .ui-icon-triangle-1-s { .et2_link_to .et2_link_entry .ui-icon-triangle-1-s {
background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right;
} }
.et2_link_to .et2_file span { .et2_link_to .et2_file span {
background-position: center; background-position: center;
@ -513,7 +513,7 @@
border-radius: 3px; border-radius: 3px;
} }
.et2_link_entry .ui-icon-triangle-1-s { .et2_link_entry .ui-icon-triangle-1-s {
background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right;
background-size: contain; background-size: contain;
} }
.et2_link { .et2_link {
@ -534,7 +534,7 @@
} }
.et2_link_list td div.delete { .et2_link_list td div.delete {
visibility: hidden; visibility: hidden;
background-image: url("../../api/templates/default/images/delete.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 12px 12px; background-size: 12px 12px;
@ -542,7 +542,7 @@
} }
.et2_vfs td div.delete { .et2_vfs td div.delete {
visibility: hidden; visibility: hidden;
background-image: url("../../api/templates/default/images/delete.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 12px 12px; background-size: 12px 12px;
@ -904,7 +904,7 @@
color: #000000; color: #000000;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash { .sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash {
background-image: url(../../api/templates/default/images/delete.svg); background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: center 2px; background-position: center 2px;
margin-top: 0px; margin-top: 0px;
@ -922,7 +922,7 @@
.sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart { .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart {
width: 9px; width: 9px;
height: 16px; height: 16px;
background-image: url(../../api/templates/default/images/favorites.svg); background-image: url(../../node_modules/bootstrap-icons/icons/star-fill.svg);
background-size: 16px 16px; background-size: 16px 16px;
background-position: 1px 0; background-position: 1px 0;
margin-right: 9px; margin-right: 9px;
@ -933,7 +933,7 @@
height: 16px; height: 16px;
margin-left: 4px; margin-left: 4px;
margin-right: 10px; margin-right: 10px;
background-image: url(../../api/templates/default/images/fav_filter.svg); background-image: url(../../node_modules/bootstrap-icons/icons/star.svg);
background-size: 16px 16px; background-size: 16px 16px;
background-position: 0 0; background-position: 0 0;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -965,12 +965,12 @@
} }
.nextmatch_sortheader.asc { .nextmatch_sortheader.asc {
font-weight: bold; font-weight: bold;
background-image: url(../../api/templates/default/images/arrow_up.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg);
background-size: 8px 8px; background-size: 8px 8px;
} }
.nextmatch_sortheader.desc { .nextmatch_sortheader.desc {
font-weight: bold; font-weight: bold;
background-image: url(../../api/templates/default/images/arrow_down.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg);
background-size: 8px 8px; background-size: 8px 8px;
} }
/** /**
@ -1020,11 +1020,11 @@
* et2_taglist * et2_taglist
*/ */
.et2_taglist_toggle > div.toggle { .et2_taglist_toggle > div.toggle {
background-image: url("../../api/templates/default/images/minus.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/dash-lg.svg");
background-size: 50%; background-size: 50%;
} }
.et2_taglist_toggle.et2_taglist_single.expanded > div.toggle { .et2_taglist_toggle.et2_taglist_single.expanded > div.toggle {
background-image: url("../../api/templates/default/images/plus.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/plus-lg.svg");
background-size: 50%; background-size: 50%;
} }
.et2_taglist.et2_taglist_category { .et2_taglist.et2_taglist_category {
@ -1099,11 +1099,11 @@
padding-left: 5px; padding-left: 5px;
} }
.et2_vfsPath input.et2_textbox.et2_vfs { .et2_vfsPath input.et2_textbox.et2_vfs {
background-image: url(../../api/templates/default/images/edit.svg); background-image: url(../../node_modules/bootstrap-icons/icons/pencil-square.svg);
} }
/*#################################### ET2 SEARCHBOX #####################################################*/ /*#################################### ET2 SEARCHBOX #####################################################*/
.et2_searchbox button.et2_button { .et2_searchbox button.et2_button {
background-image: url(../../api/templates/default/images/search.svg); background-image: url(../../node_modules/bootstrap-icons/icons/search.svg);
background-size: 20px 20px; background-size: 20px 20px;
background-position: center; background-position: center;
} }
@ -1235,13 +1235,13 @@ option:checked {
text-decoration: none; text-decoration: none;
} }
.ui-state-default .ui-icon.ui-icon-triangle-1-s { .ui-state-default .ui-icon.ui-icon-triangle-1-s {
background: url("../../api/templates/default/images/arrow_down.svg"); background: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg");
background-size: 8px auto; background-size: 8px auto;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.ui-widget-header .ui-icon.ui-icon-check { .ui-widget-header .ui-icon.ui-icon-check {
background-image: url("../../api/templates/default/images/check.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/check-lg.svg");
background-size: 12px auto; background-size: 12px auto;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1336,9 +1336,7 @@ option:checked {
background-color: #FFDD73; background-color: #FFDD73;
} }
.ui-icon-close { .ui-icon-close {
/*visibility: hidden;*/ background-image: url("../../node_modules/bootstrap-icons/icons/x-square.svg");
/*background-image: url(../../api/templates/default/images/search.png);*/
background-image: url("../../api/templates/default/images/cancel.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: #FFFFFF; background-color: #FFFFFF;
background-size: 12px 12px; background-size: 12px 12px;
@ -1368,7 +1366,7 @@ span.ui-icon-close {
} }
/*Schliessen x*/ /*Schliessen x*/
.ui-icon-closethick { .ui-icon-closethick {
background-image: url(../../api/templates/default/images/close.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg) !important;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: #FFFFFF; background-color: #FFFFFF;
background-size: contain; background-size: contain;
@ -1417,7 +1415,7 @@ span.ui-multiselect-header {
color: #FFFFFF; color: #FFFFFF;
} }
span.ui-icon-search { span.ui-icon-search {
background-image: url(../../api/templates/default/images/search.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/search.svg) !important;
background-position: 0px; background-position: 0px;
background-size: 10px 10px; background-size: 10px 10px;
} }
@ -2166,7 +2164,7 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
background-color: transparent; background-color: transparent;
} }
#loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] { #loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] {
background-image: url(../../api/templates/default/images/task.png); /*background-image: url(../../node_modules/bootstrap-icons/icons/task.png);*/
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-x: 0; background-position-x: 0;
} }
@ -2208,10 +2206,10 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
opacity: 0.5; opacity: 0.5;
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.username { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.username {
background-image: url(../../api/templates/default/images/personal.svg); background-image: url(../../node_modules/bootstrap-icons/icons/person.svg);
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.password { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.password {
background-image: url(../../api/templates/default/images/password.svg); background-image: url(../../node_modules/bootstrap-icons/icons/key.svg);
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me {
background-image: none; background-image: none;
@ -2220,10 +2218,10 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
padding-left: 31px; padding-left: 31px;
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain {
background-image: url(../../api/templates/default/images/internet.png); background-image: url(../../node_modules/bootstrap-icons/icons/globe2.svg);
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.language { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.language {
background-image: url(../../api/templates/default/images/language.png); background-image: url(../../node_modules/bootstrap-icons/icons/translate.svg);
} }
#loginMainDiv div#centerBox form table.divLoginbox input[type="checkbox"] { #loginMainDiv div#centerBox form table.divLoginbox input[type="checkbox"] {
height: 25px; height: 25px;
@ -2372,7 +2370,7 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
float: right; float: right;
} }
.egw_fw_ui_tab_content > .loading { .egw_fw_ui_tab_content > .loading {
background-image: url('../../api/templates/default/images/loading.gif'); background-image: url('../../api/templates/default/images/loading.svg');
background-repeat: no-repeat; background-repeat: no-repeat;
text-align: center; text-align: center;
line-height: 400px; line-height: 400px;
@ -2515,7 +2513,7 @@ button[id="timesheet-edit_button[delete]"],
button[id="displayToolbar-delete"], button[id="displayToolbar-delete"],
button.et2_button_delete { button.et2_button_delete {
/*background-color: @color_negative_action_hover !important;*/ /*background-color: @color_negative_action_hover !important;*/
background-image: url('../../api/templates/default/images/delete.png'); background-image: url('../../node_modules/bootstrap-icons/icons/trash3.svg');
margin-left: 3em; margin-left: 3em;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
@ -2618,7 +2616,7 @@ button.et2_button_delete:active {
* *
######################################################################################## */ ######################################################################################## */
#passwordchange { #passwordchange {
background-image: url('../../api/templates/default/images/cancel.png') !important; background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2665,7 +2663,7 @@ button.et2_button_delete:active {
/*div.et2_box_widget .et2_button_text:last_child,*/ /*div.et2_box_widget .et2_button_text:last_child,*/
button[id="cancel"], button[id="cancel"],
button#cancel { button#cancel {
background-image: url('../../api/templates/default/images/cancel.png') !important; background-image: url('node_modules/bootstrap-icons/icons/x-square.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2707,7 +2705,7 @@ button#cancel:active {
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 { #passwordcancel {
background-image: url('../../api/templates/default/images/cancel.png') !important; background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2770,7 +2768,7 @@ button.add:before {
line-height: 1.1em; line-height: 1.1em;
} }
button[id="add"] { button[id="add"] {
background-image: url('../../api/templates/default/images/add.png') !important; background-image: url('../../node_modules/bootstrap-icons/icons/plus-circle.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2817,13 +2815,13 @@ button[id="add"] {
/* @end */ /* @end */
/* @group Single Chosen */ /* @group Single Chosen */
.chzn-container-single .chzn-single div b { .chzn-container-single .chzn-single div b {
background-image: url("../../api/templates/default/images/arrow_down.svg") !important; background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg") !important;
background-size: 8px auto !important; background-size: 8px auto !important;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.chzn-container-single.chzn-with-drop .chzn-single div b { .chzn-container-single.chzn-with-drop .chzn-single div b {
background-image: url("../../api/templates/default/images/arrow_up.svg") !important; background-image: url("../../node_modules/bootstrap-icons/icons/caret-up-fill.svg") !important;
background-size: 8px auto; background-size: 8px auto;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -3048,12 +3046,12 @@ select {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
margin: 0; margin: 0;
background: url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; background: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right;
background-size: 8px auto; background-size: 8px auto;
background-position-x: calc(100% - 8px); background-position-x: calc(100% - 8px);
} }
select:active { select:active {
background: #ffffff url(../../api/templates/default/images/arrow_up.svg) no-repeat center right; background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg) no-repeat center right;
background-size: 8px auto; background-size: 8px auto;
background-position-x: calc(100% - 8px); background-position-x: calc(100% - 8px);
} }
@ -3210,11 +3208,6 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.su
* @package pixelegg * @package pixelegg
* @version $Id$ * @version $Id$
*/ */
/*body {
background-color: @gray_0;
background-image: url(../../api/templates/default/images/bgDialog.png);
background-repeat: repeat-x;
}*/
div#popupMainDiv { div#popupMainDiv {
padding: 8px; padding: 8px;
background-color: #FFFFFF; background-color: #FFFFFF;
@ -3243,7 +3236,7 @@ form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input {
/*.background-clip(padding-box);*/ /*.background-clip(padding-box);*/
} }
form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker { form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker {
background-image: url("../../api/templates/default/images/datepopup.png"); 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 { form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker:hover {
cursor: pointer; cursor: pointer;
@ -3542,21 +3535,21 @@ div.admin-config form > table td b {
} }
.warning_message { .warning_message {
border-left: 24px solid rgba(255, 204, 0, 0.5) !important; border-left: 24px solid rgba(255, 204, 0, 0.5) !important;
background-image: url(../../api/templates/default/images/dialog_warning.png); background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-triangle.svg);
} }
.error_message { .error_message {
border-left: 24px solid rgba(204, 0, 51, 0.5) !important; border-left: 24px solid rgba(204, 0, 51, 0.5) !important;
background-image: url(../../api/templates/default/images/dialog_error.png); background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-circle.svg);
} }
.info_message { .info_message {
background-image: url(../../api/templates/default/images/dialog_info.svg); background-image: url(../../node_modules/bootstrap-icons/icons/info-circle.svg);
} }
.info_message .discard { .info_message .discard {
float: right; float: right;
margin-top: 4px; margin-top: 4px;
} }
.success_message { .success_message {
background-image: url(../../api/templates/default/images/check.svg); background-image: url(../../node_modules/bootstrap-icons/icons/check-lg.svg);
} }
/** /**
* Message in popup * Message in popup
@ -3609,7 +3602,7 @@ body .egw_message_wrapper div#egw_message span.close {
background: #d0cdcdb5; background: #d0cdcdb5;
right: 10px; right: 10px;
top: 10px; top: 10px;
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg);
background-size: 12px; background-size: 12px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
@ -3865,7 +3858,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/delete.svg); background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 12px; background-size: 12px;
@ -3915,7 +3908,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/search.svg); background-image: url(../../node_modules/bootstrap-icons/icons/search.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 12px; background-size: 12px;
@ -3966,7 +3959,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 12px; background-size: 12px;
@ -3981,7 +3974,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/back.png); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 16px; background-size: 16px;
@ -3996,7 +3989,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/forward.png); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 16px; background-size: 16px;
@ -4032,7 +4025,7 @@ td.lettersearch {
background: rgba(103, 159, 210, 0.2); background: rgba(103, 159, 210, 0.2);
} }
#egwpopup div#egwpopup_header .egwpopup_deleteall { #egwpopup div#egwpopup_header .egwpopup_deleteall {
background-image: url(../../api/templates/default/images/delete.svg); background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg);
width: 12px; width: 12px;
height: 12px; height: 12px;
background-position: center; background-position: center;
@ -4435,7 +4428,7 @@ body.scrollVertical {
} }
/*ICON List*/ /*ICON List*/
#egw_fw_topmenu_slide.slidedown { #egw_fw_topmenu_slide.slidedown {
background-image: url("../../api/templates/default/images/list.png"); background-image: url("../../node_modules/bootstrap-icons/icons/list.svg");
background-position: center center; background-position: center center;
height: 15px; height: 15px;
width: 15px; width: 15px;
@ -4581,7 +4574,7 @@ body.scrollVertical {
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover .egw_fw_ui_tab_close_button { #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; top: 0px;
background-image: url(../../api/templates/default/images/close.svg); 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 { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
font-size: 12px; font-size: 12px;
@ -4765,7 +4758,7 @@ body.scrollVertical {
padding-left: 35px; padding-left: 35px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover {
background-image: url(../../api/templates/default/images/reload.png); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-clockwise.svg);
background-size: 18px; background-size: 18px;
background-position: 9px 6px; background-position: 9px 6px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -4848,7 +4841,7 @@ body.scrollVertical {
line-height: 1em; line-height: 1em;
font-size: 13px; font-size: 13px;
font-weight: normal; font-weight: normal;
background-image: url(../../api/templates/default/images/arrow_right.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-right-fill.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
background-size: 12px; background-size: 12px;
@ -4870,7 +4863,7 @@ body.scrollVertical {
#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 h1,
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 {
color: #f2f2f2; color: #f2f2f2;
background-image: url(../../api/templates/default/images/arrow_down.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg);
line-height: 1em; line-height: 1em;
font-size: 12px; font-size: 12px;
background-size: 12px; background-size: 12px;
@ -5238,7 +5231,7 @@ body.scrollVertical {
height: 35px; height: 35px;
top: 0px; top: 0px;
border-bottom: 1px solid silver; border-bottom: 1px solid silver;
background-image: url(../../api/templates/default/images/up.svg); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-up.svg.svg);
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-y: 5px; background-position-y: 5px;
@ -5248,7 +5241,7 @@ body.scrollVertical {
bottom: 0px; bottom: 0px;
height: 35px; height: 35px;
border-top: 1px solid silver; border-top: 1px solid silver;
background-image: url(../../api/templates/default/images/down.svg); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-down.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-position-y: 6px; background-position-y: 6px;
@ -6155,12 +6148,12 @@ table.egwGridView_grid span.arrow {
width: 8px; width: 8px;
} }
table.egwGridView_grid span.arrow.opened { table.egwGridView_grid span.arrow.opened {
background-image: url("../../api/templates/default/images/arrow_down.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg");
cursor: pointer; cursor: pointer;
background-position: bottom; background-position: bottom;
} }
table.egwGridView_grid span.arrow.closed { table.egwGridView_grid span.arrow.closed {
background-image: url("../../api/templates/default/images/arrow_right.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/caret-right-fill.svg");
cursor: pointer; cursor: pointer;
background-position: right; background-position: right;
} }

8
pixelegg/less/def_buttons.less
View File

@ -130,7 +130,7 @@
.Complete_Button_delete{ .Complete_Button_delete{
/*background-color: @color_negative_action_hover !important;*/ /*background-color: @color_negative_action_hover !important;*/
background-image:url('../../api/templates/default/images/delete.png'); background-image:url('../../node_modules/bootstrap-icons/icons/trash3.svg');
margin-left: 3em; margin-left: 3em;
background-color: @gray_10; background-color: @gray_10;
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
@ -148,7 +148,7 @@
* *
######################################################################################## */ ######################################################################################## */
.Complete_Button_cancel{ .Complete_Button_cancel{
background-image:url('../../api/templates/default/images/cancel.png') !important; background-image:url('node_modules/bootstrap-icons/icons/x-square.svg') !important;
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
content: "ID missing"; content: "ID missing";
&:hover { color: @gray_100; .box_shadow_standard_light_hover;} &:hover { color: @gray_100; .box_shadow_standard_light_hover;}
@ -253,7 +253,7 @@
margin: 7px; margin: 7px;
margin-left: 0px; margin-left: 0px;
background-image: url("../../api/templates/default/images/search.png"); background-image: url("../../node_modules/bootstrap-icons/icons/search.svg");
background-position: center 0; background-position: center 0;
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -391,4 +391,4 @@ Images svg
/*delete*/ /*delete*/
img[url*="delete"]{.gradient_vertical (@gray_30, @gray_30);} img[url*="delete"]{.gradient_vertical (@gray_30, @gray_30);}
// //

44
pixelegg/less/etemplate2.less
View File

@ -98,13 +98,13 @@ a.et2_url {
margin-left: -10px; margin-left: -10px;
} }
a.et2_url.email { a.et2_url.email {
background-image: url(../../api/templates/default/images/email.svg); background-image: url(../../node_modules/bootstrap-icons/icons/envelope.svg);
} }
a.et2_url.phone { a.et2_url.phone {
background-image: url(../../api/templates/default/images/phone.svg); background-image: url(../../node_modules/bootstrap-icons/icons/telephone.svg);
} }
a.et2_url.url { a.et2_url.url {
background-image: url(../../api/templates/default/images/url.svg); background-image: url(../../node_modules/bootstrap-icons/icons/link-45deg.svg);
} }
@ -150,7 +150,7 @@ input[type=button] {}
.et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close{ .et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close{
/*visibility: hidden;*/ /*visibility: hidden;*/
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../node_modules/bootstrap-icons/icons/x-square.svg);
margin: -2px -3px; margin: -2px -3px;
padding: 0px; padding: 0px;
} }
@ -171,7 +171,7 @@ span.et2_date_duration :not(input:first-child) {
} }
.ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] { .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
background-image: url(../../api/templates/default/images/bullet.svg); background-image: url(../../node_modules/bootstrap-icons/icons/record.svg);
background-color: transparent; background-color: transparent;
background-size: contain; background-size: contain;
border: none; border: none;
@ -184,12 +184,12 @@ span.et2_date_duration :not(input:first-child) {
} }
} }
.ui-datepicker .ui-datepicker-prev span { .ui-datepicker .ui-datepicker-prev span {
background-image: url(../../api/templates/default/images/previous.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg) !important;
background-position: 0px 0px !important; background-position: 0px 0px !important;
background-size: contain; background-size: contain;
} }
.ui-datepicker .ui-datepicker-next span { .ui-datepicker .ui-datepicker-next span {
background-image: url(../../api/templates/default/images/next.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg) !important;
background-position: 0px 0px !important; background-position: 0px 0px !important;
background-size: contain; background-size: contain;
@ -201,14 +201,14 @@ span.et2_date_duration :not(input:first-child) {
.et2_file .progress li:hover div.remove { .et2_file .progress li:hover div.remove {
.dimension_width_height_s; .dimension_width_height_s;
background-image: url("../../api/templates/default/images/delete.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg");
} }
.et2_file .progress p { .et2_file .progress p {
background-color: @color_progress; background-color: @color_progress;
} }
span.et2_file_span{ span.et2_file_span{
background-image: url(../../api/templates/default/images/attach.svg); background-image: url(../../node_modules/bootstrap-icons/icons/paperclip.svg);
.Complete_Button_save_apply_copy !important; .Complete_Button_save_apply_copy !important;
} }
div.et2_file input.et2_file_upload{ div.et2_file input.et2_file_upload{
@ -295,7 +295,7 @@ div.et2_file input.et2_file_upload{
left: 0px; left: 0px;
} }
.ui-icon-triangle-1-s { .ui-icon-triangle-1-s {
background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right;
} }
} }
// BUTTON: make link button // BUTTON: make link button
@ -319,7 +319,7 @@ div.et2_file input.et2_file_upload{
.et2_link_entry { .et2_link_entry {
.ui-icon-triangle-1-s { .ui-icon-triangle-1-s {
background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right;
background-size: contain; background-size: contain;
} }
} }
@ -342,7 +342,7 @@ div.et2_file input.et2_file_upload{
td { td {
div.delete { div.delete {
visibility: hidden; visibility: hidden;
background-image: url("../../api/templates/default/images/delete.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 12px 12px; background-size: 12px 12px;
@ -354,7 +354,7 @@ div.et2_file input.et2_file_upload{
td { td {
div.delete { div.delete {
visibility: hidden; visibility: hidden;
background-image: url("../../api/templates/default/images/delete.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 12px 12px; background-size: 12px 12px;
@ -724,7 +724,7 @@ div.header_row_right{
text-decoration: none; text-decoration: none;
color: @gray_100; color: @gray_100;
.ui-icon-trash { .ui-icon-trash {
background-image: url(../../api/templates/default/images/delete.svg); background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: center 2px; background-position: center 2px;
margin-top: 0px; margin-top: 0px;
@ -749,7 +749,7 @@ div.header_row_right{
div.ui-icon-heart { div.ui-icon-heart {
width: 9px; width: 9px;
height: @mass_s; height: @mass_s;
background-image: url(../../api/templates/default/images/favorites.svg); background-image: url(../../node_modules/bootstrap-icons/icons/star-fill.svg);
background-size: @mass_s @mass_s; background-size: @mass_s @mass_s;
background-position: 1px 0; background-position: 1px 0;
margin-right: 9px; margin-right: 9px;
@ -761,7 +761,7 @@ div.header_row_right{
height: @mass_s; height: @mass_s;
margin-left: 4px; margin-left: 4px;
margin-right: 10px; margin-right: 10px;
background-image: url(../../api/templates/default/images/fav_filter.svg); background-image: url(../../node_modules/bootstrap-icons/icons/star.svg);
background-size: @mass_s @mass_s; background-size: @mass_s @mass_s;
background-position: 0 0; background-position: 0 0;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -803,13 +803,13 @@ div.header_row_right{
.nextmatch_sortheader.asc { .nextmatch_sortheader.asc {
font-weight: bold; font-weight: bold;
background-image: url(../../api/templates/default/images/arrow_up.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg);
background-size: 8px 8px; background-size: 8px 8px;
} }
.nextmatch_sortheader.desc { .nextmatch_sortheader.desc {
font-weight: bold; font-weight: bold;
background-image: url(../../api/templates/default/images/arrow_down.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg);
background-size: 8px 8px; background-size: 8px 8px;
} }
/** /**
@ -866,11 +866,11 @@ textarea.description {
* et2_taglist * et2_taglist
*/ */
.et2_taglist_toggle > div.toggle { .et2_taglist_toggle > div.toggle {
background-image: url("../../api/templates/default/images/minus.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/dash-lg.svg");
background-size: 50%; background-size: 50%;
} }
.et2_taglist_toggle.et2_taglist_single.expanded > div.toggle { .et2_taglist_toggle.et2_taglist_single.expanded > div.toggle {
background-image: url("../../api/templates/default/images/plus.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/plus-lg.svg");
background-size: 50%; background-size: 50%;
} }
.et2_taglist.et2_taglist_category {max-height: 30px !important;} .et2_taglist.et2_taglist_category {max-height: 30px !important;}
@ -951,12 +951,12 @@ ul.et2_nowrap, div.et2_nowrap{
} }
.et2_vfsPath input.et2_textbox.et2_vfs { .et2_vfsPath input.et2_textbox.et2_vfs {
background-image: url(../../api/templates/default/images/edit.svg); background-image: url(../../node_modules/bootstrap-icons/icons/pencil-square.svg);
} }
/*#################################### ET2 SEARCHBOX #####################################################*/ /*#################################### ET2 SEARCHBOX #####################################################*/
.et2_searchbox button.et2_button { .et2_searchbox button.et2_button {
background-image: url(../../api/templates/default/images/search.svg); background-image: url(../../node_modules/bootstrap-icons/icons/search.svg);
background-size: 20px 20px; background-size: 20px 20px;
background-position: center; background-position: center;
} }

12
pixelegg/less/jquery-ui.less
View File

@ -102,13 +102,13 @@ option:checked {background-color: @color_hover_row;}
text-decoration: none; text-decoration: none;
} }
.ui-state-default .ui-icon.ui-icon-triangle-1-s { .ui-state-default .ui-icon.ui-icon-triangle-1-s {
background: url("../../api/templates/default/images/arrow_down.svg"); background: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg");
background-size: 8px auto; background-size: 8px auto;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.ui-widget-header .ui-icon.ui-icon-check { .ui-widget-header .ui-icon.ui-icon-check {
background-image: url("../../api/templates/default/images/check.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/check-lg.svg");
background-size: 12px auto; background-size: 12px auto;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -195,9 +195,7 @@ option:checked {background-color: @color_hover_row;}
.drop-hover {background-color: @egw_color_1_e} .drop-hover {background-color: @egw_color_1_e}
.ui-icon-close{ .ui-icon-close{
/*visibility: hidden;*/ background-image: url("../../node_modules/bootstrap-icons/icons/x-square.svg");
/*background-image: url(../../api/templates/default/images/search.png);*/
background-image: url("../../api/templates/default/images/cancel.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: @gray_0; background-color: @gray_0;
background-size: 12px 12px; background-size: 12px 12px;
@ -218,7 +216,7 @@ span.ui-icon-close {margin-top: 0px; top: 5px;}
/*Schliessen x*/ /*Schliessen x*/
.ui-icon-closethick { .ui-icon-closethick {
background-image: url(../../api/templates/default/images/close.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg) !important;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: @gray_0; background-color: @gray_0;
background-size: contain; background-size: contain;
@ -257,7 +255,7 @@ span.ui-icon-close {margin-top: 0px; top: 5px;}
span.ui-multiselect-header {color: @gray_0;} span.ui-multiselect-header {color: @gray_0;}
span.ui-icon-search { span.ui-icon-search {
background-image: url(../../api/templates/default/images/search.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/search.svg) !important;
background-position: 0px; background-position: 0px;
background-size: 10px 10px; background-size: 10px 10px;

2
pixelegg/less/layout_ajaxLoader.less
View File

@ -26,7 +26,7 @@
} }
.egw_fw_ui_tab_content > .loading { .egw_fw_ui_tab_content > .loading {
background-image:url('../../api/templates/default/images/loading.gif'); background-image:url('../../api/templates/default/images/loading.svg');
background-repeat: no-repeat; background-repeat: no-repeat;
text-align: center; text-align: center;
line-height: 400px; line-height: 400px;

8
pixelegg/less/layout_buttons.less
View File

@ -127,7 +127,7 @@ button.et2_button_delete
// Password change // Password change
#passwordchange { #passwordchange {
background-image:url('../../api/templates/default/images/cancel.png') !important; background-image:url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important;
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
&:hover {background-color: @color_positive_action_active !important; .box_shadow_standard_light_hover;} &:hover {background-color: @color_positive_action_active !important; .box_shadow_standard_light_hover;}
@ -155,7 +155,7 @@ button#cancel{
// Password cancel // Password cancel
#passwordcancel { #passwordcancel {
background-image:url('../../api/templates/default/images/cancel.png') !important; background-image:url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important;
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
&:hover {background-color: @color_cancel_action_hover !important; .box_shadow_standard_light_hover;} &:hover {background-color: @color_cancel_action_hover !important; .box_shadow_standard_light_hover;}
@ -175,11 +175,11 @@ button.add {
} }
button[id="add"]{ button[id="add"]{
background-image:url('../../api/templates/default/images/add.png') !important; background-image:url('../../node_modules/bootstrap-icons/icons/plus-circle.svg') !important;
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
} }
/*Button Ende #######################################################*/ /*Button Ende #######################################################*/

4
pixelegg/less/layout_chosen.less
View File

@ -40,13 +40,13 @@
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {} .chzn-container-single.chzn-disabled .chzn-single abbr:hover {}
.chzn-container-single .chzn-single div {} .chzn-container-single .chzn-single div {}
.chzn-container-single .chzn-single div b { .chzn-container-single .chzn-single div b {
background-image: url("../../api/templates/default/images/arrow_down.svg") !important; background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg") !important;
background-size: 8px auto !important; background-size: 8px auto !important;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.chzn-container-single.chzn-with-drop .chzn-single div b { .chzn-container-single.chzn-with-drop .chzn-single div b {
background-image: url("../../api/templates/default/images/arrow_up.svg") !important; background-image: url("../../node_modules/bootstrap-icons/icons/caret-up-fill.svg") !important;
background-size: 8px auto; background-size: 8px auto;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

7
pixelegg/less/layout_content_elements.less
View File

@ -101,12 +101,12 @@ select {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
margin: 0; margin: 0;
background: url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; background: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right;
background-size: 8px auto; background-size: 8px auto;
background-position-x: ~"calc(100% - 8px)"; background-position-x: ~"calc(100% - 8px)";
} }
select:active { select:active {
background: #ffffff url(../../api/templates/default/images/arrow_up.svg) no-repeat center right; background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg) no-repeat center right;
background-size: 8px auto; background-size: 8px auto;
background-position-x: ~"calc(100% - 8px)"; background-position-x: ~"calc(100% - 8px)";
} }
@ -215,5 +215,4 @@ table.table_passord_change {
tr {height: 50px;} tr {height: 50px;}
td:first-child{ padding-right: 4em;} td:first-child{ padding-right: 4em;}
} }

18
pixelegg/less/layout_dialog.less
View File

@ -18,12 +18,6 @@
@import (reference) "definitions.less"; @import (reference) "definitions.less";
//############################################################################################################## //##############################################################################################################
/*body {
background-color: @gray_0;
background-image: url(../../api/templates/default/images/bgDialog.png);
background-repeat: repeat-x;
}*/
// Dialoge Allgemeine Definition // Dialoge Allgemeine Definition
div#popupMainDiv { div#popupMainDiv {
@ -67,7 +61,7 @@ form.et2_container {
} }
input.hasDatepicker { input.hasDatepicker {
background-image: url( "../../api/templates/default/images/datepopup.png"); background-image: url( "../../node_modules/bootstrap-icons/icons/calendar3.svg");
&:hover {cursor: pointer;} &:hover {cursor: pointer;}
} }
@ -420,21 +414,21 @@ div.admin-config form > table {
} }
.warning_message { .warning_message {
border-left: 24px solid @egw_color_msg_warning !important; border-left: 24px solid @egw_color_msg_warning !important;
background-image: url(../../api/templates/default/images/dialog_warning.png); background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-triangle.svg);
} }
.error_message { .error_message {
border-left: 24px solid @egw_color_msg_error !important; border-left: 24px solid @egw_color_msg_error !important;
background-image: url(../../api/templates/default/images/dialog_error.png); background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-circle.svg);
} }
.info_message { .info_message {
background-image: url(../../api/templates/default/images/dialog_info.svg); background-image: url(../../node_modules/bootstrap-icons/icons/info-circle.svg);
.discard { .discard {
float:right; float:right;
margin-top: 4px; margin-top: 4px;
} }
} }
.success_message { .success_message {
background-image: url(../../api/templates/default/images/check.svg); background-image: url(../../node_modules/bootstrap-icons/icons/check-lg.svg);
} }
/** /**
* Message in popup * Message in popup
@ -483,7 +477,7 @@ body .egw_message_wrapper {
background: #d0cdcdb5; background: #d0cdcdb5;
right: 10px; right: 10px;
top: 10px; top: 10px;
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg);
background-size: 12px; background-size: 12px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;

10
pixelegg/less/layout_loginPage.less
View File

@ -323,7 +323,7 @@ div#loginMainDiv.stockLoginBackground {
background-color: transparent; background-color: transparent;
} }
select[name="remember_me"] { select[name="remember_me"] {
background-image: url(../../api/templates/default/images/task.png); /*background-image: url(../../node_modules/bootstrap-icons/icons/task.png);*/
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-x: 0; background-position-x: 0;
} }
@ -359,11 +359,11 @@ div#loginMainDiv.stockLoginBackground {
z-index: 100; z-index: 100;
opacity:0.5; opacity:0.5;
} }
span.field_icons.username {background-image: url(../../api/templates/default/images/personal.svg);} span.field_icons.username {background-image: url(../../node_modules/bootstrap-icons/icons/person.svg);}
span.field_icons.password {background-image: url(../../api/templates/default/images/password.svg);} span.field_icons.password {background-image: url(../../node_modules/bootstrap-icons/icons/key.svg);}
span.field_icons.remember_me {background-image: none;z-index:0;width: 230px;padding-left: 31px;} span.field_icons.remember_me {background-image: none;z-index:0;width: 230px;padding-left: 31px;}
span.field_icons.domain {background-image: url(../../api/templates/default/images/internet.png);} span.field_icons.domain {background-image: url(../../node_modules/bootstrap-icons/icons/globe2.svg);}
span.field_icons.language {background-image: url(../../api/templates/default/images/language.png);} span.field_icons.language {background-image: url(../../node_modules/bootstrap-icons/icons/translate.svg);}
input[type="checkbox"] { input[type="checkbox"] {
height: 25px; height: 25px;
margin-top: 7px; margin-top: 7px;

14
pixelegg/less/layout_messages.less
View File

@ -71,7 +71,7 @@
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/delete.svg); background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 12px; background-size: 12px;
@ -120,7 +120,7 @@
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/search.svg); background-image: url(../../node_modules/bootstrap-icons/icons/search.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 12px; background-size: 12px;
@ -169,7 +169,7 @@
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 12px; background-size: 12px;
@ -181,7 +181,7 @@
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/back.png); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 16px; background-size: 16px;
@ -193,7 +193,7 @@
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/forward.png); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 16px; background-size: 16px;
@ -228,7 +228,7 @@
} }
} }
.egwpopup_deleteall { .egwpopup_deleteall {
background-image: url(../../api/templates/default/images/delete.svg); background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg);
width: 12px; width: 12px;
height: 12px; height: 12px;
background-position: center; background-position: center;
@ -345,4 +345,4 @@ td.message {
&:hover:before, &:hover:after { &:hover:before, &:hover:after {
background-color: gray; background-color: gray;
} }
} }

2
pixelegg/less/layout_raster_header.less
View File

@ -236,7 +236,7 @@
/*ICON List*/ /*ICON List*/
#egw_fw_topmenu_slide.slidedown{ #egw_fw_topmenu_slide.slidedown{
background-image: url("../../api/templates/default/images/list.png"); background-image: url("../../node_modules/bootstrap-icons/icons/list.svg");
background-position: center center; background-position: center center;
height: 15px; height: 15px;
width: 15px; width: 15px;

2
pixelegg/less/layout_raster_main.less
View File

@ -123,7 +123,7 @@
{ {
.egw_fw_ui_tab_close_button { .egw_fw_ui_tab_close_button {
top: 0px; top: 0px;
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg);
} }
} }
// APP Name // APP Name

7
pixelegg/less/layout_raster_scrollarea.less
View File

@ -74,7 +74,7 @@
height: 35px; height: 35px;
top: 0px; top: 0px;
border-bottom: 1px solid silver; border-bottom: 1px solid silver;
background-image: url(../../api/templates/default/images/up.svg); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-up.svg.svg);
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-y: 5px; background-position-y: 5px;
@ -86,7 +86,7 @@
bottom: 0px; bottom: 0px;
height: 35px; height: 35px;
border-top: 1px solid silver; border-top: 1px solid silver;
background-image: url(../../api/templates/default/images/down.svg); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-down.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-position-y: 6px; background-position-y: 6px;
@ -119,5 +119,4 @@
background-image: url(../../api/templates/default/images/ajax-loader.gif); background-image: url(../../api/templates/default/images/ajax-loader.gif);
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }

6
pixelegg/less/layout_raster_sidebar.less
View File

@ -112,7 +112,7 @@
} }
&:active {} &:active {}
&:hover { &:hover {
background-image: url(../../api/templates/default/images/reload.png); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-clockwise.svg);
background-size: 18px; background-size: 18px;
background-position: 9px 6px; background-position: 9px 6px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -224,7 +224,7 @@
line-height: 1em; line-height: 1em;
.fontsize_l; .fontsize_l;
font-weight: normal; font-weight: normal;
background-image:url(../../api/templates/default/images/arrow_right.svg); background-image:url(../../node_modules/bootstrap-icons/icons/caret-right-fill.svg);
background-repeat:no-repeat; background-repeat:no-repeat;
background-position:left center; background-position:left center;
background-size: 12px; background-size: 12px;
@ -261,7 +261,7 @@
background-color: @egw_color_2_a; background-color: @egw_color_2_a;
h1,h2 { h1,h2 {
.color_5_gray; .color_5_gray;
background-image:url(../../api/templates/default/images/arrow_down.svg); background-image:url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg);
line-height: 1em; line-height: 1em;
font-size: 12px; font-size: 12px;
background-size: 12px; background-size: 12px;

4
pixelegg/less/layout_table.less
View File

@ -322,12 +322,12 @@ table.egwGridView_grid
} }
span.arrow.opened { span.arrow.opened {
background-image: url("../../api/templates/default/images/arrow_down.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg");
cursor: pointer; cursor: pointer;
background-position: bottom; background-position: bottom;
} }
span.arrow.closed { span.arrow.closed {
background-image: url("../../api/templates/default/images/arrow_right.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/caret-right-fill.svg");
cursor: pointer; cursor: pointer;
background-position: right; background-position: right;
} }

10
pixelegg/less/layout_traditional.less
View File

@ -223,16 +223,6 @@ a.textSidebox
border-bottom: 0px; border-bottom: 0px;
} }
//#divAppIconBar
//{
// background-color:silver;
// border:solid 1px #9c9c9c;
// background-image: url(../../api/templates/default/images/background-icon-bar.png);
// background-repeat: repeat-x;
// overflow:visible;
// height: 45px; /* prevents text line to show in IE7+8(Compatibilitymode) */
//}
/* Star-Plus-HTML Hack fix for the above */ /* Star-Plus-HTML Hack fix for the above */
*:first-child+html #divAppIconBar *:first-child+html #divAppIconBar
{ {

133
pixelegg/mobile/fw_mobile.css
View File

@ -291,13 +291,13 @@
margin-left: -10px; margin-left: -10px;
} }
a.et2_url.email { a.et2_url.email {
background-image: url(../../api/templates/default/images/email.svg); background-image: url(../../node_modules/bootstrap-icons/icons/envelope.svg);
} }
a.et2_url.phone { a.et2_url.phone {
background-image: url(../../api/templates/default/images/phone.svg); background-image: url(../../node_modules/bootstrap-icons/icons/telephone.svg);
} }
a.et2_url.url { a.et2_url.url {
background-image: url(../../api/templates/default/images/url.svg); background-image: url(../../node_modules/bootstrap-icons/icons/link-45deg.svg);
} }
/** /**
* Button widget - text only, and icon * Button widget - text only, and icon
@ -369,7 +369,7 @@
} }
.et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close { .et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close {
/*visibility: hidden;*/ /*visibility: hidden;*/
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../node_modules/bootstrap-icons/icons/x-square.svg);
margin: -2px -3px; margin: -2px -3px;
padding: 0px; padding: 0px;
} }
@ -389,7 +389,7 @@
border-left: 1px solid #F2F2F2; border-left: 1px solid #F2F2F2;
} }
.ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] { .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
background-image: url(../../api/templates/default/images/bullet.svg); background-image: url(../../node_modules/bootstrap-icons/icons/record.svg);
background-color: transparent; background-color: transparent;
background-size: contain; background-size: contain;
border: none; border: none;
@ -401,12 +401,12 @@
background-color: transparent; background-color: transparent;
} }
.ui-datepicker .ui-datepicker-prev span { .ui-datepicker .ui-datepicker-prev span {
background-image: url(../../api/templates/default/images/previous.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg) !important;
background-position: 0px 0px !important; background-position: 0px 0px !important;
background-size: contain; background-size: contain;
} }
.ui-datepicker .ui-datepicker-next span { .ui-datepicker .ui-datepicker-next span {
background-image: url(../../api/templates/default/images/next.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg) !important;
background-position: 0px 0px !important; background-position: 0px 0px !important;
background-size: contain; background-size: contain;
} }
@ -417,13 +417,13 @@
.et2_file .progress li:hover div.remove { .et2_file .progress li:hover div.remove {
width: 16px; width: 16px;
height: 16px; height: 16px;
background-image: url("../../api/templates/default/images/delete.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg");
} }
.et2_file .progress p { .et2_file .progress p {
background-color: #FFDD73; background-color: #FFDD73;
} }
span.et2_file_span { span.et2_file_span {
background-image: url(../../api/templates/default/images/attach.svg); background-image: url(../../node_modules/bootstrap-icons/icons/paperclip.svg);
} }
span.et2_file_span img[url*="svg"] { span.et2_file_span img[url*="svg"] {
background-color: #b4b4b4 !important; background-color: #b4b4b4 !important;
@ -523,7 +523,7 @@
left: 0px; left: 0px;
} }
.et2_link_to .et2_link_entry .ui-icon-triangle-1-s { .et2_link_to .et2_link_entry .ui-icon-triangle-1-s {
background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right;
} }
.et2_link_to .et2_file span { .et2_link_to .et2_file span {
background-position: center; background-position: center;
@ -534,7 +534,7 @@
border-radius: 3px; border-radius: 3px;
} }
.et2_link_entry .ui-icon-triangle-1-s { .et2_link_entry .ui-icon-triangle-1-s {
background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right;
background-size: contain; background-size: contain;
} }
.et2_link { .et2_link {
@ -555,7 +555,7 @@
} }
.et2_link_list td div.delete { .et2_link_list td div.delete {
visibility: hidden; visibility: hidden;
background-image: url("../../api/templates/default/images/delete.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 12px 12px; background-size: 12px 12px;
@ -563,7 +563,7 @@
} }
.et2_vfs td div.delete { .et2_vfs td div.delete {
visibility: hidden; visibility: hidden;
background-image: url("../../api/templates/default/images/delete.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 12px 12px; background-size: 12px 12px;
@ -925,7 +925,7 @@
color: #000000; color: #000000;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash { .sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash {
background-image: url(../../api/templates/default/images/delete.svg); background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: center 2px; background-position: center 2px;
margin-top: 0px; margin-top: 0px;
@ -943,7 +943,7 @@
.sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart { .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart {
width: 9px; width: 9px;
height: 16px; height: 16px;
background-image: url(../../api/templates/default/images/favorites.svg); background-image: url(../../node_modules/bootstrap-icons/icons/star-fill.svg);
background-size: 16px 16px; background-size: 16px 16px;
background-position: 1px 0; background-position: 1px 0;
margin-right: 9px; margin-right: 9px;
@ -954,7 +954,7 @@
height: 16px; height: 16px;
margin-left: 4px; margin-left: 4px;
margin-right: 10px; margin-right: 10px;
background-image: url(../../api/templates/default/images/fav_filter.svg); background-image: url(../../node_modules/bootstrap-icons/icons/star.svg);
background-size: 16px 16px; background-size: 16px 16px;
background-position: 0 0; background-position: 0 0;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -986,12 +986,12 @@
} }
.nextmatch_sortheader.asc { .nextmatch_sortheader.asc {
font-weight: bold; font-weight: bold;
background-image: url(../../api/templates/default/images/arrow_up.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg);
background-size: 8px 8px; background-size: 8px 8px;
} }
.nextmatch_sortheader.desc { .nextmatch_sortheader.desc {
font-weight: bold; font-weight: bold;
background-image: url(../../api/templates/default/images/arrow_down.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg);
background-size: 8px 8px; background-size: 8px 8px;
} }
/** /**
@ -1041,11 +1041,11 @@
* et2_taglist * et2_taglist
*/ */
.et2_taglist_toggle > div.toggle { .et2_taglist_toggle > div.toggle {
background-image: url("../../api/templates/default/images/minus.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/dash-lg.svg");
background-size: 50%; background-size: 50%;
} }
.et2_taglist_toggle.et2_taglist_single.expanded > div.toggle { .et2_taglist_toggle.et2_taglist_single.expanded > div.toggle {
background-image: url("../../api/templates/default/images/plus.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/plus-lg.svg");
background-size: 50%; background-size: 50%;
} }
.et2_taglist.et2_taglist_category { .et2_taglist.et2_taglist_category {
@ -1120,11 +1120,11 @@
padding-left: 5px; padding-left: 5px;
} }
.et2_vfsPath input.et2_textbox.et2_vfs { .et2_vfsPath input.et2_textbox.et2_vfs {
background-image: url(../../api/templates/default/images/edit.svg); background-image: url(../../node_modules/bootstrap-icons/icons/pencil-square.svg);
} }
/*#################################### ET2 SEARCHBOX #####################################################*/ /*#################################### ET2 SEARCHBOX #####################################################*/
.et2_searchbox button.et2_button { .et2_searchbox button.et2_button {
background-image: url(../../api/templates/default/images/search.svg); background-image: url(../../node_modules/bootstrap-icons/icons/search.svg);
background-size: 20px 20px; background-size: 20px 20px;
background-position: center; background-position: center;
} }
@ -1256,13 +1256,13 @@ option:checked {
text-decoration: none; text-decoration: none;
} }
.ui-state-default .ui-icon.ui-icon-triangle-1-s { .ui-state-default .ui-icon.ui-icon-triangle-1-s {
background: url("../../api/templates/default/images/arrow_down.svg"); background: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg");
background-size: 8px auto; background-size: 8px auto;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.ui-widget-header .ui-icon.ui-icon-check { .ui-widget-header .ui-icon.ui-icon-check {
background-image: url("../../api/templates/default/images/check.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/check-lg.svg");
background-size: 12px auto; background-size: 12px auto;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1357,9 +1357,7 @@ option:checked {
background-color: #FFDD73; background-color: #FFDD73;
} }
.ui-icon-close { .ui-icon-close {
/*visibility: hidden;*/ background-image: url("../../node_modules/bootstrap-icons/icons/x-square.svg");
/*background-image: url(../../api/templates/default/images/search.png);*/
background-image: url("../../api/templates/default/images/cancel.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: #FFFFFF; background-color: #FFFFFF;
background-size: 12px 12px; background-size: 12px 12px;
@ -1389,7 +1387,7 @@ span.ui-icon-close {
} }
/*Schliessen x*/ /*Schliessen x*/
.ui-icon-closethick { .ui-icon-closethick {
background-image: url(../../api/templates/default/images/close.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg) !important;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: #FFFFFF; background-color: #FFFFFF;
background-size: contain; background-size: contain;
@ -1438,7 +1436,7 @@ span.ui-multiselect-header {
color: #FFFFFF; color: #FFFFFF;
} }
span.ui-icon-search { span.ui-icon-search {
background-image: url(../../api/templates/default/images/search.svg) !important; background-image: url(../../node_modules/bootstrap-icons/icons/search.svg) !important;
background-position: 0px; background-position: 0px;
background-size: 10px 10px; background-size: 10px 10px;
} }
@ -2187,7 +2185,7 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
background-color: transparent; background-color: transparent;
} }
#loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] { #loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] {
background-image: url(../../api/templates/default/images/task.png); /*background-image: url(../../node_modules/bootstrap-icons/icons/task.png);*/
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-x: 0; background-position-x: 0;
} }
@ -2229,10 +2227,10 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
opacity: 0.5; opacity: 0.5;
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.username { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.username {
background-image: url(../../api/templates/default/images/personal.svg); background-image: url(../../node_modules/bootstrap-icons/icons/person.svg);
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.password { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.password {
background-image: url(../../api/templates/default/images/password.svg); background-image: url(../../node_modules/bootstrap-icons/icons/key.svg);
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me {
background-image: none; background-image: none;
@ -2241,10 +2239,10 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
padding-left: 31px; padding-left: 31px;
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain {
background-image: url(../../api/templates/default/images/internet.png); background-image: url(../../node_modules/bootstrap-icons/icons/globe2.svg);
} }
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.language { #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.language {
background-image: url(../../api/templates/default/images/language.png); background-image: url(../../node_modules/bootstrap-icons/icons/translate.svg);
} }
#loginMainDiv div#centerBox form table.divLoginbox input[type="checkbox"] { #loginMainDiv div#centerBox form table.divLoginbox input[type="checkbox"] {
height: 25px; height: 25px;
@ -2393,7 +2391,7 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
float: right; float: right;
} }
.egw_fw_ui_tab_content > .loading { .egw_fw_ui_tab_content > .loading {
background-image: url('../../api/templates/default/images/loading.gif'); background-image: url('../../api/templates/default/images/loading.svg');
background-repeat: no-repeat; background-repeat: no-repeat;
text-align: center; text-align: center;
line-height: 400px; line-height: 400px;
@ -2536,7 +2534,7 @@ button[id="timesheet-edit_button[delete]"],
button[id="displayToolbar-delete"], button[id="displayToolbar-delete"],
button.et2_button_delete { button.et2_button_delete {
/*background-color: @color_negative_action_hover !important;*/ /*background-color: @color_negative_action_hover !important;*/
background-image: url('../../api/templates/default/images/delete.png'); background-image: url('../../node_modules/bootstrap-icons/icons/trash3.svg');
margin-left: 3em; margin-left: 3em;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
@ -2639,7 +2637,7 @@ button.et2_button_delete:active {
* *
######################################################################################## */ ######################################################################################## */
#passwordchange { #passwordchange {
background-image: url('../../api/templates/default/images/cancel.png') !important; background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2686,7 +2684,7 @@ button.et2_button_delete:active {
/*div.et2_box_widget .et2_button_text:last_child,*/ /*div.et2_box_widget .et2_button_text:last_child,*/
button[id="cancel"], button[id="cancel"],
button#cancel { button#cancel {
background-image: url('../../api/templates/default/images/cancel.png') !important; background-image: url('node_modules/bootstrap-icons/icons/x-square.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2728,7 +2726,7 @@ button#cancel:active {
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 { #passwordcancel {
background-image: url('../../api/templates/default/images/cancel.png') !important; background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2791,7 +2789,7 @@ button.add:before {
line-height: 1.1em; line-height: 1.1em;
} }
button[id="add"] { button[id="add"] {
background-image: url('../../api/templates/default/images/add.png') !important; background-image: url('../../node_modules/bootstrap-icons/icons/plus-circle.svg') !important;
/*.border_normal;*/ /*.border_normal;*/
/*.box_shadow_standard_light;*/ /*.box_shadow_standard_light;*/
/*.rounded (3px);*/ /*.rounded (3px);*/
@ -2838,13 +2836,13 @@ button[id="add"] {
/* @end */ /* @end */
/* @group Single Chosen */ /* @group Single Chosen */
.chzn-container-single .chzn-single div b { .chzn-container-single .chzn-single div b {
background-image: url("../../api/templates/default/images/arrow_down.svg") !important; background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg") !important;
background-size: 8px auto !important; background-size: 8px auto !important;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.chzn-container-single.chzn-with-drop .chzn-single div b { .chzn-container-single.chzn-with-drop .chzn-single div b {
background-image: url("../../api/templates/default/images/arrow_up.svg") !important; background-image: url("../../node_modules/bootstrap-icons/icons/caret-up-fill.svg") !important;
background-size: 8px auto; background-size: 8px auto;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -3069,12 +3067,12 @@ select {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
margin: 0; margin: 0;
background: url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; background: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right;
background-size: 8px auto; background-size: 8px auto;
background-position-x: calc(100% - 8px); background-position-x: calc(100% - 8px);
} }
select:active { select:active {
background: #ffffff url(../../api/templates/default/images/arrow_up.svg) no-repeat center right; background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg) no-repeat center right;
background-size: 8px auto; background-size: 8px auto;
background-position-x: calc(100% - 8px); background-position-x: calc(100% - 8px);
} }
@ -3231,11 +3229,6 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.su
* @package pixelegg * @package pixelegg
* @version $Id$ * @version $Id$
*/ */
/*body {
background-color: @gray_0;
background-image: url(../../api/templates/default/images/bgDialog.png);
background-repeat: repeat-x;
}*/
div#popupMainDiv { div#popupMainDiv {
padding: 8px; padding: 8px;
background-color: #FFFFFF; background-color: #FFFFFF;
@ -3264,7 +3257,7 @@ form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input {
/*.background-clip(padding-box);*/ /*.background-clip(padding-box);*/
} }
form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker { form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker {
background-image: url("../../api/templates/default/images/datepopup.png"); 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 { form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker:hover {
cursor: pointer; cursor: pointer;
@ -3563,21 +3556,21 @@ div.admin-config form > table td b {
} }
.warning_message { .warning_message {
border-left: 24px solid rgba(255, 204, 0, 0.5) !important; border-left: 24px solid rgba(255, 204, 0, 0.5) !important;
background-image: url(../../api/templates/default/images/dialog_warning.png); background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-triangle.svg);
} }
.error_message { .error_message {
border-left: 24px solid rgba(204, 0, 51, 0.5) !important; border-left: 24px solid rgba(204, 0, 51, 0.5) !important;
background-image: url(../../api/templates/default/images/dialog_error.png); background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-circle.svg);
} }
.info_message { .info_message {
background-image: url(../../api/templates/default/images/dialog_info.svg); background-image: url(../../node_modules/bootstrap-icons/icons/info-circle.svg);
} }
.info_message .discard { .info_message .discard {
float: right; float: right;
margin-top: 4px; margin-top: 4px;
} }
.success_message { .success_message {
background-image: url(../../api/templates/default/images/check.svg); background-image: url(../../node_modules/bootstrap-icons/icons/check-lg.svg);
} }
/** /**
* Message in popup * Message in popup
@ -3630,7 +3623,7 @@ body .egw_message_wrapper div#egw_message span.close {
background: #d0cdcdb5; background: #d0cdcdb5;
right: 10px; right: 10px;
top: 10px; top: 10px;
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg);
background-size: 12px; background-size: 12px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
@ -3886,7 +3879,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/delete.svg); background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 12px; background-size: 12px;
@ -3936,7 +3929,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/search.svg); background-image: url(../../node_modules/bootstrap-icons/icons/search.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 12px; background-size: 12px;
@ -3987,7 +3980,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 12px; background-size: 12px;
@ -4002,7 +3995,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/back.png); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 16px; background-size: 16px;
@ -4017,7 +4010,7 @@ td.lettersearch {
float: right; float: right;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(../../api/templates/default/images/forward.png); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 16px; background-size: 16px;
@ -4053,7 +4046,7 @@ td.lettersearch {
background: rgba(103, 159, 210, 0.2); background: rgba(103, 159, 210, 0.2);
} }
#egwpopup div#egwpopup_header .egwpopup_deleteall { #egwpopup div#egwpopup_header .egwpopup_deleteall {
background-image: url(../../api/templates/default/images/delete.svg); background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg);
width: 12px; width: 12px;
height: 12px; height: 12px;
background-position: center; background-position: center;
@ -4456,7 +4449,7 @@ body.scrollVertical {
} }
/*ICON List*/ /*ICON List*/
#egw_fw_topmenu_slide.slidedown { #egw_fw_topmenu_slide.slidedown {
background-image: url("../../api/templates/default/images/list.png"); background-image: url("../../node_modules/bootstrap-icons/icons/list.svg");
background-position: center center; background-position: center center;
height: 15px; height: 15px;
width: 15px; width: 15px;
@ -4602,7 +4595,7 @@ body.scrollVertical {
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover .egw_fw_ui_tab_close_button { #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; top: 0px;
background-image: url(../../api/templates/default/images/close.svg); 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 { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
font-size: 12px; font-size: 12px;
@ -4786,7 +4779,7 @@ body.scrollVertical {
padding-left: 35px; padding-left: 35px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover {
background-image: url(../../api/templates/default/images/reload.png); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-clockwise.svg);
background-size: 18px; background-size: 18px;
background-position: 9px 6px; background-position: 9px 6px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -4869,7 +4862,7 @@ body.scrollVertical {
line-height: 1em; line-height: 1em;
font-size: 13px; font-size: 13px;
font-weight: normal; font-weight: normal;
background-image: url(../../api/templates/default/images/arrow_right.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-right-fill.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
background-size: 12px; background-size: 12px;
@ -4891,7 +4884,7 @@ body.scrollVertical {
#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 h1,
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 {
color: #f2f2f2; color: #f2f2f2;
background-image: url(../../api/templates/default/images/arrow_down.svg); background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg);
line-height: 1em; line-height: 1em;
font-size: 12px; font-size: 12px;
background-size: 12px; background-size: 12px;
@ -5259,7 +5252,7 @@ body.scrollVertical {
height: 35px; height: 35px;
top: 0px; top: 0px;
border-bottom: 1px solid silver; border-bottom: 1px solid silver;
background-image: url(../../api/templates/default/images/up.svg); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-up.svg.svg);
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-y: 5px; background-position-y: 5px;
@ -5269,7 +5262,7 @@ body.scrollVertical {
bottom: 0px; bottom: 0px;
height: 35px; height: 35px;
border-top: 1px solid silver; border-top: 1px solid silver;
background-image: url(../../api/templates/default/images/down.svg); background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-down.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-position-y: 6px; background-position-y: 6px;
@ -6176,12 +6169,12 @@ table.egwGridView_grid span.arrow {
width: 8px; width: 8px;
} }
table.egwGridView_grid span.arrow.opened { table.egwGridView_grid span.arrow.opened {
background-image: url("../../api/templates/default/images/arrow_down.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg");
cursor: pointer; cursor: pointer;
background-position: bottom; background-position: bottom;
} }
table.egwGridView_grid span.arrow.closed { table.egwGridView_grid span.arrow.closed {
background-image: url("../../api/templates/default/images/arrow_right.svg"); background-image: url("../../node_modules/bootstrap-icons/icons/caret-right-fill.svg");
cursor: pointer; cursor: pointer;
background-position: right; background-position: right;
} }