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

Apply css changes to other themes

Browse Source
This commit is contained in:
Hadi Nategh 2020-06-09 13:22:58 +02:00
parent 89fe476da0
commit 15b20caaf6
3 changed files with 104 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
pixelegg/css/mobile.css
View File

@ -125,13 +125,13 @@
margin-left: -10px; margin-left: -10px;
} }
a.et2_url.email { a.et2_url.email {
background-image: url(../images/email.png); background-image: url(../images/email.svg);
} }
a.et2_url.phone { a.et2_url.phone {
background-image: url(../images/phone.svg); background-image: url(../images/phone.svg);
} }
a.et2_url.url { a.et2_url.url {
background-image: url(../images/url.png); background-image: url(../images/url.svg);
} }
/** /**
* Button widget - text only, and icon * Button widget - text only, and icon
@ -350,7 +350,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(../images/selectarrowdown.png) no-repeat center right; background: #ffffff url(../images/arrow_down.svg) no-repeat center right;
} }
.et2_link_to .et2_file span { .et2_link_to .et2_file span {
background-position: center; background-position: center;
@ -361,7 +361,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(../images/selectarrowdown.png) no-repeat center right; background: #ffffff url(../images/arrow_down.svg) no-repeat center right;
background-size: contain; background-size: contain;
} }
.et2_link { .et2_link {
@ -811,27 +811,12 @@
margin-right: 10px; margin-right: 10px;
margin-top: -3px; margin-top: -3px;
} }
.sidebox-favorites ul.favorites li.ui-menu-item [data-id="blank"] div.ui-icon-heart {
background-image: url(../images/delete.svg);
background-size: 12px 12px;
background-position: 0 0;
}
.sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight { .sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight {
color: #000000; color: #000000;
background: rgba(102, 153, 204, 0.7); background: rgba(102, 153, 204, 0.7);
padding: 3px 0; padding: 3px 0;
border: none; border: none;
} }
.sidebox-favorites ul.favorites li:first-child a div.ui-icon-heart {
background-image: url(../images/delete.svg);
background-size: 12px 12px;
background-position: 0 0;
}
.sidebox-favorites ul.favorites li:first-child a div.sideboxstar {
background-image: url(../images/delete.svg);
background-size: 12px 12px;
background-position: 0 0;
}
.favorites img { .favorites img {
width: 12px; width: 12px;
height: 12px; height: 12px;
@ -846,13 +831,13 @@
} }
.nextmatch_sortheader.asc { .nextmatch_sortheader.asc {
font-weight: bold; font-weight: bold;
background-image: url(../images/selectarrowup.png); background-image: url(../images/arrow_up.svg);
background-size: 16px 16px; background-size: 8px 8px;
} }
.nextmatch_sortheader.desc { .nextmatch_sortheader.desc {
font-weight: bold; font-weight: bold;
background-image: url(../images/selectarrowdown.png); background-image: url(../images/arrow_down.svg);
background-size: 16px 16px; background-size: 8px 8px;
} }
/** /**
* Grid / nextmatch Hierarchy * Grid / nextmatch Hierarchy
@ -1151,6 +1136,19 @@ option:checked {
color: #999999; color: #999999;
text-decoration: none; text-decoration: none;
} }
.ui-state-default .ui-icon.ui-icon-triangle-1-s {
background: url("../images/arrow_down.svg");
background-size: 8px auto;
background-position: center;
background-repeat: no-repeat;
}
.ui-widget-header .ui-icon.ui-icon-check {
background-image: url("../images/check.svg");
background-size: 12px auto;
background-position: center;
background-repeat: no-repeat;
filter: brightness(2.5);
}
.ui-state-focus, .ui-state-focus,
.ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-focus,
.ui-widget-content .ui-state-focus { .ui-widget-content .ui-state-focus {
@ -1360,6 +1358,7 @@ span.ui-icon-search {
background: #CDCDCD; background: #CDCDCD;
} }
.ui-dialog { .ui-dialog {
z-index: 1000;
box-shadow: -2px 1px 9px 3px #B4B4B4; box-shadow: -2px 1px 9px 3px #B4B4B4;
} }
.ui-dialog .ui-dialog-buttonpane { .ui-dialog .ui-dialog-buttonpane {
@ -1809,7 +1808,6 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
background: white; background: white;
opacity: 0.94; opacity: 0.94;
margin-left: 20px; margin-left: 20px;
border-radius: 5px;
margin-right: 20px; margin-right: 20px;
padding: 20px; padding: 20px;
margin-top: 20px; margin-top: 20px;
@ -1888,7 +1886,6 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
width: 280px; width: 280px;
} }
#loginMainDiv div#centerBox form { #loginMainDiv div#centerBox form {
border-radius: 5px;
opacity: 0.94; opacity: 0.94;
background-color: white; background-color: white;
padding: 1em; padding: 1em;
@ -2582,6 +2579,18 @@ button[id="add"] {
} }
/* @end */ /* @end */
/* @group Single Chosen */ /* @group Single Chosen */
.chzn-container-single .chzn-single div b {
background: url("../images/arrow_down.svg");
background-size: 8px auto;
background-position: center;
background-repeat: no-repeat;
}
.chzn-container-single.chzn-with-drop .chzn-single div b {
background: url("../images/arrow_up.svg");
background-size: 8px auto;
background-position: center;
background-repeat: no-repeat;
}
/* @end */ /* @end */
/* @group Results */ /* @group Results */
.chzn-container .chzn-results { .chzn-container .chzn-results {
@ -2802,8 +2811,14 @@ select {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
margin: 0; margin: 0;
background: #ffffff url(../images/selectarrowdown.png) no-repeat center right; background: #ffffff url(../images/arrow_down.svg) no-repeat center right;
background-size: 16px auto; background-size: 8px auto;
background-position-x: calc(100% - 8px);
}
select:active {
background: #ffffff url(../images/arrow_up.svg) no-repeat center right;
background-size: 8px auto;
background-position-x: calc(100% - 8px);
} }
/*IE has no appearance but we can remove arrows by ms-expand*/ /*IE has no appearance but we can remove arrows by ms-expand*/
select::-ms-expand { select::-ms-expand {
@ -3747,7 +3762,7 @@ td.lettersearch {
} }
/*popup Messsage*/ /*popup Messsage*/
div#egwpopup_message { div#egwpopup_message {
background-color: .color_gray_0; background-color: #FFFFFF;
padding: 1em; padding: 1em;
overflow-y: auto; overflow-y: auto;
} }
@ -4137,7 +4152,7 @@ td.message span.message {
padding: 5px 0px 5px 0px; padding: 5px 0px 5px 0px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items .timezone select { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items .timezone select {
width: calc(80%); width: calc(100% - 20px);
margin-left: 10px; margin-left: 10px;
} }
/* ################################################### /* ###################################################
@ -4499,9 +4514,10 @@ td.message span.message {
padding: 0px 0px 0px 24px; padding: 0px 0px 0px 24px;
line-height: 1em; line-height: 1em;
font-size: 12px; font-size: 12px;
background-image: url(../images/arrow_right.png); background-image: url(../images/arrow_right.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
background-size: 12px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category div.egw_fw_ui_category:nth-last-of-type(-n+3) img.egw_fw_ui_sidemenu_listitem_icon { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category div.egw_fw_ui_category:nth-last-of-type(-n+3) img.egw_fw_ui_sidemenu_listitem_icon {
display: block; display: block;
@ -4516,9 +4532,10 @@ td.message span.message {
color: #f2f2f2; color: #f2f2f2;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 {
background-image: url(../images/arrow_down_white.png); background-image: url(../images/arrow_down.svg);
line-height: 1em; line-height: 1em;
font-size: 12px; font-size: 12px;
background-size: 12px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a {
color: #FFF; color: #FFF;
@ -5762,6 +5779,8 @@ table.egwGridView_grid tr.drop-hover {
table.egwGridView_grid span.arrow { table.egwGridView_grid span.arrow {
-moz-user-select: none; -moz-user-select: none;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 12px;
background-position: center;
display: inline-block; display: inline-block;
height: 8px; height: 8px;
margin-right: 2px; margin-right: 2px;
@ -5769,13 +5788,11 @@ table.egwGridView_grid span.arrow {
width: 8px; width: 8px;
} }
table.egwGridView_grid span.arrow.opened { table.egwGridView_grid span.arrow.opened {
background-image: url("../images/egw_action/arrows.png"); background-image: url("../images/arrow_down.svg");
background-position: -8px 0;
cursor: pointer; cursor: pointer;
} }
table.egwGridView_grid span.arrow.closed { table.egwGridView_grid span.arrow.closed {
background-image: url("../images/egw_action/arrows.png"); background-image: url("../images/arrow_right.svg");
background-position: 0 0;
cursor: pointer; cursor: pointer;
} }
table.egwGridView_grid span.arrow.loading { table.egwGridView_grid span.arrow.loading {

87
pixelegg/css/monochrome.css
View File

@ -114,13 +114,13 @@
margin-left: -10px; margin-left: -10px;
} }
a.et2_url.email { a.et2_url.email {
background-image: url(../images/email.png); background-image: url(../images/email.svg);
} }
a.et2_url.phone { a.et2_url.phone {
background-image: url(../images/phone.svg); background-image: url(../images/phone.svg);
} }
a.et2_url.url { a.et2_url.url {
background-image: url(../images/url.png); background-image: url(../images/url.svg);
} }
/** /**
* Button widget - text only, and icon * Button widget - text only, and icon
@ -339,7 +339,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(../images/selectarrowdown.png) no-repeat center right; background: #ffffff url(../images/arrow_down.svg) no-repeat center right;
} }
.et2_link_to .et2_file span { .et2_link_to .et2_file span {
background-position: center; background-position: center;
@ -350,7 +350,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(../images/selectarrowdown.png) no-repeat center right; background: #ffffff url(../images/arrow_down.svg) no-repeat center right;
background-size: contain; background-size: contain;
} }
.et2_link { .et2_link {
@ -800,27 +800,12 @@
margin-right: 10px; margin-right: 10px;
margin-top: -3px; margin-top: -3px;
} }
.sidebox-favorites ul.favorites li.ui-menu-item [data-id="blank"] div.ui-icon-heart {
background-image: url(../images/delete.svg);
background-size: 12px 12px;
background-position: 0 0;
}
.sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight { .sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight {
color: #000000; color: #000000;
background: rgba(102, 153, 204, 0.7); background: rgba(102, 153, 204, 0.7);
padding: 3px 0; padding: 3px 0;
border: none; border: none;
} }
.sidebox-favorites ul.favorites li:first-child a div.ui-icon-heart {
background-image: url(../images/delete.svg);
background-size: 12px 12px;
background-position: 0 0;
}
.sidebox-favorites ul.favorites li:first-child a div.sideboxstar {
background-image: url(../images/delete.svg);
background-size: 12px 12px;
background-position: 0 0;
}
.favorites img { .favorites img {
width: 12px; width: 12px;
height: 12px; height: 12px;
@ -835,13 +820,13 @@
} }
.nextmatch_sortheader.asc { .nextmatch_sortheader.asc {
font-weight: bold; font-weight: bold;
background-image: url(../images/selectarrowup.png); background-image: url(../images/arrow_up.svg);
background-size: 16px 16px; background-size: 8px 8px;
} }
.nextmatch_sortheader.desc { .nextmatch_sortheader.desc {
font-weight: bold; font-weight: bold;
background-image: url(../images/selectarrowdown.png); background-image: url(../images/arrow_down.svg);
background-size: 16px 16px; background-size: 8px 8px;
} }
/** /**
* Grid / nextmatch Hierarchy * Grid / nextmatch Hierarchy
@ -1140,6 +1125,19 @@ option:checked {
color: #999999; color: #999999;
text-decoration: none; text-decoration: none;
} }
.ui-state-default .ui-icon.ui-icon-triangle-1-s {
background: url("../images/arrow_down.svg");
background-size: 8px auto;
background-position: center;
background-repeat: no-repeat;
}
.ui-widget-header .ui-icon.ui-icon-check {
background-image: url("../images/check.svg");
background-size: 12px auto;
background-position: center;
background-repeat: no-repeat;
filter: brightness(2.5);
}
.ui-state-focus, .ui-state-focus,
.ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-focus,
.ui-widget-content .ui-state-focus { .ui-widget-content .ui-state-focus {
@ -1349,6 +1347,7 @@ span.ui-icon-search {
background: #CDCDCD; background: #CDCDCD;
} }
.ui-dialog { .ui-dialog {
z-index: 1000;
box-shadow: -2px 1px 9px 3px #B4B4B4; box-shadow: -2px 1px 9px 3px #B4B4B4;
} }
.ui-dialog .ui-dialog-buttonpane { .ui-dialog .ui-dialog-buttonpane {
@ -1798,7 +1797,6 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
background: white; background: white;
opacity: 0.94; opacity: 0.94;
margin-left: 20px; margin-left: 20px;
border-radius: 5px;
margin-right: 20px; margin-right: 20px;
padding: 20px; padding: 20px;
margin-top: 20px; margin-top: 20px;
@ -1877,7 +1875,6 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
width: 280px; width: 280px;
} }
#loginMainDiv div#centerBox form { #loginMainDiv div#centerBox form {
border-radius: 5px;
opacity: 0.94; opacity: 0.94;
background-color: white; background-color: white;
padding: 1em; padding: 1em;
@ -2571,6 +2568,18 @@ button[id="add"] {
} }
/* @end */ /* @end */
/* @group Single Chosen */ /* @group Single Chosen */
.chzn-container-single .chzn-single div b {
background: url("../images/arrow_down.svg");
background-size: 8px auto;
background-position: center;
background-repeat: no-repeat;
}
.chzn-container-single.chzn-with-drop .chzn-single div b {
background: url("../images/arrow_up.svg");
background-size: 8px auto;
background-position: center;
background-repeat: no-repeat;
}
/* @end */ /* @end */
/* @group Results */ /* @group Results */
.chzn-container .chzn-results { .chzn-container .chzn-results {
@ -2791,8 +2800,14 @@ select {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
margin: 0; margin: 0;
background: #ffffff url(../images/selectarrowdown.png) no-repeat center right; background: #ffffff url(../images/arrow_down.svg) no-repeat center right;
background-size: 16px auto; background-size: 8px auto;
background-position-x: calc(100% - 8px);
}
select:active {
background: #ffffff url(../images/arrow_up.svg) no-repeat center right;
background-size: 8px auto;
background-position-x: calc(100% - 8px);
} }
/*IE has no appearance but we can remove arrows by ms-expand*/ /*IE has no appearance but we can remove arrows by ms-expand*/
select::-ms-expand { select::-ms-expand {
@ -3736,7 +3751,7 @@ td.lettersearch {
} }
/*popup Messsage*/ /*popup Messsage*/
div#egwpopup_message { div#egwpopup_message {
background-color: .color_gray_0; background-color: #FFFFFF;
padding: 1em; padding: 1em;
overflow-y: auto; overflow-y: auto;
} }
@ -4126,7 +4141,7 @@ td.message span.message {
padding: 5px 0px 5px 0px; padding: 5px 0px 5px 0px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items .timezone select { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items .timezone select {
width: calc(80%); width: calc(100% - 20px);
margin-left: 10px; margin-left: 10px;
} }
/* ################################################### /* ###################################################
@ -4488,9 +4503,10 @@ td.message span.message {
padding: 0px 0px 0px 24px; padding: 0px 0px 0px 24px;
line-height: 1em; line-height: 1em;
font-size: 12px; font-size: 12px;
background-image: url(../images/arrow_right.png); background-image: url(../images/arrow_right.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
background-size: 12px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category div.egw_fw_ui_category:nth-last-of-type(-n+3) img.egw_fw_ui_sidemenu_listitem_icon { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category div.egw_fw_ui_category:nth-last-of-type(-n+3) img.egw_fw_ui_sidemenu_listitem_icon {
display: block; display: block;
@ -4505,9 +4521,10 @@ td.message span.message {
color: #f2f2f2; color: #f2f2f2;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 {
background-image: url(../images/arrow_down_white.png); background-image: url(../images/arrow_down.svg);
line-height: 1em; line-height: 1em;
font-size: 12px; font-size: 12px;
background-size: 12px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a {
color: #FFF; color: #FFF;
@ -5751,6 +5768,8 @@ table.egwGridView_grid tr.drop-hover {
table.egwGridView_grid span.arrow { table.egwGridView_grid span.arrow {
-moz-user-select: none; -moz-user-select: none;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 12px;
background-position: center;
display: inline-block; display: inline-block;
height: 8px; height: 8px;
margin-right: 2px; margin-right: 2px;
@ -5758,13 +5777,11 @@ table.egwGridView_grid span.arrow {
width: 8px; width: 8px;
} }
table.egwGridView_grid span.arrow.opened { table.egwGridView_grid span.arrow.opened {
background-image: url("../images/egw_action/arrows.png"); background-image: url("../images/arrow_down.svg");
background-position: -8px 0;
cursor: pointer; cursor: pointer;
} }
table.egwGridView_grid span.arrow.closed { table.egwGridView_grid span.arrow.closed {
background-image: url("../images/egw_action/arrows.png"); background-image: url("../images/arrow_right.svg");
background-position: 0 0;
cursor: pointer; cursor: pointer;
} }
table.egwGridView_grid span.arrow.loading { table.egwGridView_grid span.arrow.loading {

15
pixelegg/mobile/fw_mobile.css
View File

@ -822,27 +822,12 @@
margin-right: 10px; margin-right: 10px;
margin-top: -3px; margin-top: -3px;
} }
.sidebox-favorites ul.favorites li.ui-menu-item [data-id="blank"] div.ui-icon-heart {
background-image: url(../images/delete.svg);
background-size: 12px 12px;
background-position: 0 0;
}
.sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight { .sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight {
color: #000000; color: #000000;
background: rgba(102, 153, 204, 0.7); background: rgba(102, 153, 204, 0.7);
padding: 3px 0; padding: 3px 0;
border: none; border: none;
} }
.sidebox-favorites ul.favorites li:first-child a div.ui-icon-heart {
background-image: url(../images/delete.svg);
background-size: 12px 12px;
background-position: 0 0;
}
.sidebox-favorites ul.favorites li:first-child a div.sideboxstar {
background-image: url(../images/delete.svg);
background-size: 12px 12px;
background-position: 0 0;
}
.favorites img { .favorites img {
width: 12px; width: 12px;
height: 12px; height: 12px;