holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

pixelegg changes from 19.Dez

Browse Source
This commit is contained in:
Klaus Leithoff 2013-12-20 09:36:43 +00:00
parent e32c235d2e
commit f89dd241e6
9 changed files with 550 additions and 249 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
pixelegg/changelog.txt
View File

@ -52,3 +52,14 @@ Raster > fixed Tab_header, tab_header
Admin > fixed height for global categorys Admin > fixed height for global categorys
/* 19.12.2013 ***************** */
ADDRESSBOOK - all fixed -> ready for testing
Infolog - all fixed -> ready for testing
Dateimanager - still working on it
Calendar -> still working on it
/* 20.12.2013 ***************** */

432
pixelegg/css/pixelegg.css
View File

@ -1453,6 +1453,8 @@ div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset 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(../images/close.png); background-image: url(../images/close.png);
background: #ffffff;
margin: 2px;
padding: 0px; padding: 0px;
} }
.et2_selectbox .ui-multiselect-checkboxes li:hover div.ui-icon-close { .et2_selectbox .ui-multiselect-checkboxes li:hover div.ui-icon-close {
@ -1630,11 +1632,11 @@ action buttons, left aligned for "extra" controls
} }
.et2_link_entry .ui-icon-close { .et2_link_entry .ui-icon-close {
display: inline-block; display: inline-block;
background-color: inherit; background-color: #ffffff;
border: none; border: none;
position: relative; position: relative;
top: 3px; top: 3px;
left: -18px; left: 18px;
cursor: pointer; cursor: pointer;
margin-top: -3px; margin-top: -3px;
} }
@ -1701,7 +1703,7 @@ action buttons, left aligned for "extra" controls
height: 32px; height: 32px;
} }
.et2_link_to .et2_button_icon:hover { .et2_link_to .et2_button_icon:hover {
background-color: #b3b3b3 !important; background-color: #cccccc;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
@ -1711,7 +1713,7 @@ action buttons, left aligned for "extra" controls
border-radius: 3px; border-radius: 3px;
} }
.et2_link_to .et2_button_icon:active { .et2_link_to .et2_button_icon:active {
background-color: #808080; background-color: #b3b3b3 !important;
border: 1px solid rgba(0, 0, 0, 0.9); border: 1px solid rgba(0, 0, 0, 0.9);
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -2082,8 +2084,9 @@ action buttons, left aligned for "extra" controls
.nextmatch_header > .filters input[type=search] { .nextmatch_header > .filters input[type=search] {
background-color: #ffd44d; background-color: #ffd44d;
color: black; color: black;
height: 25px; /*height: 25px;*/
float: left; float: left;
margin: 5px 0 0 2px;
} }
.nextmatch_header > .filters button.et2_button { .nextmatch_header > .filters button.et2_button {
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
@ -2092,7 +2095,7 @@ action buttons, left aligned for "extra" controls
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
width: 45px; width: 45px;
height: 27px; height: 22px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-webkit-border-top-right-radius: 20px; -webkit-border-top-right-radius: 20px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -2104,7 +2107,7 @@ action buttons, left aligned for "extra" controls
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
padding: 0px; padding: 0px;
margin-left: 5px; margin-left: 0px;
background-image: url("../images/search.png"); background-image: url("../images/search.png");
background-position: center 0; background-position: center 0;
background-size: contain; background-size: contain;
@ -2121,8 +2124,6 @@ action buttons, left aligned for "extra" controls
color: #679fd2 !important; color: #679fd2 !important;
} }
.nextmatch_header > .filters button.et2_button:active { .nextmatch_header > .filters button.et2_button:active {
/*hide background image*/
/*show arrow*/
background: -webkit-gradient(linear, 0 0, 0 bottom, #d8d8d8, #a3a3a3), -moz-linear-gradient(#d8d8d8, #a3a3a3), -o-linear-gradient(#d8d8d8, #a3a3a3), linear-gradient(#d8d8d8, #a3a3a3); background: -webkit-gradient(linear, 0 0, 0 bottom, #d8d8d8, #a3a3a3), -moz-linear-gradient(#d8d8d8, #a3a3a3), -o-linear-gradient(#d8d8d8, #a3a3a3), linear-gradient(#d8d8d8, #a3a3a3);
-pie-background: linear-gradient(#d8d8d8, #a3a3a3); -pie-background: linear-gradient(#d8d8d8, #a3a3a3);
behavior: url(/PIE.htc); behavior: url(/PIE.htc);
@ -2145,7 +2146,7 @@ action buttons, left aligned for "extra" controls
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
width: auto; width: auto;
margin: 0.5em 0em 0.5em 0; /*margin: 0.5em 0em 0.5em 0;*/
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -2164,7 +2165,8 @@ action buttons, left aligned for "extra" controls
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
} }
.nextmatch_header .et2_button_icon { .nextmatch_header > .filters .et2_button_icon {
margin-top: 8px;
vertical-align: middle; vertical-align: middle;
background-color: #f0f0f0; background-color: #f0f0f0;
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
@ -2174,14 +2176,13 @@ action buttons, left aligned for "extra" controls
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
margin-top: 0px;
margin-right: 1em; margin-right: 1em;
width: 16px; width: 16px;
height: 16px; height: 16px;
padding: 2px; padding: 2px;
} }
.nextmatch_header .et2_button_icon .et2_button_icon:hover { .nextmatch_header > .filters .et2_button_icon:hover {
background-color: #b3b3b3 !important; background-color: #cccccc;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
@ -2190,8 +2191,15 @@ action buttons, left aligned for "extra" controls
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
} }
.nextmatch_header > .filters .et2_button_icon { .nextmatch_header > .filters .et2_button_icon:active {
margin-top: 8px; background-color: #b3b3b3 !important;
border: 1px solid rgba(0, 0, 0, 0.9);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
} }
.et2_nextmatch .nextmatch_header { .et2_nextmatch .nextmatch_header {
border: none; border: none;
@ -2398,7 +2406,7 @@ action buttons, left aligned for "extra" controls
} }
.sidebox-favorites ul.favorites li img.sideboxstar:hover { .sidebox-favorites ul.favorites li img.sideboxstar:hover {
height: 16px; height: 16px;
background-color: #b3b3b3 !important; background-color: #cccccc;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
@ -2428,7 +2436,7 @@ action buttons, left aligned for "extra" controls
padding: 0.5em 1em 0.5em 0; padding: 0.5em 1em 0.5em 0;
} }
.sidebox-favorites .ui-menu-icons .ui-menu-item a:hover { .sidebox-favorites .ui-menu-icons .ui-menu-item a:hover {
background-color: #b3b3b3 !important; background-color: #cccccc;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
@ -2748,7 +2756,7 @@ action buttons, left aligned for "extra" controls
*/ */
textarea, textarea,
textarea.description { textarea.description {
background-color: rgba(255, 194, 0, 0.1); background-color: #ffe180;
padding: 0.3em 0 0 0.3em; padding: 0.3em 0 0 0.3em;
} }
/*#################################### ADMIN PART #####################################################*/ /*#################################### ADMIN PART #####################################################*/
@ -2826,15 +2834,30 @@ option:checked {
color: #999999; color: #999999;
} }
.ui-widget-header { .ui-widget-header {
border-top: solid 1px 1px; border-top: solid 1px 0px !important;
border-left: solid 1px 1px; border-left: solid 1px 0px !important;
border-right: solid 1px 1px; border-right: solid 1px 0px !important;
border-bottom: solid 1px 1px; border-bottom: solid 1px 0px !important;
border-color: #e6e6e6; /*.background-color-5-gray;*/
color: #ffffff; background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%) !important;
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 240, 240, 0)), color-stop(100%, rgba(191, 191, 191, 0.65))) !important;
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%) !important;
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%) !important;
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%) !important;
/* IE10+ */
background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%) !important;
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f0f0', endColorstr='#a6bfbfbf', GradientType=0) !important;
/* IE6-9 */
/*border-color: @gray-10;*/
color: #000000;
font-weight: bold; font-weight: bold;
background-image: none; background-image: none;
background-color: #0c5da5; border: 0px !important;
} }
.ui-widget-header a { .ui-widget-header a {
color: #ffffff; color: #ffffff;
@ -2937,10 +2960,60 @@ option:checked {
.ui-widget-header .ui-state-error-text { .ui-widget-header .ui-state-error-text {
color: #ff0000; color: #ff0000;
} }
.ui-icon-close {
/*visibility: hidden;*/
background-image: url(../images/search.png);
background-repeat: no-repeat;
background-color: #ffffff;
background-size: contain;
width: 16px;
height: 16px;
margin: 2px;
padding: 1px;
margin-top: 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.ui-icon-close:hover {
background-color: #b4b4b4;
color: #1e1e1e;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
}
.ui-icon-close:active {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important;
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important;
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important;
background-color: #ffff4d !important;
}
span.ui-icon-close {
margin-top: 0px;
top: 5px !important;
}
/*Schliessen x*/ /*Schliessen x*/
.ui-icon-closethick { .ui-icon-closethick {
background-image: url(../images/close.png) !important;
background-repeat: no-repeat;
background-color: #ffffff;
background-size: contain;
background-position: 0 0 !important;
color: #ffffff; color: #ffffff;
background-color: #ff0000; height: 16px;
}
.ui-icon-closethick:hover {
background-color: #e6e6e6;
color: #1e1e1e;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
}
.ui-icon-closethick:active {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important;
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important;
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important;
background-color: #ffff4d !important;
} }
span.ui-icon-search { span.ui-icon-search {
background-image: url(../images/search.png) !important; background-image: url(../images/search.png) !important;
@ -2974,6 +3047,12 @@ span.ui-icon-search {
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
color: #000000; color: #000000;
padding-left: 30px !important;
background-position: 6px center !important;
background-repeat: no-repeat !important;
background-size: 20px auto !important;
width: auto;
height: 32px;
} }
.ui-dialog-buttonset button:hover { .ui-dialog-buttonset button:hover {
background-color: #b4b4b4; background-color: #b4b4b4;
@ -3272,7 +3351,7 @@ span.ui-icon-search {
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
width: auto; width: auto;
margin: 0.5em 0em 0.5em 0; /*margin: 0.5em 0em 0.5em 0;*/
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -3414,7 +3493,7 @@ input {
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
width: auto; width: auto;
margin: 0.5em 0em 0.5em 0; /*margin: 0.5em 0em 0.5em 0;*/
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -4058,13 +4137,26 @@ button {
button:hover { button:hover {
background-color: #b4b4b4; background-color: #b4b4b4;
color: #1e1e1e; color: #1e1e1e;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
} }
/* #####################################################*/ button:active {
/*Button löschen*/ -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important;
input[type="submit"][id*="delete"], -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important;
input[type="button"][id*="delete"], box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important;
button[id*="delete"] { }
background-image: url('../images/delete.png'); /* ########################################################################################
*
* Button löschen / delete / => color-negative-action
*
######################################################################################## */
input[type="submit"][id="delete"],
input[type="button"][id="delete"],
button[id="delete"],
button[id="infolog-edit_button[delete]"],
button[id="addressbook-edit_button[delete]"] {
background-image: url('../images/delete.png') !important;
margin-left: 3em; margin-left: 3em;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
@ -4080,12 +4172,39 @@ button[id*="delete"] {
background-size: 20px auto !important; background-size: 20px auto !important;
width: auto; width: auto;
height: 32px; height: 32px;
/*background-color: @color-negative-action !important;*/
/*color: @gray-100 !important;*/
} }
input[type="submit"][id*="delete"]:hover, input[type="submit"][id="delete"]:hover,
input[type="button"][id*="delete"]:hover, input[type="button"][id="delete"]:hover,
button[id*="delete"]:hover { button[id="delete"]:hover,
button[id="infolog-edit_button[delete]"]:hover,
button[id="addressbook-edit_button[delete]"]:hover {
background-image: url('../images/delete-hover.png') !important; background-image: url('../images/delete-hover.png') !important;
background-color: red !important; background-color: #ff0a0a !important;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000;
padding-left: 30px !important;
background-position: 6px center !important;
background-repeat: no-repeat !important;
background-size: 20px auto !important;
width: auto;
height: 32px;
color: #ffffff !important;
}
input[type="submit"][id="delete"]:active,
input[type="button"][id="delete"]:active,
button[id="delete"]:active,
button[id="infolog-edit_button[delete]"]:active,
button[id="addressbook-edit_button[delete]"]:active {
background-image: url('../images/delete-hover.png') !important;
background-color: #ff3333 !important;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
@ -4102,29 +4221,74 @@ button[id*="delete"]:hover {
height: 32px; height: 32px;
color: #ffffff; color: #ffffff;
} }
/* ##################################################### /* ########################################################################################
* Button edit + save + apply + copy = positive action */ *
* Button edit + save + apply + copy => color-positive-action
*
######################################################################################## */
button[id*="save"]:active { button[id*="save"]:active {
background-color: #00ab00; background-color: #00b500;
} }
button[id*="apply"]:active { button[id*="apply"]:active {
background-color: #00ab00; background-color: #00b500;
} }
button[id*="copy"]:active { button[id*="copy"]:active {
background-color: #00ab00; background-color: #00b500;
} }
button[id*="edit_button[edit]"]:active { button[id*="edit_button[edit]"]:active {
background-color: #00ab00; background-color: #00b500;
} }
button#filemanager-select_button[ok]:active { button#filemanager-select_button[ok]:active {
background-color: #00ab00; background-color: #00b500;
} }
/*ui-widget*/ /*ui-widget*/
/*edit series*/
button#series {
background-image: url('../images/edit.png') !important;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000;
padding-left: 30px !important;
background-position: 6px center !important;
background-repeat: no-repeat !important;
background-size: 20px auto !important;
width: auto;
height: 32px;
}
button#series:hover {
background-image: url('../images/edit.png') !important;
}
button#series:active { button#series:active {
background-color: #00ab00 !important; background-color: #00b500 !important;
}
/*edit exception*/
button#exception {
background-image: url('../images/edit.png') !important;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000;
padding-left: 30px !important;
background-position: 6px center !important;
background-repeat: no-repeat !important;
background-size: 20px auto !important;
width: auto;
height: 32px;
}
button#exception:hover {
background-image: url('../images/edit.png') !important;
} }
button#exception:active { button#exception:active {
background-color: #00ab00 !important; background-color: #00b500 !important;
} }
/*calendar series add*/ /*calendar series add*/
#calendar-edit_add { #calendar-edit_add {
@ -4132,33 +4296,35 @@ button#exception:active {
&:hover {.Complete_Button_add_hover;} */ &:hover {.Complete_Button_add_hover;} */
} }
#calendar-edit_add:active { #calendar-edit_add:active {
background-color: #00ab00 !important; background-color: #00b500 !important;
} }
/*calendar search freetime*/ /*calendar search freetime*/
#calendar-edit_freetime:active { #calendar-edit_freetime:active {
background-color: #00ab00 !important; background-color: #00b500 !important;
} }
/*calendar search freetime*/ /*calendar search freetime*/
button[id*="edit_button[add_alarm]"]:active { button[id*="edit_button[add_alarm]"]:active {
background-color: #00ab00 !important; background-color: #00b500 !important;
} }
/* #####################################################*/ /* ########################################################################################
/*Button cancel */ *
button[id*="cancel"]:active { * Button cancel / => color-cancel-action
background-color: #ffff00 !important; *
} ######################################################################################## */
/* #####################################################*/ button[id*="cancel"]:hover,
/*Button abbruch / cancel */
button#cancel:hover { button#cancel:hover {
background-color: red !important;
color: #ffffff;
}
button#cancel:hover:active {
background-color: #ffff00 !important; background-color: #ffff00 !important;
color: #000000;
} }
/* #####################################################*/ button[id*="cancel"]:active,
/*Button mit Bildern*/ button#cancel:active {
button.et2_button_with_image { background-color: #ffff4d !important;
color: #373737;
}
/* et2_box_widget ###*/
/*div.et2_box_widget .et2_button_text:last-child,*/
button[id="cancel"] {
background-image: url('../images/cancel.png') !important;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
@ -4169,15 +4335,29 @@ button.et2_button_with_image {
color: #000000; color: #000000;
padding-left: 30px !important; padding-left: 30px !important;
background-position: 6px center !important; background-position: 6px center !important;
background-repeat: no-repeat !important;
background-size: 20px auto !important; background-size: 20px auto !important;
width: auto; width: auto;
height: 32px; height: 32px;
background-repeat: no-repeat !important; content: "ID missing";
background-position: 6px center;
background-size: 20px auto;
} }
/* #####################################################*/ button[id="cancel"]:hover {
/*Button hinzufügen*/ background-color: #ffff00 !important;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
}
button[id="cancel"]:active {
background-color: #ffff4d !important;
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
}
/* ########################################################################################
*
* Button hinzufügen
*
######################################################################################## */
button.add { button.add {
background-color: #0b5fa4 !important; background-color: #0b5fa4 !important;
color: #FFF; color: #FFF;
@ -4197,7 +4377,7 @@ button.add:before {
color: #ffc200; color: #ffc200;
line-height: 1.1em; line-height: 1.1em;
} }
button[id*=add] { button[id="add"] {
background-image: url('../images/add.png') !important; background-image: url('../images/add.png') !important;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
@ -4214,12 +4394,15 @@ button[id*=add] {
width: auto; width: auto;
height: 32px; height: 32px;
} }
button[id*=add]:active { button[id="add"]:active {
background-color: #00ab00 !important; background-color: #00b500 !important;
} }
/* et2_box_widget #####################################################*/ /* ########################################################################################
div.et2_box_widget .et2_button_text:last-child { *
background-image: url('../images/cancel.png') !important; * Button mit Bildern
*
######################################################################################## */
button.et2_button_with_image {
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
@ -4230,14 +4413,12 @@ div.et2_box_widget .et2_button_text:last-child {
color: #000000; color: #000000;
padding-left: 30px !important; padding-left: 30px !important;
background-position: 6px center !important; background-position: 6px center !important;
background-repeat: no-repeat !important;
background-size: 20px auto !important; background-size: 20px auto !important;
width: auto; width: auto;
height: 32px; height: 32px;
content: "ID missing"; background-repeat: no-repeat !important;
} background-position: 6px center;
div.et2_box_widget .et2_button_text:last-child:active { background-size: 20px auto;
background-color: #ffff00 !important;
} }
/*Button Ende #######################################################*/ /*Button Ende #######################################################*/
@media screen and (-webkit-min-device-pixel-ratio: 0) { @media screen and (-webkit-min-device-pixel-ratio: 0) {
@ -4402,10 +4583,10 @@ table.egwGridView_grid tbody {
vertical-align: top; vertical-align: top;
} }
table.egwGridView_grid tbody tr:nth-child(even) { table.egwGridView_grid tbody tr:nth-child(even) {
background: #e6e6e6; background: #ffffff;
} }
table.egwGridView_grid tbody tr:nth-child(odd) { table.egwGridView_grid tbody tr:nth-child(odd) {
background: #ffffff; background: #ebebeb;
} }
table.egwGridView_grid tbody tr.selected { table.egwGridView_grid tbody tr.selected {
background: rgba(255, 221, 115, 0.2) !important; background: rgba(255, 221, 115, 0.2) !important;
@ -4611,7 +4792,7 @@ table.egwGridView_grid span.arrow.loading {
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
width: auto; width: auto;
margin: 0.5em 0em 0.5em 0; /*margin: 0.5em 0em 0.5em 0;*/
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -5157,19 +5338,32 @@ img {
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active {
cursor: pointer; cursor: pointer;
background-image: url("../images/header_active.png"); /*background-image: url("../images/header_active.png");*/
background-image: url("../images/clear.png");
background-position: 95% -3000px; background-position: 95% -3000px;
background-repeat: no-repeat; background-repeat: no-repeat;
/*background-image: none;*/ /*background-image: none;*/
background-color: #f0f0f0; background-color: #f0f0f0;
border-radius: 27px 0px 0 0;
border-top: 1px solid #C6CED6;
border-left: 1px solid #C6CED6;
margin: 0 0 0 0;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px; -webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 27px; -webkit-border-top-left-radius: 27px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topleft: 27px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top-left-radius: 27px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-top: solid 1px #b4b4b4;
border-left: solid 1px #b4b4b4;
border-right: solid 1px #b4b4b4;
border-bottom: solid 1px #b4b4b4;
margin: 0 0 0 0;
border-bottom: none; border-bottom: none;
height: 44px; height: 44px;
} }
@ -5184,9 +5378,44 @@ img {
padding-top: 8px; padding-top: 8px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 27px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topleft: 27px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top-left-radius: 27px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:active {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 27px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topleft: 27px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top-left-radius: 27px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:focus { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:focus {
background-image: url("../images/ajax-loader.gif"); background-image: url("../images/ajax-loader.gif");
@ -5495,7 +5724,7 @@ img {
} }
.egw_fw_ui_sidemenu_listitem div a:nth-child(2):hover { .egw_fw_ui_sidemenu_listitem div a:nth-child(2):hover {
background-color: #ff0000; background-color: #ff0000;
background-color: #b3b3b3 !important; background-color: #cccccc;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
@ -5939,20 +6168,15 @@ tr.dialog-header4 .et2_label {
} }
.dialog-footer-toolbar .et2_selectbox { .dialog-footer-toolbar .et2_selectbox {
height: 32px; height: 32px;
top: 0px;
font-size: 1.2em;
} }
.dialog-footer-toolbar label.et2_label { .dialog-footer-toolbar label.et2_label {
border-color: #b4b4b4; /* .Complete_Button_input;
width: auto; .border_normal;
margin: 0.5em 0em 0.5em 0; .box_shadow_standard_light;
-webkit-border-radius: 3px; .color-100-gray;
-moz-border-radius: 3px; .background-color-10-gray;*/
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
color: #000000;
background-color: #f0f0f0;
padding: 6px 5px 6px 0; padding: 6px 5px 6px 0;
position: relative; position: relative;
top: 11px; top: 11px;

14
pixelegg/less/def_buttons.less
View File

@ -109,11 +109,9 @@
border-color: @gray-30; border-color: @gray-30;
.box_shadow_standard_light; .box_shadow_standard_light;
width: auto; width: auto;
margin: 0.5em 0em 0.5em 0; /*margin: 0.5em 0em 0.5em 0;*/
.border_radius_button_normal; .border_radius_button_normal;
// .gradient(#000, #333, #FFF);
// .gradient(#F5F5F5, #EEE, #FFF);
} }
@ -121,6 +119,8 @@
.box_shadow_standard_light_hover; .box_shadow_standard_light_hover;
} }
.Complete_Button_input_focus { .Complete_Button_input_focus {
outline:0; outline:0;
border-width:1px; border-width:1px;
@ -140,7 +140,7 @@
border-color: @gray-30; border-color: @gray-30;
.box_shadow_standard_light; .box_shadow_standard_light;
width: 45px; width: 45px;
height: 27px; height: 22px;
.border_radius_button_righttop; .border_radius_button_righttop;
.background-color-search; .background-color-search;
@ -150,7 +150,7 @@
cursor: pointer; cursor: pointer;
padding: 0px; padding: 0px;
margin-left: 5px; margin-left: 0px;
background-image: url("../images/search.png"); background-image: url("../images/search.png");
background-position: center 0; background-position: center 0;
@ -222,14 +222,14 @@
} }
.Complete_Button_Icon_hover { .Complete_Button_Icon_hover {
.background-color-30-gray; .background-color-20-gray;
.box_shadow_standard_light_hover; .box_shadow_standard_light_hover;
.border_hover; .border_hover;
.border_radius_button_normal; .border_radius_button_normal;
} }
.Complete_Button_Icon_active { .Complete_Button_Icon_active {
.background-color-50-gray; .background-color-30-gray;
.border_active; .border_active;
.border_radius_button_normal; .border_radius_button_normal;
.box_shadow_standard_light_inset; .box_shadow_standard_light_inset;

35
pixelegg/less/def_design_pattern_color_font_shadow.less
View File

@ -99,6 +99,7 @@
.background-color-5-gray { background-color : lighten(@gray, 98%); } .background-color-5-gray { background-color : lighten(@gray, 98%); }
.background-color-10-gray { background-color : lighten(@gray, 94%); } .background-color-10-gray { background-color : lighten(@gray, 94%); }
.background-color-15-gray { background-color : lighten(@gray, 85%); } .background-color-15-gray { background-color : lighten(@gray, 85%); }
.background-color-20-gray { background-color : lighten(@gray, 80%); }
.background-color-25-gray { background-color : lighten(@gray, 75%); } .background-color-25-gray { background-color : lighten(@gray, 75%); }
.background-color-30-gray { background-color : lighten(@gray, 70%) !important; } .background-color-30-gray { background-color : lighten(@gray, 70%) !important; }
.background-color-40-gray { background-color : lighten(@gray, 60%); } .background-color-40-gray { background-color : lighten(@gray, 60%); }
@ -112,7 +113,6 @@
// Test Colour for debug // Test Colour for debug
@yellow : #FFD40F; @yellow : #FFD40F;
// Link Colours // Link Colours
@link-color : #000000; @link-color : #000000;
@link-color-active: @link-color*010101; @link-color-active: @link-color*010101;
@ -124,14 +124,15 @@
@color-hint : @egw_color_1_a; @color-hint : @egw_color_1_a;
/*optional / can field*/ /*optional / can field*/
@color-optional : fade(@egw_color_1_a, 10%); @color-optional : lighten(@egw_color_1_a, 25%);
/*Listenausgabe*/ /*Listenausgabe*/
@color-even : @gray-10; @color-even : @gray-0;
@color-odd : @gray-10 + 222; @color-odd : darken(@gray-0, 8%);
// aktiverte Zeilen in allen APP mit Listenausgabe // aktiverte Zeilen in allen APP mit Listenausgabe
@color_active_row : @egw_color_1_a; @color_active_row : @egw_color_1_a;
@ -142,17 +143,25 @@
// Mouse over // Mouse over
@color_hover_row : @egw_color_2_e; @color_hover_row : @egw_color_2_e;
/*Button edit + save + apply + copy = positive action */ /*Button edit + save + apply + copy = positive action */
@color-positive-action : #00AB00; @color-positive-action : #00AB00; // green
@color-positive-action-hover : fade(#00AB00, 2%); // green
@color-positive-action-active : lighten(#00AB00, 2%); // green
/*Button delete = negative action */
@color-negative-action : red;
/*Button cancel = do nothing action */ /*Button cancel = do nothing action */
@color-cancel-action : yellow; @color-cancel-action : yellow;
@color-cancel-action-hover : lighten(yellow, 0%);
@color-cancel-action-active : lighten(yellow, 15%);
/*Button delete = negative action */
@color-negative-action : red;
@color-negative-action-hover : lighten(red, 2%);
@color-negative-action-active : lighten(red, 10%);
// Search Button // Search Button
@ -234,6 +243,11 @@
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
} }
.box_shadow_standard_light_active {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
}
// Rahmen für Dialoge // Rahmen für Dialoge
@ -627,4 +641,5 @@
} }
// //
//

38
pixelegg/less/etemplate2.less
View File

@ -342,9 +342,11 @@ button.et2_button_text:focus, input[type=button]:focus {
height: 1.8em; height: 1.8em;
} }
.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(../images/close.png); background-image: url(../images/close.png);
background: @gray-0;
margin: 2px;
padding: 0px; padding: 0px;
} }
.et2_selectbox .ui-multiselect-checkboxes li:hover div.ui-icon-close { .et2_selectbox .ui-multiselect-checkboxes li:hover div.ui-icon-close {
@ -540,11 +542,11 @@ div.et2_link_entry input.ui-autocomplete-input {
} }
.et2_link_entry .ui-icon-close { .et2_link_entry .ui-icon-close {
display: inline-block; display: inline-block;
background-color: inherit; background-color: @gray-0;
border: none; border: none;
position: relative; position: relative;
top: 3px; top: 3px;
left: -18px; left: 18px;
cursor: pointer; cursor: pointer;
margin-top: -3px; margin-top: -3px;
} }
@ -603,7 +605,7 @@ div.et2_link_entry input.ui-autocomplete-input {
.dimension_width_height_xl; .dimension_width_height_xl;
&:hover {.Complete_Button_Icon_hover;} &:hover {.Complete_Button_Icon_hover;}
&:active {.Complete_Button_Icon_active;} &:active {.Complete_Button_Icon_active; }
} }
.et2_link { .et2_link {
@ -986,8 +988,9 @@ div.message.floating {
.nextmatch_header > .filters input[type=search] { .nextmatch_header > .filters input[type=search] {
.background-color-search; .background-color-search;
color: black; color: black;
height: 25px; /*height: 25px;*/
float: left; float: left;
margin: 5px 0 0 2px;
} }
.nextmatch_header > .filters button.et2_button { .nextmatch_header > .filters button.et2_button {
@ -1003,8 +1006,6 @@ div.message.floating {
} }
&:active { &:active {
/*hide background image*/
/*show arrow*/
.background_verlauf_diagonal_gray; .background_verlauf_diagonal_gray;
} }
@ -1023,30 +1024,31 @@ div.message.floating {
margin-right: 2ex; margin-right: 2ex;
width: 15%; width: 15%;
.Complete_Button_input; .Complete_Button_input;
&:hover{ &:hover{ .Complete_Button_input_hover; }
.Complete_Button_input_hover; &:focus{ .Complete_Button_input_focus; }
}
&:focus{
.Complete_Button_input_focus;
}
} }
.nextmatch_header .et2_button_icon { .nextmatch_header .et2_button_icon {
}
// Export Button
.nextmatch_header > .filters .et2_button_icon {
margin-top: 8px;
vertical-align: middle; vertical-align: middle;
.Complete_Button_Icon_normal; .Complete_Button_Icon_normal;
margin-top: 0px;
margin-right: 1em; margin-right: 1em;
.dimension_width_height_s; .dimension_width_height_s;
padding: 2px; padding: 2px;
.et2_button_icon:hover{.Complete_Button_Icon_hover ;} &:hover{.Complete_Button_Icon_hover ;}
&:active{.Complete_Button_Icon_active ;}
} }
.nextmatch_header > .filters .et2_button_icon {
margin-top: 8px;
}
.et2_nextmatch .nextmatch_header { .et2_nextmatch .nextmatch_header {
border: none; border: none;
background-image: none; background-image: none;

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

@ -65,14 +65,15 @@ option:checked {background-color: @egw_color_1_e;}
} }
.ui-widget-header { .ui-widget-header {
// border: 1px solid #4297d7; // border: 1px solid #4297d7;
.bordered(1px, 1px, 1px,1px); .bordered(0px, 0px, 0px,0px) !important;
border-color: @gray-10; .gradient-thead !important;
/*border-color: @gray-10;*/
// background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; // background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
// color: #ffffff; // color: #ffffff;
.color-0-gray; color : @gray-100;
font-weight: bold; font-weight: bold;
background-image: none; background-image: none;
background-color: @egw_color_2_a; border: 0px !important;
} }
.ui-widget-header a { .ui-widget-header a {
// color: #ffffff; // color: #ffffff;
@ -172,11 +173,45 @@ option:checked {background-color: @egw_color_1_e;}
} }
.ui-icon-close{
/*visibility: hidden;*/
background-image: url(../images/search.png);
background-repeat: no-repeat;
background-color: @gray-0;
background-size: contain;
.dimension_width_height_s;
margin: 2px;
padding: 1px;
margin-top: 1px;
.rounded (2px);
&:hover{ background-color: @gray-30; color: @gray-90;.box_shadow_standard_light_hover;}
&:active {
.box_shadow_standard_light_active !important;
background-color: @color-cancel-action-active !important;
}
}
span.ui-icon-close {margin-top: 0px; top: 5px !important;}
/*Schliessen x*/ /*Schliessen x*/
.ui-icon-closethick { .ui-icon-closethick {
background-image: url(../images/close.png) !important;
background-repeat: no-repeat;
background-color: @gray-0;
background-size: contain;
background-position: 0 0 !important;
.color-0-gray; .color-0-gray;
background-color: @red; .dimension_height_s;
&:hover{ background-color: @gray-10; color: @gray-90; .box_shadow_standard_light_hover;}
&:active {
.box_shadow_standard_light_active !important;
background-color: @color-cancel-action-active !important;
}
} }
@ -217,7 +252,7 @@ span.ui-icon-search{
.ui-dialog-buttonset{ .ui-dialog-buttonset{
button{ button{
.Complete_Button_normal; .Complete_Button_text_icon_before;
&:hover{ background-color: @gray-30; color: @gray-90;} &:hover{ background-color: @gray-30; color: @gray-90;}
} }
@ -230,6 +265,4 @@ span.ui-icon-search{
&:hover{ background-color: @gray-30 !important;} &:hover{ background-color: @gray-30 !important;}
} }
} }
//

184
pixelegg/less/layout_content_elements.less
View File

@ -800,96 +800,147 @@ a.textSidebox
button{ button{
.Complete_Button_normal; .Complete_Button_normal;
&:hover{ background-color: @gray-30; color: @gray-90;} &:hover{ background-color: @gray-30; color: @gray-90;.box_shadow_standard_light_hover;}
&:active {.box_shadow_standard_light_active !important;}
} }
/* ########################################################################################
*
* Button löschen / delete / => color-negative-action
*
######################################################################################## */
/* #####################################################*/ input[type="submit"][id="delete"],
/*Button löschen*/ input[type="button"][id="delete"],
button[id="delete"],
button[id="infolog-edit_button[delete]"],
button[id="addressbook-edit_button[delete]"]
{
input[type="submit"][id*="delete"], background-image:url('../images/delete.png')!important;
input[type="button"][id*="delete"],
button[id*="delete"]{
background-image:url('../images/delete.png');
margin-left: 3em; margin-left: 3em;
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
/*background-color: @color-negative-action !important;*/
} /*color: @gray-100 !important;*/
// Hover
input[type="submit"][id*="delete"]:hover, &:hover {
input[type="button"][id*="delete"]:hover,
button[id*="delete"]:hover {
background-image:url('../images/delete-hover.png') !important; background-image:url('../images/delete-hover.png') !important;
background-color: red !important; background-color: @color-negative-action-hover !important;
.Complete_Button_text_icon_before;
color: @gray-0 !important;;
}
&:active {
background-image:url('../images/delete-hover.png') !important;
background-color: @color-negative-action-active !important;
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
color: @gray-0; color: @gray-0;
} }
}
/* ##################################################### /* ########################################################################################
* Button edit + save + apply + copy = positive action */ *
* Button edit + save + apply + copy => color-positive-action
*
######################################################################################## */
button[id*="save"] { button[id*="save"] {
&:active {background-color: @color-positive-action;} &:active {background-color: @color-positive-action-active;}
} }
button[id*="apply"]{ button[id*="apply"]{
&:active {background-color: @color-positive-action;} &:active {background-color: @color-positive-action-active;}
} }
button[id*="copy"]{ button[id*="copy"]{
&:active {background-color: @color-positive-action;} &:active {background-color: @color-positive-action-active;}
} }
button[id*="edit_button[edit]"]{ button[id*="edit_button[edit]"]{
&:active {background-color: @color-positive-action;} &:active {background-color: @color-positive-action-active;}
} }
button#filemanager-select_button[ok]{ button#filemanager-select_button[ok]{
&:active {background-color: @color-positive-action;} &:active {background-color: @color-positive-action-active;}
} }
/*ui-widget*/ /*ui-widget*/
/*edit series*/
button#series { button#series {
&:active {background-color: @color-positive-action !important;} background-image:url('../images/edit.png') !important;
.Complete_Button_text_icon_before;
&:hover {background-image:url('../images/edit.png') !important;}
&:active {background-color: @color-positive-action-active !important;}
} }
/*edit exception*/
button#exception { button#exception {
&:active {background-color: @color-positive-action !important;} background-image:url('../images/edit.png') !important;
.Complete_Button_text_icon_before;
&:hover {background-image:url('../images/edit.png') !important;}
&:active {background-color: @color-positive-action-active !important;}
} }
/*calendar series add*/ /*calendar series add*/
#calendar-edit_add { #calendar-edit_add {
&:active {background-color: @color-positive-action !important;} &:active {background-color: @color-positive-action-active !important;}
/* .Complete_Button_add; /* .Complete_Button_add;
&:hover {.Complete_Button_add_hover;} */ &:hover {.Complete_Button_add_hover;} */
} }
/*calendar search freetime*/ /*calendar search freetime*/
#calendar-edit_freetime{ #calendar-edit_freetime{
&:active {background-color: @color-positive-action !important;} &:active {background-color: @color-positive-action-active !important;}
} }
/*calendar search freetime*/ /*calendar search freetime*/
button[id*="edit_button[add_alarm]"]{ button[id*="edit_button[add_alarm]"]{
&:active {background-color: @color-positive-action !important;} &:active {background-color: @color-positive-action-active !important;}
} }
/* #####################################################*/ /* ########################################################################################
/*Button cancel */ *
* Button cancel / => color-cancel-action
*
######################################################################################## */
button[id*="cancel"] { button[id*="cancel"],
button#cancel{
&:active{background-color: @color-cancel-action !important;} &:hover { background-color: @color-cancel-action-hover !important; color: @gray-100; }
&:active { background-color: @color-cancel-action-active !important; color: @gray-80; }
}
/* #####################################################*/
/*Button abbruch / cancel */
button#cancel:hover {
background-color: red !important; color: @gray-0;
&:active{background-color: @color-cancel-action !important;}
} }
/* #####################################################*/ /* et2_box_widget ###*/
/*Button mit Bildern*/ /*div.et2_box_widget .et2_button_text:last-child,*/
button[id="cancel"]{
background-image:url('../images/cancel.png') !important;
.Complete_Button_text_icon_before;
content: "ID missing";
&:hover {background-color: @color-cancel-action-hover !important; .box_shadow_standard_light_hover;}
&:active {background-color: @color-cancel-action-active !important; .box_shadow_standard_light_inset;}
}
/* ########################################################################################
*
* Button hinzufügen
*
######################################################################################## */
button.add {
.Complete_Button_add ;
}
button[id="add"]{
background-image:url('../images/add.png') !important;
.Complete_Button_text_icon_before;
&:active {background-color: @color-positive-action-active !important;}
}
/* ########################################################################################
*
* Button mit Bildern
*
######################################################################################## */
button.et2_button_with_image{ button.et2_button_with_image{
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
@ -898,43 +949,18 @@ button.et2_button_with_image{
} }
/* #####################################################*/
/*Button hinzufügen*/
button.add {
.Complete_Button_add ;
}
button[id*=add]{
background-image:url('../images/add.png') !important;
.Complete_Button_text_icon_before;
&:active {background-color: @color-positive-action !important;}
}
/* et2_box_widget #####################################################*/
// Cancel Button
div.et2_box_widget .et2_button_text:last-child {
background-image:url('../images/cancel.png') !important;
.Complete_Button_text_icon_before;
content: "ID missing";
&:active {background-color: @color-cancel-action !important;}
}
/*Button Ende #######################################################*/ /*Button Ende #######################################################*/
/////* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */ /////* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) { @media screen and (-webkit-min-device-pixel-ratio:0) {
select { select {
padding-right: 20px !important; padding-right: 20px !important;
-webkit-appearance:none; -webkit-appearance:none;
margin:0; margin:0;
background: #ffffff url(../images/selectarrowdown.png) no-repeat center right; background: #ffffff url(../images/selectarrowdown.png) no-repeat center right;
background-size: 20px auto; background-size: 20px auto;
} }
} }
//
//
// //

