extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-26 16:48:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

pixelegg changes from yesterday

Browse Source
This commit is contained in:
Ralf Becker 2014-01-10 05:26:20 +00:00
parent c9e923bf78
commit dbb4de0876
5 changed files with 176 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

123
calendar/templates/pixelegg/app.css
View File

@ -15,7 +15,7 @@
img.sideboxstar { img.sideboxstar {
width: 12px; width: 12px;
height: 12px; height: 12px;
background-color: #f0f0f0; /*.background_color_10_gray;*/
-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);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
@ -27,17 +27,17 @@ img.sideboxstar {
margin: 1px; margin: 1px;
} }
img.sideboxstar:hover { img.sideboxstar:hover {
background-color: #b3b3b3 !important; /*.background_color_20_gray;*/
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
border: 1px solid rgba(0, 0, 0, 0.5); border: 1px solid 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;
} }
img.sideboxstar:active { img.sideboxstar:active {
background-color: #808080; /*.background_color_30_gray;*/
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;
@ -45,7 +45,8 @@ img.sideboxstar: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);
background-color: #00b500 !important; background-color: #1aa200;
background-color: #1aa200 !important;
} }
.chzn-container { .chzn-container {
max-width: 85% !important; max-width: 85% !important;
@ -63,6 +64,18 @@ img.sideboxstar:active {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
.calendar_calEventBodySmall img[src$="svg"],
.calendar_calDayColHeader img[src$="svg"] {
background-color: #0c5da5;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5));
background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -o-linear-gradient(top, #0c5da5, #0c5da5);
background-image: linear-gradient(top, #0c5da5, #0c5da5);
background-repeat: repeat-x;
}
/* calender view*/ /* calender view*/
/*defind in layout_raster.less , because frame*/ /*defind in layout_raster.less , because frame*/
span#start { span#start {
@ -128,7 +141,7 @@ div.calendar {
} }
.calendar thead .active { .calendar thead .active {
/* Active (pressed) buttons in header */ /* Active (pressed) buttons in header */
background-color: #408dd2; background_color: #408dd2;
padding: 2px 0px 0px 2px; padding: 2px 0px 0px 2px;
} }
.calendar tbody .day { .calendar tbody .day {
@ -327,7 +340,7 @@ div#calendar-edit .et2_tabcntr table.et2_grid tr:nth-child(even) {
background: #ffffff; background: #ffffff;
} }
div#calendar-edit .et2_tabcntr table.et2_grid tr:nth-child(odd) { div#calendar-edit .et2_tabcntr table.et2_grid tr:nth-child(odd) {
background: #ebebeb; background: #fafafa;
} }
div#calendar-edit #calendar-edit_calendar-edit-general { div#calendar-edit #calendar-edit_calendar-edit-general {
display: block; display: block;
@ -360,7 +373,7 @@ div#calendar-edit #calendar-edit_calendar-edit-general #calendar-edit_category {
border-radius: 3px; border-radius: 3px;
} }
div#calendar-edit #calendar-edit_calendar-edit-participants tr.optional { div#calendar-edit #calendar-edit_calendar-edit-participants tr.optional {
background-color: rgba(255, 194, 0, 0.1); background-color: rgba(255, 221, 115, 0.1);
} }
div#calendar-edit #calendar-edit_calendar-edit-participants tbody { div#calendar-edit #calendar-edit_calendar-edit-participants tbody {
display: table; display: table;
@ -371,7 +384,7 @@ div#calendar-edit #calendar-edit_calendar-edit-participants tbody td {
padding-top: 3px; padding-top: 3px;
} }
div#calendar-edit #calendar-edit_calendar-edit-participants tbody span.ui-icon-search { div#calendar-edit #calendar-edit_calendar-edit-participants tbody span.ui-icon-search {
background-color: #f0f0f0; /*.background_color_10_gray;*/
-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);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
@ -385,17 +398,17 @@ div#calendar-edit #calendar-edit_calendar-edit-participants tbody span.ui-icon-s
margin-left: 1em; margin-left: 1em;
} }
div#calendar-edit #calendar-edit_calendar-edit-participants tbody span.ui-icon-search:hover { div#calendar-edit #calendar-edit_calendar-edit-participants tbody span.ui-icon-search:hover {
background-color: #b3b3b3 !important; /*.background_color_20_gray;*/
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
border: 1px solid rgba(0, 0, 0, 0.5); border: 1px solid 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;
} }
div#calendar-edit #calendar-edit_calendar-edit-participants tbody span.ui-icon-searchactive { div#calendar-edit #calendar-edit_calendar-edit-participants tbody span.ui-icon-searchactive {
background-color: #808080; /*.background_color_30_gray;*/
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;
@ -403,6 +416,7 @@ div#calendar-edit #calendar-edit_calendar-edit-participants tbody span.ui-icon-s
-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);
background-color: #1aa200;
} }
div#calendar-edit #calendar-edit_calendar-edit-participants tbody div#calendar-edit_resource { div#calendar-edit #calendar-edit_calendar-edit-participants tbody div#calendar-edit_resource {
margin: 5px 0 10px 0; margin: 5px 0 10px 0;
@ -440,7 +454,7 @@ div#calendar-edit #calendar-edit_calendar-edit-alarms tbody label.et2_label {
padding: 0 5px; padding: 0 5px;
} }
div#calendar-edit #calendar-edit_calendar-edit-alarms tbody tr.add_alarm_action { div#calendar-edit #calendar-edit_calendar-edit-alarms tbody tr.add_alarm_action {
background-color: rgba(255, 194, 0, 0.1); background-color: rgba(255, 221, 115, 0.1);
margin-bottom: 1em; margin-bottom: 1em;
} }
div#calendar-edit #calendar-edit_calendar-edit-history { div#calendar-edit #calendar-edit_calendar-edit-history {
@ -479,7 +493,6 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
+. .#.* * * *. .*+----------------------------------+*. +. .#.* * * *. .*+----------------------------------+*.
*/ */
/* custom ui-tooltip style for calendar /* custom ui-tooltip style for calendar
*/ */
.calendar_uitooltip { .calendar_uitooltip {
@ -493,7 +506,6 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
-moz-box-shadow: 0 0 5px; -moz-box-shadow: 0 0 5px;
box-shadow: 0 0 5px; box-shadow: 0 0 5px;
} }
.calendar_size120b { .calendar_size120b {
font-size: 120%; font-size: 120%;
font-weight: bold; font-weight: bold;
@ -789,6 +801,17 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
padding: 2px; padding: 2px;
font-weight: bold; font-weight: bold;
} }
.calendar_calDayTodos .calendar_calDayTodosHeader a img[src$="svg"] {
background-color: #0c5da5;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5));
background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -o-linear-gradient(top, #0c5da5, #0c5da5);
background-image: linear-gradient(top, #0c5da5, #0c5da5);
background-repeat: repeat-x;
}
.calendar_calDayTodos .calendar_calDayTodosHeader a img { .calendar_calDayTodos .calendar_calDayTodosHeader a img {
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);
@ -798,13 +821,25 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
color: #000000; color: #000000;
-webkit-transition-property: background;
-moz-transition-property: background;
-o-transition-property: background;
transition-property: background;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
.calendar_calDayTodos .calendar_calDayTodosHeader a img:hover { .calendar_calDayTodos .calendar_calDayTodosHeader a img:hover {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
background-color: inherit !important; background-color: inherit !important;
} }
.calendar_calDayTodos .calendar_calDayTodosTable { .calendar_calDayTodos .calendar_calDayTodosTable {
@ -814,16 +849,27 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
.calendar_calDayTodos .calendar_calDayTodosTable table tr:nth-child(even) { .calendar_calDayTodos .calendar_calDayTodosTable table tr:nth-child(even) {
background: #ffffff; background: #ffffff;
} }
.calendar_calDayTodos .calendar_calDayTodosTable table tr:nth-child(odd) { .calendar_calDayTodos .calendar_calDayTodosTable table tr:nth_child(odd) {
background: #ebebeb; background: #fafafa;
} }
.calendar_calDayTodos .calendar_calDayTodosTable table td { .calendar_calDayTodos .calendar_calDayTodosTable table td {
padding: 3px; padding: 3px;
} }
.calendar_calDayTodos .calendar_calDayTodosTable table td img[src$="svg"] {
background-color: #0c5da5;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5));
background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -o-linear-gradient(top, #0c5da5, #0c5da5);
background-image: linear-gradient(top, #0c5da5, #0c5da5);
background-repeat: repeat-x;
}
.calendar_calDayTodos .calendar_calDayTodosTable table td img { .calendar_calDayTodos .calendar_calDayTodosTable table td img {
width: 12px; width: 12px;
height: 12px; height: 12px;
background-color: #f0f0f0; /*.background_color_10_gray;*/
-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);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
@ -833,17 +879,17 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
border-radius: 3px; border-radius: 3px;
} }
.calendar_calDayTodos .calendar_calDayTodosTable table td img:hover { .calendar_calDayTodos .calendar_calDayTodosTable table td img:hover {
background-color: #b3b3b3 !important; /*.background_color_20_gray;*/
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
border: 1px solid rgba(0, 0, 0, 0.5); border: 1px solid 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;
} }
.calendar_calDayTodos .calendar_calDayTodosTable table td img:active { .calendar_calDayTodos .calendar_calDayTodosTable table td img:active {
background-color: #808080; /*.background_color_30_gray;*/
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;
@ -851,7 +897,8 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
-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);
background-color: #00ab00 !important; background-color: #1aa200;
background-color: #189800 !important;
} }
.calendar_calDayTodos { .calendar_calDayTodos {
width: 250px; width: 250px;
@ -1066,6 +1113,18 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
color: #000000; color: #000000;
-webkit-transition-property: background;
-moz-transition-property: background;
-o-transition-property: background;
transition-property: background;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
} }
#delete_series { #delete_series {
top: 100px; top: 100px;
@ -1106,7 +1165,7 @@ tr.prefRow > td {
right: 55%; right: 55%;
display: none; display: none;
width: 33%; width: 33%;
background-color: #ffc200; background-color: #679fd2;
} }
tr.prefRow:hover .prefHelp { tr.prefRow:hover .prefHelp {
display: block; display: block;

70
calendar/templates/pixelegg/app.less
View File

@ -14,6 +14,7 @@
@import (reference) "../../../pixelegg/less/def_design_pattern_color_font_shadow.less"; @import (reference) "../../../pixelegg/less/def_design_pattern_color_font_shadow.less";
// ************************************************ // ************************************************
// Seitenleiste // Seitenleiste
// Ansichten // Ansichten
@ -31,7 +32,9 @@ img.sideboxstar {
margin: 1px; margin: 1px;
&:hover{.Complete_Button_Icon_hover ;} &:hover{.Complete_Button_Icon_hover ;}
&:active{.Complete_Button_Icon_active ; background-color: @color-positive-action-active !important;} &:active{
.Complete_Button_Icon_active ;
background-color: @color_positive_action_active !important;}
} }
.chzn-container { .chzn-container {
@ -52,14 +55,21 @@ img.sideboxstar {
} // Ende Iframe } // Ende Iframe
// Images // Images
.calendar_calDayColHeader img {.dimension_width_height_s;} .calendar_calDayColHeader img {.dimension_width_height_s;}
.calendar_calEventBodySmall img {.dimension_width_height_s;} .calendar_calEventBodySmall img {.dimension_width_height_s;}
.calendar_calEventBodySmall img[src$="svg"],
.calendar_calDayColHeader img[src$="svg"] {
.gradient_vertical (@egw_color_2_a, @egw_color_2_a);
}
@ -98,7 +108,7 @@ div.calendar { position: relative; }
} }
.nav { .nav {
background: url(menuarrow.gif) no-repeat 100% 100%; background: url(menuarrow.gif) no-repeat 100% 100%;
.background-table-cal-head; .background_table_cal_head;
} }
@ -112,12 +122,12 @@ div.calendar { position: relative; }
padding: 2px; padding: 2px;
} }
.headrow { /* Row <TR> containing navigation buttons */ .headrow { /* Row <TR> containing navigation buttons */
.background-table-cal-head; .background_table_cal_head;
color: #fff; color: #fff;
} }
.daynames { /* Row <TR> containing the day names */ .daynames { /* Row <TR> containing the day names */
// background: #bdf; // background: #bdf;
.background-color-30-gray; .background_color_30_gray;
} }
.name { /* Cells <TD> containing the day names */ .name { /* Cells <TD> containing the day names */
@ -133,15 +143,15 @@ div.calendar { position: relative; }
.hilite { /* How do the buttons in header appear when hover */ .hilite { /* How do the buttons in header appear when hover */
.background-color-0-gray; .background_color_0_gray;
color: #000; color: #000;
border: 1px solid; border: 1px solid;
border-color: @gray-50; border-color: @gray_50;
padding: 1px; padding: 1px;
} }
.active { /* Active (pressed) buttons in header */ .active { /* Active (pressed) buttons in header */
background-color: @egw_color_2_d; background_color: @egw_color_2_d;
padding: 2px 0px 0px 2px; padding: 2px 0px 0px 2px;
} }
} // thead } // thead
@ -167,7 +177,7 @@ div.calendar { position: relative; }
.rowhilite td { .rowhilite td {
// background: #def; // background: #def;
.background-color-25-gray; .background_color_25_gray;
} }
.rowhilite td.wn { .rowhilite td.wn {
@ -219,7 +229,7 @@ div.calendar { position: relative; }
padding: 2px 3px 2px 2px; padding: 2px 3px 2px 2px;
border-right: 1px solid #000; border-right: 1px solid #000;
// background: #bdf; // background: #bdf;
.background-color-30-gray; .background_color_30_gray;
} }
@ -321,7 +331,7 @@ div.calendar { position: relative; }
span.hilite { span.hilite {
border-color: #000; border-color: #000;
// background-color: #667; // background-color: #667;
.background-color-30-gray; .background_color_30_gray;
color: #fff; color: #fff;
} }
@ -389,8 +399,8 @@ div#calendar-edit{
table.et2_grid { table.et2_grid {
// Listendarstellung // Listendarstellung
tr:nth-child(even) {background: @color-even;} tr:nth-child(even) {background: @color_even;}
tr:nth-child(odd) {background: @color-odd;} tr:nth-child(odd) {background: @color_odd;}
} }
} }
@ -435,7 +445,7 @@ div#calendar-edit{
} }
#calendar-edit_category{ #calendar-edit_category{
border: 1px solid; border: 1px solid;
border-color: @gray-30; border-color: @gray_30;
.border_radius_button_normal; .border_radius_button_normal;
} }
@ -449,7 +459,7 @@ div#calendar-edit{
#calendar-edit_calendar-edit-participants{ #calendar-edit_calendar-edit-participants{
tr.optional {background-color: @color-optional;} tr.optional {background-color: @color_optional;}
tbody{ tbody{
display: table; display: table;
@ -545,7 +555,7 @@ div#calendar-edit{
width: 100%; width: 100%;
label.et2_label {white-space: nowrap; padding: 0 5px;} label.et2_label {white-space: nowrap; padding: 0 5px;}
tr.add_alarm_action {background-color: @color-optional; margin-bottom: 1em;} tr.add_alarm_action {background-color: @color_optional; margin-bottom: 1em;}
} }
} }
@ -614,14 +624,14 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
*/ */
.calendar_calToday{ .calendar_calToday{
// background: #ffffcc; // background: #ffffcc;
.background-table-cal-head; .background_table_cal_head;
} }
/* marks a day in the colum-header as holiday /* marks a day in the colum-header as holiday
*/ */
.calendar_calHoliday{ .calendar_calHoliday{
background-color: @egw_color_3_e; background-color: @egw_color_3_e;
a { a {
.color-0-gray; .color_0_gray;
font-size: 0.9em; font-size: 0.9em;
} }
} }
@ -642,7 +652,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
left: 0px; left: 0px;
border:1px solid silver; border:1px solid silver;
width: 99%; width: 99%;
.background-color-10-gray; .background_color_10_gray;
/* set via inline style on runtime: /* set via inline style on runtime:
* height: * height:
*/ */
@ -660,7 +670,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
} }
.calendar_calTimeRow{ .calendar_calTimeRow{
/* background-color: silver; */ /* background-color: silver; */
.background-color-5-gray; .background_color_5_gray;
} }
/* time in a timeRow /* time in a timeRow
@ -842,7 +852,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
// .background-color-50-gray; // .background-color-50-gray;
background-color: @egw_color_1_e; background-color: @egw_color_1_e;
cursor: pointer; cursor: pointer;
.color-0-gray; .color_0_gray;
} }
/* header-row of the event /* header-row of the event
@ -868,7 +878,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
position: absolute; position: absolute;
right: 0px; right: 0px;
top: 0px; top: 0px;
background-color: @gray-10; background-color: @gray_10;
.rounded (2px); .rounded (2px);
} }
.calendar_calEventIcons img{ .calendar_calEventIcons img{
@ -914,6 +924,10 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
font-weight: bold; font-weight: bold;
a { a {
img[src$="svg"] {
.gradient_vertical (@egw_color_2_a, @egw_color_2_a);
}
img { img {
.Complete_Button_normal; .Complete_Button_normal;
.dimension_width_height_s; .dimension_width_height_s;
@ -930,12 +944,16 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
// Listendarstellung // Listendarstellung
// Reihen ohne Border left und right // Reihen ohne Border left und right
tr:nth-child(even) {background: @color-even;} tr:nth-child(even) {background: @color_even;}
tr:nth-child(odd) {background: @color-odd;} tr:nth_child(odd) {background: @color_odd;}
td { td {
padding: 3px; padding: 3px;
img[src$="svg"] {
.gradient_vertical (@egw_color_2_a, @egw_color_2_a);
}
img { img {
.dimension_width_height_xs; .dimension_width_height_xs;
.Complete_Button_Icon_normal; .Complete_Button_Icon_normal;
@ -943,7 +961,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
&:hover {.Complete_Button_Icon_hover;} &:hover {.Complete_Button_Icon_hover;}
&:active { &:active {
.Complete_Button_Icon_active; .Complete_Button_Icon_active;
background-color: @color-positive-action !important; background-color: @color_positive_action !important;
} }
} }
} }
@ -1113,7 +1131,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
.dimension_width_height_xs; .dimension_width_height_xs;
margin: 3px; margin: 3px;
.rounded (2px); .rounded (2px);
background-color: @gray-10; background-color: @gray_10;
} }
.calendar_plannerEvent:hover{ .calendar_plannerEvent:hover{
cursor: pointer; cursor: pointer;
@ -1193,7 +1211,7 @@ tr.prefRow > td {
right: 55%; right: 55%;
display: none; display: none;
width: 33%; width: 33%;
background-color: @color-hint; background-color: @color_hint;
} }
tr.prefRow:hover .prefHelp { tr.prefRow:hover .prefHelp {

12
infolog/templates/pixelegg/app.css
View File

@ -115,6 +115,10 @@ span#favorite_sidebox_infolog .favorites li img.sideboxstar {
# # # # # #
############################################## ##############################################
*/ */
/*
.egw_fw_content_browser_div{
}*/
#infolog-index { #infolog-index {
height: auto !important; height: auto !important;
} }
@ -339,6 +343,9 @@ span#favorite_sidebox_infolog .favorites li img.sideboxstar {
#infolog-edit #infolog-edit_history { #infolog-edit #infolog-edit_history {
max-width: 785px; max-width: 785px;
} }
#infolog-edit div.et2_hbox {
white-space: nowrap;
}
.infolog_fixedHeight { .infolog_fixedHeight {
height: auto; height: auto;
} }
@ -350,7 +357,10 @@ input#infolog-edit_info_subject {
} }
/*#############################################*/ /*#############################################*/
/*Tabs */ /*Tabs */
/*Beschreibung*/ /*Beschreibung************************************/
#infolog-edit_infolog-edit-description #infolog-edit_info_des {
min-height: 246px;
}
/*Verknüpfung ************************************/ /*Verknüpfung ************************************/
#infolog-edit_infolog-edit-links { #infolog-edit_infolog-edit-links {
/*neue verknüpfung erstellen - div*/ /*neue verknüpfung erstellen - div*/

