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

pixelegg changes from wednesday

Browse Source
This commit is contained in:
Ralf Becker 2014-01-23 08:44:38 +00:00
parent 84e07f8fb5
commit 1551d20e0a
16 changed files with 277 additions and 191 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

226
pixelegg/css/pixelegg.css
View File

@ -175,9 +175,7 @@
font-size: 9pt;*/ font-size: 9pt;*/
text-shadow: 0px 0px !important; text-shadow: 0px 0px !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); /*.box_shadow_standard_light;*/
-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; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -194,7 +192,7 @@
-moz-transition-timing-function: linear; -moz-transition-timing-function: linear;
-o-transition-timing-function: linear; -o-transition-timing-function: linear;
transition-timing-function: linear; transition-timing-function: linear;
background-color: #b4b4b4; background-color: #e6e6e6;
} }
/*in Nextmatch definiert*/ /*in Nextmatch definiert*/
.et2_button_icon { .et2_button_icon {
@ -552,10 +550,10 @@ action buttons, left aligned for "extra" controls
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
float: left; float: left;
margin: 0.5em 2em; margin: 10px 20px;
padding: 0.5em; padding: 3px;
width: 16px; width: 24px;
height: 16px; height: 24px;
background-color: #b4b4b4; background-color: #b4b4b4;
} }
.et2_link_to .et2_button_icon:hover { .et2_link_to .et2_button_icon:hover {
@ -567,6 +565,7 @@ 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;
background-color: #1aa200 !important;
} }
.et2_link_to .et2_button_icon:active { .et2_link_to .et2_button_icon:active {
/*.background_color_30_gray;*/ /*.background_color_30_gray;*/
@ -587,26 +586,21 @@ action buttons, left aligned for "extra" controls
border-radius: 5px; border-radius: 5px;
margin-top: 1em; margin-top: 1em;
padding-top: 0.2em; padding-top: 0.2em;
/* &:before {
content: "+ ";
font-size: 2em;
color: @egw_color_1_a;
line-height: 0.6em;
padding-left: 0.1em;
padding-right: 0em;
background-color: @egw_color_2_a;
.border_radius_button_lefttop;
}*/
} }
.et2_link_to .et2_file input { .et2_link_to .et2_file input {
border: none; border: none;
padding: 1em; padding: 1em;
} }
.et2_link_to .et2_file:before {
content: "+ ";
font-size: 2em;
color: #ffc200;
line-height: 0.6em;
padding-left: 0.1em;
padding-right: 0em;
background-color: #0c5da5;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 10px;
border-radius: 3px;
border-top-left-radius: 10px;
}
.et2_link_to .et2_file:hover { .et2_link_to .et2_file:hover {
background-color: #66a1d2 !important; background-color: #66a1d2 !important;
color: #ffc200; color: #ffc200;
@ -690,7 +684,7 @@ action buttons, left aligned for "extra" controls
margin: 1em 3px -1px 0; margin: 1em 3px -1px 0;
padding: 4px; padding: 4px;
cursor: pointer; cursor: pointer;
font-size: 0.8em; /*font-size: 0.8em;*/
/*.border_radius(3px,0,0,3px);*/ /*.border_radius(3px,0,0,3px);*/
background-color: #bfbfbf; background-color: #bfbfbf;
-webkit-box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.5);
@ -968,6 +962,8 @@ action buttons, left aligned for "extra" controls
font-size: 0.9em; font-size: 0.9em;
} }
.nextmatch_header > .search { .nextmatch_header > .search {
padding: 0 0 0 3px;
margin-right: 3px;
background-color: #b4b4b4; background-color: #b4b4b4;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-webkit-border-top-right-radius: 20px; -webkit-border-top-right-radius: 20px;
@ -977,10 +973,10 @@ action buttons, left aligned for "extra" controls
border-top-right-radius: 20px; border-top-right-radius: 20px;
} }
.nextmatch_header > .search input { .nextmatch_header > .search input {
background-color: #b4b4b4; /*.background_color_search;*/
/*background-color: @gray_0;*/ /*background-color: @gray_0;*/
border: none; border: none;
font-size: 16px; font-size: 11px;
color: #000; color: #000;
/*margin: 0 2px;*/ /*margin: 0 2px;*/
} }
@ -1003,9 +999,9 @@ action buttons, left aligned for "extra" controls
.nextmatch_header > .search button.et2_button { .nextmatch_header > .search button.et2_button {
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
border-color: #b4b4b4; border-color: #b4b4b4;
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
width: 45px; width: 45px;
/*height: 1.6em;*/ /*height: 1.6em;*/
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -1014,12 +1010,12 @@ action buttons, left aligned for "extra" controls
-moz-border-radius-topright: 20px; -moz-border-radius-topright: 20px;
border-radius: 3px; border-radius: 3px;
border-top-right-radius: 20px; border-top-right-radius: 20px;
background-color: #b4b4b4; /*.background_color_search;*/
color: #ffd44d; color: #ffd44d;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
padding: 0px; padding: 0px;
margin: 10px; margin: 8px 10px;
margin-left: 0px; margin-left: 0px;
background-image: url("../images/search.png"); background-image: url("../images/search.png");
background-position: center 0; background-position: center 0;
@ -1973,9 +1969,7 @@ span.ui-icon-search {
} }
.ui-dialog-buttonset button { .ui-dialog-buttonset button {
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); /*.box_shadow_standard_light;*/
-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; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -1992,7 +1986,7 @@ span.ui-icon-search {
-moz-transition-timing-function: linear; -moz-transition-timing-function: linear;
-o-transition-timing-function: linear; -o-transition-timing-function: linear;
transition-timing-function: linear; transition-timing-function: linear;
background-color: #b4b4b4; background-color: #e6e6e6;
padding-left: 30px !important; padding-left: 30px !important;
background-position: 6px center !important; background-position: 6px center !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
@ -2368,9 +2362,7 @@ span.ui-icon-search {
#egwpopup input#egwpopup_ok_button, #egwpopup input#egwpopup_ok_button,
#egwpopup button#desktop_perms { #egwpopup button#desktop_perms {
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); /*.box_shadow_standard_light;*/
-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; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -2387,7 +2379,7 @@ span.ui-icon-search {
-moz-transition-timing-function: linear; -moz-transition-timing-function: linear;
-o-transition-timing-function: linear; -o-transition-timing-function: linear;
transition-timing-function: linear; transition-timing-function: linear;
background-color: #b4b4b4; background-color: #e6e6e6;
height: 24px; height: 24px;
padding: 0 5px; padding: 0 5px;
} }
@ -2430,7 +2422,7 @@ div#egwpopup_message {
border-radius: 3px; border-radius: 3px;
border-top-right-radius: 20px; border-top-right-radius: 20px;
padding: 5px 2px 4px 15px; padding: 5px 2px 4px 15px;
font-size: 1em; /*font-size: 1em;*/
font-weight: normal; font-weight: normal;
background-color: #f0f0f0; background-color: #f0f0f0;
color: #408dd2; color: #408dd2;
@ -2846,7 +2838,7 @@ div.selectbox-wrapper ul li {
.sbOptions a:hover, .sbOptions a:hover,
.sbOptions a:focus, .sbOptions a:focus,
.sbOptions a.sbFocus { .sbOptions a.sbFocus {
color: #ffffff; color: rgba(38, 83, 124, 0.6);
} }
.sbOptions li.last a { .sbOptions li.last a {
border-bottom: none; border-bottom: none;
@ -2881,14 +2873,14 @@ select,
input, input,
button { button {
color: #000000; color: #000000;
font-size: 99%; /*font-size:99%;*/
padding: 0.2em 0; padding: 1px;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: #cdcdcd; border-color: #cdcdcd;
} }
select { select {
font-size: 100%; /*font-size:100%;*/
} }
a:link, a:link,
a:visited { a:visited {
@ -2899,7 +2891,7 @@ a:visited {
a:hover, a:hover,
a:active { a:active {
cursor: pointer; cursor: pointer;
color: #ffffff; color: rgba(38, 83, 124, 0.6);
text-decoration: underline; text-decoration: underline;
} }
.divLoginboxHeader, .divLoginboxHeader,
@ -3028,11 +3020,23 @@ img {
border: 0; border: 0;
} }
/*SVG Filter / not for Logo */ /*SVG Filter / not for Logo */
#egw_fw_sidebar img[src$="svg"], #egw_fw_sidebar img[src$="svg"] {
background-color: #696969;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNjk2OTY5IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjk2OTY5IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #696969, #696969);
background-image: -ms-linear-gradient(top, #696969, #696969);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#696969), to(#696969));
background-image: -webkit-linear-gradient(top, #696969, #696969);
background-image: -o-linear-gradient(top, #696969, #696969);
background-image: linear-gradient(top, #696969, #696969);
background-repeat: repeat-x;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ffffff;
}
#egw_fw_main img[src$="svg"], #egw_fw_main img[src$="svg"],
#egw_fw_footer img[src$="svg"] { #egw_fw_footer img[src$="svg"] {
/*path{fill: red;}*/
/*stroke: none; fill: #0000ff;*/
background-color: #0c5da5; background-color: #0c5da5;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5); background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5);
@ -3042,18 +3046,6 @@ img {
background-image: -o-linear-gradient(top, #0c5da5, #0c5da5); background-image: -o-linear-gradient(top, #0c5da5, #0c5da5);
background-image: linear-gradient(top, #0c5da5, #0c5da5); background-image: linear-gradient(top, #0c5da5, #0c5da5);
background-repeat: repeat-x; background-repeat: repeat-x;
/* &:hover {
path{fill: red;}
}*/
}
input,
button,
select {
border: solid 1px #bbbbbb;
padding: 0.2em;
font-size: 1em;
} }
div { div {
color: #000000; color: #000000;
@ -3318,9 +3310,7 @@ input[type=button]:active {
######################################################################################## */ ######################################################################################## */
button.et2_button_with_image { 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); /*.box_shadow_standard_light;*/
-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; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -3337,6 +3327,7 @@ button.et2_button_with_image {
-moz-transition-timing-function: linear; -moz-transition-timing-function: linear;
-o-transition-timing-function: linear; -o-transition-timing-function: linear;
transition-timing-function: linear; transition-timing-function: linear;
background-color: #e6e6e6;
padding-left: 30px !important; padding-left: 30px !important;
background-position: 6px center !important; background-position: 6px center !important;
background-size: 20px auto !important; background-size: 20px auto !important;
@ -3375,9 +3366,7 @@ button[id="calendar-edit_button[delete]"] {
margin-left: 3em; margin-left: 3em;
/*color: @gray_100;*/ /*color: @gray_100;*/
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); /*.box_shadow_standard_light;*/
-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; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -3394,7 +3383,7 @@ button[id="calendar-edit_button[delete]"] {
-moz-transition-timing-function: linear; -moz-transition-timing-function: linear;
-o-transition-timing-function: linear; -o-transition-timing-function: linear;
transition-timing-function: linear; transition-timing-function: linear;
background-color: #b4b4b4; background-color: #e6e6e6;
padding-left: 30px !important; padding-left: 30px !important;
background-position: 6px center !important; background-position: 6px center !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
@ -3414,9 +3403,7 @@ button[id="calendar-edit_button[delete]"]:hover {
background-image: url('../images/delete-hover.png') !important; background-image: url('../images/delete-hover.png') !important;
background-color: #b81f00 !important; background-color: #b81f00 !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); /*.box_shadow_standard_light;*/
-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; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -3433,7 +3420,7 @@ button[id="calendar-edit_button[delete]"]:hover {
-moz-transition-timing-function: linear; -moz-transition-timing-function: linear;
-o-transition-timing-function: linear; -o-transition-timing-function: linear;
transition-timing-function: linear; transition-timing-function: linear;
background-color: #b4b4b4; background-color: #e6e6e6;
padding-left: 30px !important; padding-left: 30px !important;
background-position: 6px center !important; background-position: 6px center !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
@ -3452,9 +3439,7 @@ button[id="calendar-edit_button[delete]"]:active {
background-image: url('../images/delete-hover.png') !important; background-image: url('../images/delete-hover.png') !important;
background-color: #e12500 !important; background-color: #e12500 !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); /*.box_shadow_standard_light;*/
-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; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -3471,7 +3456,7 @@ button[id="calendar-edit_button[delete]"]:active {
-moz-transition-timing-function: linear; -moz-transition-timing-function: linear;
-o-transition-timing-function: linear; -o-transition-timing-function: linear;
transition-timing-function: linear; transition-timing-function: linear;
background-color: #b4b4b4; background-color: #e6e6e6;
padding-left: 30px !important; padding-left: 30px !important;
background-position: 6px center !important; background-position: 6px center !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
@ -3514,9 +3499,7 @@ button#filemanager-select_button[ok]:active {
button#series { button#series {
background-image: url('../images/edit.svg') !important; background-image: url('../images/edit.svg') !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); /*.box_shadow_standard_light;*/
-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; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -3533,7 +3516,7 @@ button#series {
-moz-transition-timing-function: linear; -moz-transition-timing-function: linear;
-o-transition-timing-function: linear; -o-transition-timing-function: linear;
transition-timing-function: linear; transition-timing-function: linear;
background-color: #b4b4b4; background-color: #e6e6e6;
padding-left: 30px !important; padding-left: 30px !important;
background-position: 6px center !important; background-position: 6px center !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
@ -3551,9 +3534,7 @@ button#series:active {
button#exception { button#exception {
background-image: url('../images/edit.svg') !important; background-image: url('../images/edit.svg') !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); /*.box_shadow_standard_light;*/
-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; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -3570,7 +3551,7 @@ button#exception {
-moz-transition-timing-function: linear; -moz-transition-timing-function: linear;
-o-transition-timing-function: linear; -o-transition-timing-function: linear;
transition-timing-function: linear; transition-timing-function: linear;
background-color: #b4b4b4; background-color: #e6e6e6;
padding-left: 30px !important; padding-left: 30px !important;
background-position: 6px center !important; background-position: 6px center !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
@ -3620,9 +3601,7 @@ button#cancel:active {
button[id="cancel"] { button[id="cancel"] {
background-image: url('../images/cancel.png') !important; 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); /*.box_shadow_standard_light;*/
-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; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -3639,7 +3618,7 @@ button[id="cancel"] {
-moz-transition-timing-function: linear; -moz-transition-timing-function: linear;
-o-transition-timing-function: linear; -o-transition-timing-function: linear;
transition-timing-function: linear; transition-timing-function: linear;
background-color: #b4b4b4; background-color: #e6e6e6;
padding-left: 30px !important; padding-left: 30px !important;
background-position: 6px center !important; background-position: 6px center !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
@ -3681,9 +3660,7 @@ button.add:before {
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); /*.box_shadow_standard_light;*/
-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; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -3700,7 +3677,7 @@ button[id="add"] {
-moz-transition-timing-function: linear; -moz-transition-timing-function: linear;
-o-transition-timing-function: linear; -o-transition-timing-function: linear;
transition-timing-function: linear; transition-timing-function: linear;
background-color: #b4b4b4; background-color: #e6e6e6;
padding-left: 30px !important; padding-left: 30px !important;
background-position: 6px center !important; background-position: 6px center !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
@ -3912,14 +3889,8 @@ table.egwGridView_outer tbody td .et2_link {
font-weight: bold; font-weight: bold;
} }
table.egwGridView_outer tbody td img { table.egwGridView_outer tbody td img {
/*.background_color_10_gray;*/ border: 1px solid transparent;
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: none;
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
} }
table.egwGridView_outer tbody td time { table.egwGridView_outer tbody td time {
display: block; display: block;
@ -3962,11 +3933,11 @@ table.egwGridView_grid tbody {
} }
table.egwGridView_grid tbody tr.selected { table.egwGridView_grid tbody tr.selected {
background-image: none; background-image: none;
background-color: #ffdd73 !important; /*background-color: @egw_color_1_e !important;*/
/*.bw-gradient;*/ background-color: rgba(255, 194, 0, 0.5);
} }
table.egwGridView_grid tbody tr.focused { table.egwGridView_grid tbody tr.focused {
background-image: url(../images/focused_hatching.png); background-image: url(../images/yellow-stripe-a.png);
background-repeat: repeat; background-repeat: repeat;
background-color: rgba(255, 194, 0, 0.5); background-color: rgba(255, 194, 0, 0.5);
} }
@ -3982,7 +3953,7 @@ table.egwGridView_grid tr td {
border-right: 0px; border-right: 0px;
/*padding: 0.3em 0 0.3em 0.3em;*/ /*padding: 0.3em 0 0.3em 0.3em;*/
border-bottom: 1px solid; border-bottom: 1px solid;
color: #696969; color: #e6e6e6;
/*&:hover {background-color: @egw_color_2_e;} legacy*/ /*&:hover {background-color: @egw_color_2_e;} legacy*/
} }
table.egwGridView_grid tr td:active { table.egwGridView_grid tr td:active {
@ -4418,9 +4389,7 @@ table.nextmatch_header img {
/*.Button_size_square_32;*/ /*.Button_size_square_32;*/
padding: 0.3em 0.4em; padding: 0.3em 0.4em;
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); /*.box_shadow_standard_light;*/
-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; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -4437,8 +4406,7 @@ table.nextmatch_header img {
-moz-transition-timing-function: linear; -moz-transition-timing-function: linear;
-o-transition-timing-function: linear; -o-transition-timing-function: linear;
transition-timing-function: linear; transition-timing-function: linear;
background-color: #b4b4b4; background-color: #e6e6e6;
background-color: #cdcdcd;
-webkit-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;
@ -4460,7 +4428,7 @@ table.nextmatch_header img {
color: #000000; color: #000000;
text-decoration: none; text-decoration: none;
height: 16px; height: 16px;
font-size: 1.1em; /*font-size: 1.1em;*/
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
color: #808080; color: #808080;
@ -4685,6 +4653,7 @@ table.nextmatch_header img {
/*user info*/ /*user info*/
/*current user info*/ /*current user info*/
/*current user info*/ /*current user info*/
/*time zone*/
/*quick*/ /*quick*/
} }
#egw_fw_topmenu_info_items .topmenu_info_item { #egw_fw_topmenu_info_items .topmenu_info_item {
@ -4716,6 +4685,12 @@ table.nextmatch_header img {
font-size: 1em; font-size: 1em;
color: #0c5da5; color: #0c5da5;
} }
#egw_fw_topmenu_info_items form {
height: 0px;
}
#egw_fw_topmenu_info_items form select {
padding: 0px;
}
#egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add { #egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add {
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
@ -4766,7 +4741,7 @@ table.nextmatch_header img {
overflow: hidden; overflow: hidden;
z-index: 0; z-index: 0;
padding-top: 0.6em; padding-top: 0.6em;
font-size: 80%; font-size: 0.9em;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv {
background-color: #fafafa; background-color: #fafafa;
@ -4922,7 +4897,7 @@ table.nextmatch_header img {
/*letztes Element*/ /*letztes Element*/
/*######################*/ /*######################*/
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content > div:nth-of-type(1) { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content:nth-last-of-type(-n+3) {
padding: 5px 0.3em 1.5em 0.3em; padding: 5px 0.3em 1.5em 0.3em;
margin: 0 0 10px 0; margin: 0 0 10px 0;
background-color: #b3b3b3 !important; background-color: #b3b3b3 !important;
@ -5104,6 +5079,25 @@ table.nextmatch_header img {
margin-right: 5px; margin-right: 5px;
/*min-height: 50px;*/ /*min-height: 50px;*/
} }
.egw_fw_ui_category_content:last-child {
/*padding: 5px 0.3em 1.5em 0.3em;*/
/*margin: 0 0 10px 0;*/
/*.background_color_30_gray;*/
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 10px;
border-top-left-radius: 0;
/*.background-clip(padding-box);*/
border-color: #b4b4b4;
}
.egw_fw_ui_category_content img { .egw_fw_ui_category_content img {
height: 16px; height: 16px;
vertical-align: middle; vertical-align: middle;
@ -5133,10 +5127,6 @@ table.nextmatch_header img {
padding: 0px; padding: 0px;
margin: 0px 5px; margin: 0px 5px;
float: left; float: left;
/*.Complete_Button_Icon_normal;*/
/* background-image: url("../images/bullet.svg");
background-size: .dimension_width_height_s;
background-position: center;*/
} }
.egw_fw_ui_sidemenu_listitem input { .egw_fw_ui_sidemenu_listitem input {
height: 16px; height: 16px;
@ -5309,6 +5299,7 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
background-color: transparent; background-color: transparent;
float: left; float: left;
width: 100%; width: 100%;
margin-top: -1px;
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header {
margin: 0px 0 0 0; margin: 0px 0 0 0;
@ -5365,7 +5356,7 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
height: 24px; height: 24px;
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover {
background-color: #b3b3b3 !important; background-color: #cccccc;
} }
#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: 100%; font-size: 100%;
@ -5560,6 +5551,9 @@ div.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasD
div.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker:hover { div.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker:hover {
cursor: pointer; cursor: pointer;
} }
div.et2_container div table.et2_grid tbody tr td .et2_tabbox .et2_tabs button.et2_button_with_image {
height: 24px;
}
div.et2_container div table.et2_grid tbody tr td .et2_tabbox .et2_tabs table.et2_grid { div.et2_container div table.et2_grid tbody tr td .et2_tabbox .et2_tabs table.et2_grid {
background-color: #ffffff; background-color: #ffffff;
} }

BIN
pixelegg/images/blue-stripe-a.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 931 B

24
pixelegg/images/delete.svg Executable file
View File

@ -0,0 +1,24 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
<svg version="1.1" id="pixelegg_delete" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
<g>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M2.212,16.141l1.16,7.52c0.325,2.107,2.566,3.725,5.022,3.725
h11.352c2.458,0,4.698-1.617,5.024-3.725l1.16-7.52c0.427-2.766,0.803-3.715,0.997-5.156H1.416
C1.458,12.275,1.785,13.375,2.212,16.141z M23.283,13.717c0,0-0.406,1.785-0.588,3.38l-0.655,4.857
c-0.149,1.309-1.5,2.335-3.023,2.335H9.085c-1.522,0-2.834-1.026-2.982-2.335l-0.656-4.857c-0.182-1.595-0.386-3.38-0.386-3.38
H23.283z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M22.524,5.489h-1.974V4.435c0-2.422-1.972-3.475-4.404-3.475
h-3.949c-2.432,0-4.403,1.053-4.403,3.475v1.054H5.819c-4.29,0-4.403,3.595-4.403,3.595h25.513
C26.929,9.084,26.814,5.489,22.524,5.489z M17.908,5.489h-7.473V5.312c0-1.454,1.184-1.721,2.643-1.721h2.188
c1.459,0,2.642,0.267,2.642,1.721V5.489z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M14.172,22.828c1.007,0,1.822-0.647,1.822-1.446v-5.843H12.35
v5.843C12.35,22.181,13.166,22.828,14.172,22.828z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M9.161,22.828c0.755,0,1.367-0.647,1.367-1.446l-0.911-5.843
H6.883l0.911,5.843C7.794,22.181,8.405,22.828,9.161,22.828z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M19.184,22.828c0.755,0,1.366-0.647,1.366-1.446l0.911-5.843
h-2.733l-0.911,5.843C17.816,22.181,18.428,22.828,19.184,22.828z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

16
pixelegg/images/new.svg Executable file
View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
<svg version="1.1" id="pixelegg_new" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
<g>
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" points="22.331,5.567 17.224,0.746 16.575,0.746 16.575,6.501
22.331,6.501 "/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M21.372,14.177c0.325,0,0.645,0.027,0.959,0.066V8.42h-7.675
V0.746H1.225v25.903h14.161c-1.055-1.314-1.688-2.98-1.688-4.797C13.697,17.613,17.133,14.177,21.372,14.177z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M21.372,16.104c-3.175,0-5.748,2.574-5.748,5.748
c0,3.176,2.573,5.748,5.748,5.748s5.748-2.572,5.748-5.748C27.12,18.678,24.547,16.104,21.372,16.104z M25.21,22.812h-2.879v2.877
h-1.919v-2.877h-2.878v-1.92h2.878v-2.879h1.919v2.879h2.879V22.812z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

14
pixelegg/images/print.svg Executable file
View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
<svg version="1.1" id="pixelegg_print" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
<g>
<rect x="5.146" y="1.382" fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" width="18.054" height="9"/>
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" points="24.632,9.382 24.632,11.382 3.713,11.382 3.713,9.382
0.28,9.382 0.28,23.964 5.28,23.964 5.28,18.813 3.28,18.813 3.28,14.813 25.064,14.813 25.064,18.813 23.064,18.813
23.064,23.964 28.064,23.964 28.064,9.382 "/>
<rect x="6.429" y="16.53" fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" width="15.486" height="10.434"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
pixelegg/images/yellow-stripe-a.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 932 B

4
pixelegg/less/def_buttons.less
View File

@ -23,7 +23,7 @@
.Complete_Button_normal{ .Complete_Button_normal{
.border_normal; .border_normal;
.box_shadow_standard_light; /*.box_shadow_standard_light;*/
.rounded (3px); .rounded (3px);
color: @gray_100; color: @gray_100;
@ -40,7 +40,7 @@
-moz-transition-timing-function: linear; -moz-transition-timing-function: linear;
-o-transition-timing-function: linear; -o-transition-timing-function: linear;
transition-timing-function: linear; transition-timing-function: linear;
background-color: @gray_30; background-color: @gray_10;
} }

2
pixelegg/less/def_design_pattern_color_font_shadow.less
View File

@ -120,7 +120,7 @@
// Link Colours // Link Colours
@link_color : @egw_color_2_b; @link_color : @egw_color_2_b;
@link_color_active: @link_color*010101; @link_color_active: fade(@egw_color_2_b, 60%);
// soll EGROUPWARE FARBE GEBEN // soll EGROUPWARE FARBE GEBEN
/*@active_button_border_bottom : @egw_color_2_d;*/ /*@active_button_border_bottom : @egw_color_2_d;*/

31
pixelegg/less/etemplate2.less
View File

@ -586,11 +586,11 @@ div.et2_link_entry input.ui-autocomplete-input {
.et2_link_to .et2_button_icon { .et2_link_to .et2_button_icon {
.Complete_Button_Icon_normal; .Complete_Button_Icon_normal;
float: left; float: left;
margin: 0.5em 2em; margin: 10px 20px;
padding: 0.5em; padding: 3px;
.dimension_width_height_s; .dimension_width_height_m;
background-color: @gray_30; background-color: @gray_30;
&:hover {.Complete_Button_Icon_hover;} &:hover {.Complete_Button_Icon_hover; background-color: @color_positive_action_active !important;}
&:active {.Complete_Button_Icon_active; background-color: @color_positive_action_active !important;} &:active {.Complete_Button_Icon_active; background-color: @color_positive_action_active !important;}
} }
@ -605,7 +605,7 @@ div.et2_link_entry input.ui-autocomplete-input {
padding: 1em; padding: 1em;
} }
&:before { /* &:before {
content: "+ "; content: "+ ";
font-size: 2em; font-size: 2em;
color: @egw_color_1_a; color: @egw_color_1_a;
@ -614,7 +614,7 @@ div.et2_link_entry input.ui-autocomplete-input {
padding-right: 0em; padding-right: 0em;
background-color: @egw_color_2_a; background-color: @egw_color_2_a;
.border_radius_button_lefttop; .border_radius_button_lefttop;
} }*/
&:hover {.Complete_Button_add_only_plus_hover;} &:hover {.Complete_Button_add_only_plus_hover;}
&:active {background-color: @color_positive_action_active !important;} &:active {background-color: @color_positive_action_active !important;}
} }
@ -688,7 +688,7 @@ ul.et2_link_string {
margin: 1em 3px -1px 0; margin: 1em 3px -1px 0;
padding: 4px; padding: 4px;
cursor: pointer; cursor: pointer;
font-size: 0.8em; /*font-size: 0.8em;*/
/*.border_radius(3px,0,0,3px);*/ /*.border_radius(3px,0,0,3px);*/
.background_color_25_gray; .background_color_25_gray;
@ -989,14 +989,17 @@ div.message.floating {
// Search Field // Search Field
.nextmatch_header > .search{ .nextmatch_header > .search{
padding: 0 0 0 3px;
margin-right: 3px;
.background_color_search; .background_color_search;
.border_radius_button_righttop; .border_radius_button_righttop;
input { input {
.background_color_search; /*.background_color_search;*/
/*background-color: @gray_0;*/ /*background-color: @gray_0;*/
border: none; border: none;
font-size: 16px; font-size: 11px;
color: #000; color: #000;
/*margin: 0 2px;*/ /*margin: 0 2px;*/
@ -1020,20 +1023,24 @@ div.message.floating {
button.et2_button { button.et2_button {
.border_normal; .border_normal;
border-color: @gray_30; border-color: @gray_30;
.box_shadow_standard_light; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
width: 45px; width: 45px;
/*height: 1.6em;*/ /*height: 1.6em;*/
.border_radius_button_righttop; .border_radius_button_righttop;
.background_color_search; /*.background_color_search;*/
color: lighten(@egw_color_1, 15%); color: lighten(@egw_color_1, 15%);
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
padding: 0px; padding: 0px;
margin: 10px; margin: 8px 10px;
margin-left: 0px; margin-left: 0px;
background-image: url("../images/search.png"); background-image: url("../images/search.png");

30
pixelegg/less/layout_content_elements.less
View File

@ -381,8 +381,8 @@ a:link, a:visited, select, input, textarea {
select,input,button select,input,button
{ {
.color_100_gray; .color_100_gray;
font-size:99%; /*font-size:99%;*/
padding: 0.2em 0; padding: 1px;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: @gray_20; border-color: @gray_20;
@ -390,7 +390,7 @@ select,input,button
select select
{ {
font-size:100%; /*font-size:100%;*/
} }
a:link,a:visited a:link,a:visited
@ -562,29 +562,21 @@ img
} }
/*SVG Filter / not for Logo */ /*SVG Filter / not for Logo */
#egw_fw_sidebar img[src$="svg"], #egw_fw_sidebar img[src$="svg"]{
.gradient_vertical (@gray_60, @gray_60);
.rounded(3px);
border: 1px solid @gray_0;;
}
#egw_fw_main img[src$="svg"], #egw_fw_main img[src$="svg"],
#egw_fw_footer img[src$="svg"]{ #egw_fw_footer img[src$="svg"]{
/*path{fill: red;}*/
/*stroke: none; fill: #0000ff;*/
.gradient_vertical (@egw_color_2_a, @egw_color_2_a); .gradient_vertical (@egw_color_2_a, @egw_color_2_a);
/* &:hover {
path{fill: red;}
}*/
} }
input,button,select
{
border: solid 1px #bbbbbb;
padding: 0.2em;
font-size: 1em;
}
div{ div{
color: #000000; color: #000000;
} }
@ -1126,4 +1118,4 @@ div.client_error_log tr td.stack > div {
} }
// //

2
pixelegg/less/layout_dialog.less
View File

@ -81,6 +81,8 @@ div.et2_container {
.et2_tabheader {} .et2_tabheader {}
.et2_tabs { .et2_tabs {
button.et2_button_with_image {.dimension_height_m;}
table.et2_grid {.background_color_0_gray;} table.et2_grid {.background_color_0_gray;}
} }

2
pixelegg/less/layout_messages.less
View File

@ -76,7 +76,7 @@
border-color: @gray_10; border-color: @gray_10;
.border_radius_button_righttop; .border_radius_button_righttop;
padding: 5px 2px 4px 15px; padding: 5px 2px 4px 15px;
font-size: 1em; /*font-size: 1em;*/
font-weight: normal; font-weight: normal;
.background_color_10_gray; .background_color_10_gray;
color: @egw_color_2_d; color: @egw_color_2_d;

36
pixelegg/less/layout_raster.less
View File

@ -92,10 +92,10 @@
/*.Button_size_square_32;*/ /*.Button_size_square_32;*/
padding: 0.3em 0.4em; padding: 0.3em 0.4em;
.Complete_Button_normal; .Complete_Button_normal;
background-color: @gray_20; background-color: @gray_10;
&:hover{.Complete_Button_hover; .color_100_gray;} &:hover{.Complete_Button_hover; color: @gray_100;}
&:active {.Complete_Button_active;} &:active {.Complete_Button_active;}
.transition (0.2s, ease-out); .transition (0.2s, ease-out);
@ -103,7 +103,7 @@
.color_100_gray; .color_100_gray;
text-decoration: none; text-decoration: none;
.dimension_height_s; .dimension_height_s;
font-size: 1.1em; /*font-size: 1.1em;*/
&:hover { &:hover {
.color_50_gray; .color_50_gray;
@ -410,6 +410,11 @@
/*current user info*/ /*current user info*/
#topmenu_info_current_users {} #topmenu_info_current_users {}
/*time zone*/
form { height: 0px;
select {padding: 0px;}
}
/*quick*/ /*quick*/
#topmenu_info_quick_add { #topmenu_info_quick_add {
@ -477,7 +482,7 @@
overflow: hidden; overflow: hidden;
z-index: 0; z-index: 0;
padding-top: 0.6em; padding-top: 0.6em;
font-size: 80%; font-size: 0.9em;
// .background-color-0-gray; // .background-color-0-gray;
.egw_fw_ui_scrollarea_outerdiv{ .egw_fw_ui_scrollarea_outerdiv{
@ -490,11 +495,7 @@
div { div {
padding: 3px 0 1px 3px; padding: 3px 0 1px 3px;
cursor: pointer; cursor: pointer;
} }
} }
.egw_fw_ui_sidemenu_entry_header { .egw_fw_ui_sidemenu_entry_header {
@ -581,7 +582,7 @@
border-width: 0px; border-width: 0px;
margin: 0 0 2em 0; margin: 0 0 2em 0;
> div:nth-of-type(1) { &:nth-last-of-type(-n+3) {
padding: 5px 0.3em 1.5em 0.3em; padding: 5px 0.3em 1.5em 0.3em;
margin: 0 0 10px 0; margin: 0 0 10px 0;
.background_color_30_gray; .background_color_30_gray;
@ -754,6 +755,14 @@
margin-right: 5px; margin-right: 5px;
/*min-height: 50px;*/ /*min-height: 50px;*/
&:last-child{
/*padding: 5px 0.3em 1.5em 0.3em;*/
/*margin: 0 0 10px 0;*/
/*.background_color_30_gray;*/
.border_radius (0, 0, 10px, 0);
border-color: @gray_30;
}
img { .dimension_height_s; vertical-align: middle;} img { .dimension_height_s; vertical-align: middle;}
&:hover { &:hover {
@ -797,10 +806,6 @@
padding: 0px; padding: 0px;
margin: 0px 5px; margin: 0px 5px;
float: left; float: left;
/*.Complete_Button_Icon_normal;*/
/* background-image: url("../images/bullet.svg");
background-size: .dimension_width_height_s;
background-position: center;*/
} }
@ -1073,6 +1078,7 @@ div#calendar-container {
background-color: transparent; background-color: transparent;
float: left; float: left;
width: 100%; width: 100%;
margin-top: -1px;
// ############################################################ // ############################################################
// Tabnavigation // Tabnavigation
@ -1150,7 +1156,7 @@ div#calendar-container {
height: 24px; height: 24px;
&:hover {.background_color_30_gray ;} &:hover {.background_color_20_gray ;}
h1 { h1 {
font-size: 100%; font-size: 100%;
@ -1272,4 +1278,4 @@ div#calendar-container {
// //
// //

15
pixelegg/less/layout_table.less
View File

@ -162,7 +162,7 @@ table.egwGridView_outer{
.et2_link {margin-left: 0px; color: @link_color; font-weight: bold;} .et2_link {margin-left: 0px; color: @link_color; font-weight: bold;}
img {.Complete_Button_Icon_normal;} img {border: 1px solid transparent; box-shadow: none;}
time {display: block;} time {display: block;}
@ -209,17 +209,16 @@ table.egwGridView_grid{
/*multiple choise*/ /*multiple choise*/
tr.selected{ tr.selected{
background-image: none; background-image: none;
background-color: @egw_color_1_e !important; /*background-color: @egw_color_1_e !important;*/
/*.bw-gradient;*/ background-color: fade(@color_active_row, 50%);
} }
// is active // is active
tr.focused{ tr.focused{
background-image: url(../images/focused_hatching.png); background-image: url(../images/yellow-stripe-a.png);
background-repeat: repeat; background-repeat: repeat;
background-color: fade(@color_active_row, 50%); background-color: fade(@color_active_row, 50%);
}
}
} }
tr { tr {
@ -238,7 +237,7 @@ table.egwGridView_grid{
/*padding: 0.3em 0 0.3em 0.3em;*/ /*padding: 0.3em 0 0.3em 0.3em;*/
border-bottom: 1px solid; border-bottom: 1px solid;
color: @gray_60;; color: @gray_10;
/*&:hover {background-color: @egw_color_2_e;} legacy*/ /*&:hover {background-color: @egw_color_2_e;} legacy*/
&:active { &:active {
@ -349,3 +348,5 @@ table.nextmatch_header{
img{ .dimension_width_height_s;} img{ .dimension_width_height_s;}
} }
//

24
pixelegg/less/svg.css
View File

@ -13,15 +13,31 @@
*/ */
* { * {
fill: #0c5da5; fill: #0c5da5;
stroke: #828282;
/*fill: @gray_0;*/ /*fill: @gray_0;*/
} }
/*svg#etemplate_navbar * { /*
svg#etemplate_navbar {
fill: @gray_40; fill: @gray_40;
}
svg#infolog_navbar {
}*/
/*svg#infolog_navbar * {
fill: @gray_40; fill: @gray_40;
}
svg#admin_navbar {
fill: @gray_40;
}
.egw_fw_ui_tabs_header > svg * {
fill: @egw_color_2_a !important;
stroke: @gray_0 !important;
}
svg#sambaadmin_navbar {
fill: @gray_40;
}
svg#mail_navbar {
fill: @gray_40;
}*/ }*/

28
pixelegg/less/svg.less
View File

@ -19,20 +19,34 @@
* { * {
fill: @egw_color_2_a; fill: @egw_color_2_a;
stroke: @gray_50;
/*fill: @gray_0;*/ /*fill: @gray_0;*/
} }
/*
/*svg#etemplate_navbar * { svg#etemplate_navbar {
fill: @gray_40; fill: @gray_40;
}
svg#infolog_navbar {
}*/
/*svg#infolog_navbar * {
fill: @gray_40; fill: @gray_40;
}
svg#admin_navbar {
fill: @gray_40;
}
.egw_fw_ui_tabs_header > svg * {
fill: @egw_color_2_a !important;
stroke: @gray_0 !important;
}
svg#sambaadmin_navbar {
fill: @gray_40;
}
svg#mail_navbar {
fill: @gray_40;
}*/ }*/
//
// //
//