BIN
pixelegg/less/layout_dialog.less
View File

Binary file not shown.

32
pixelegg/less/layout_raster.less
View File

@ -472,37 +472,27 @@
.egw_fw_ui_sidemenu_entry_header_active { .egw_fw_ui_sidemenu_entry_header_active {
// //
cursor: pointer; cursor: pointer;
background-image: url("../images/header_active.png"); /*background-image: url("../images/header_active.png");*/
background-image: url("../images/clear.png");
background-position: 95% -3000px; background-position: 95% -3000px;
background-repeat: no-repeat; background-repeat: no-repeat;
/*background-image: none;*/ /*background-image: none;*/
.background-color-10-gray; .background-color-10-gray;
border-radius: 27px 0px 0 0; .border-radius ( 5px, 0px, 0px, 27px );
// border-width: medium 1px;
.bordered (@gray-30, @gray-30, @gray-30, @gray-30);
border-top: 1px solid #C6CED6;
border-left: 1px solid #C6CED6;
margin: 0 0 0 0; margin: 0 0 0 0;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius:27px;
border-bottom: none; border-bottom: none;
height: 44px; height: 44px;
img {padding-left: 10px; padding-top: 8px;}
h1 {text-transform: uppercase; font-size: 1.4em; .color-100-gray; padding-top: 8px;}
img {padding-left: 10px; padding-top: 8px;} &:hover {.box_shadow_standard_light_hover; .border-radius ( 5px, 0px, 0px, 27px );}
&:active {.box_shadow_standard_light_active; .border-radius ( 5px, 0px, 0px, 27px );}
h1 {text-transform: uppercase; font-size: 1.4em; .color-100-gray; padding-top: 8px;}
&:hover {.box_shadow_standard_light_inset;}
&:focus { &:focus {
background-image: url("../images/ajax-loader.gif"); background-image: url("../images/ajax-loader.gif");
@ -511,9 +501,9 @@
.Complete_Button_active; .Complete_Button_active;
.background-color-25-gray; .background-color-25-gray;
} }
.egw_fw_ui_ajaxloader {margin-top: -26px;} .egw_fw_ui_ajaxloader {margin-top: -26px;}