16
infolog/templates/pixelegg/app.less
View File

@ -61,10 +61,10 @@ span#favorite_sidebox_infolog{
# # # # # #
############################################## ##############################################
*/ */
/*
.egw_fw_content_browser_div{ .egw_fw_content_browser_div{
} }*/
#infolog-index { #infolog-index {
@ -306,6 +306,10 @@ span#favorite_sidebox_infolog{
max-width: 785px; max-width: 785px;
} }
div.et2_hbox {
white-space: nowrap;
}
} }
.infolog_fixedHeight { .infolog_fixedHeight {
height: auto; height: auto;
@ -352,7 +356,13 @@ input#infolog-edit_info_subject {width: 98% !important;}
/*#############################################*/ /*#############################################*/
/*Tabs */ /*Tabs */
/*Beschreibung*/ /*Beschreibung************************************/
#infolog-edit_infolog-edit-description{
#infolog-edit_info_des {min-height: 246px;}
}
/*Verknüpfung ************************************/ /*Verknüpfung ************************************/

1
mail/templates/pixelegg/app.less
View File

@ -211,6 +211,7 @@ div#mail-index{
button#mail-index_button[mailcreate], button#mail-index_button[mailcreate],
button[id*="mailcreate"]{ button[id*="mailcreate"]{
.Complete_Button_add; .Complete_Button_add;
background-image: url("images/write_mail_lighter.png") !important; background-image: url("images/write_mail_lighter.png") !important;
background-position: right center !important; background-position: right center !important;