extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-06-23 11:21:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

Make calendar date indicator in toolbar header more prominent

Browse Source
This commit is contained in:
Hadi Nategh 2017-05-10 10:34:08 +02:00
parent 5c8086f408
commit d0d3b74a58
3 changed files with 151 additions and 131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
calendar/templates/default/app.css
View File

@ -1418,8 +1418,10 @@ img.calendar_print_button, img.calendar_print_appicon {
/*weekend slideSwitch in toolbar*/ /*weekend slideSwitch in toolbar*/
#calendar-toolbar_app_header { #calendar-toolbar_app_header {
font-weight: bold;
color: #616161; color: #616161;
font-size: 14px;
margin: auto;
height: 20px;
} }
#calendar-toolbar_toolbar .et2_toolbar_more { #calendar-toolbar_toolbar .et2_toolbar_more {
margin-top: 0; margin-top: 0;

164
calendar/templates/mobile/app.css
View File

@ -69,6 +69,18 @@
#calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader > span.et2_label { #calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader > span.et2_label {
overflow: visible !important; overflow: visible !important;
} }
div.calendar_calEvent {
opacity: 1;
filter: opacity(0.85);
-webkit-filter: opacity(0.85);
border: 1px solid;
}
/* Make times & all day description bold for better visibility */
div.calendar_calDayColAllDay div.calendar_calEventBodySmall,
div.calendar_calEventHeader,
div.calendar_calEventHeaderSmall {
font-weight: bold;
}
} }
/** /**
* Sidebox * Sidebox
@ -89,6 +101,10 @@
#calendar-sidebox_cat_id ~ * { #calendar-sidebox_cat_id ~ * {
vertical-align: top; vertical-align: top;
display: inline-block; display: inline-block;
background-color: transparent;
background-image: url(../../../vendor/bower-asset/jquery-ui/themes/redmond/images/ui-icons_469bdd_256x240.png);
border: none;
box-shadow: none;
} }
#calendar-sidebox_buttons tbody { #calendar-sidebox_buttons tbody {
width: 100%; width: 100%;
@ -266,6 +282,12 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
.calendar_calBirthday a { .calendar_calBirthday a {
color: #626161; color: #626161;
} }
#calendar-view .calendar_calBirthday {
background-image: url(images/cake.png);
background-repeat: no-repeat;
background-size: 16px;
background-position: 10px center;
}
/* Supress tooltips on holidays shown as events */ /* Supress tooltips on holidays shown as events */
.calendar_calEventTooltip.calendar_calBirthday, .calendar_calEventTooltip.calendar_calBirthday,
.calendar_calEventTooltip.calendar_calHoliday { .calendar_calEventTooltip.calendar_calHoliday {
@ -328,16 +350,25 @@ Hide subsequent headers in week view with non-consolidated owners
#calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader .calendar_calDayColHeader > div[data-date] { #calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader .calendar_calDayColHeader > div[data-date] {
display: none; display: none;
} }
#calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader > span.et2_label {
position: absolute;
top: 2em;
}
#calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader .calendar_calDayColHeader_spacer {
height: calc(6.5em);
}
#calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label { #calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label {
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; display: block;
overflow: hidden; position: static;
} width: calc(42%);
#calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label:hover { margin-left: 58px;
overflow: visible; color: white;
width: auto; background-color: #2D6393;
background-color: inherit; text-align: center;
z-index: 100; line-height: 1.5em;
font-size: 14px;
z-index: 35;
} }
/* single row in the time-line you dont need to set a bgcolor, but you can /* single row in the time-line you dont need to set a bgcolor, but you can
*/ */
@ -537,12 +568,17 @@ Hide subsequent headers in week view with non-consolidated owners
display: flex; display: flex;
align-items: stretch; align-items: stretch;
} }
#calendar-view_view.hideDayColHeader .calendar_calGridHeader > div {
height: auto;
}
.calendar_calGridHeader > label { .calendar_calGridHeader > label {
float: left; float: left;
font-size: 14px; font-size: 14px;
line-height: 27px; line-height: 27px;
width: 58px; width: 58px;
text-align: center; text-align: center;
position: absolute;
top: 0px;
} }
.calendar_calGridHeader > span.et2_label { .calendar_calGridHeader > span.et2_label {
position: absolute; position: absolute;
@ -591,7 +627,7 @@ Hide subsequent headers in week view with non-consolidated owners
/* alarm_date widget disabled class /* alarm_date widget disabled class
*/ */
.calendar_alarm_date_display { .calendar_alarm_date_display {
display: none; display: none !important;
} }
/*overwirte margin applied by egwGridView*/ /*overwirte margin applied by egwGridView*/
.calendar_alarm_grid { .calendar_alarm_grid {
@ -647,6 +683,7 @@ Hide subsequent headers in week view with non-consolidated owners
-ms-transition: none !important; -ms-transition: none !important;
transition: none !important; transition: none !important;
opacity: 0.85; opacity: 0.85;
-moz-opacity: 0.85;
/* set via inline style on runtime: /* set via inline style on runtime:
* top: depending on startime * top: depending on startime
* height: depending on length * height: depending on length
@ -666,7 +703,7 @@ Hide subsequent headers in week view with non-consolidated owners
} }
.calendar_calTimeGrid:not(.calendar_calTimeGridList) *:not(.calendar_calDayColAllDay) > .calendar_calEvent::after { .calendar_calTimeGrid:not(.calendar_calTimeGridList) *:not(.calendar_calDayColAllDay) > .calendar_calEvent::after {
width: 100%; width: 100%;
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.8);
height: 5px; height: 5px;
content: "\02026"; content: "\02026";
left: 0px; left: 0px;
@ -720,7 +757,6 @@ Hide subsequent headers in week view with non-consolidated owners
} }
.calendar_calDayColHeader .calendar_calEvent .calendar_calEventBody { .calendar_calDayColHeader .calendar_calEvent .calendar_calEventBody {
white-space: nowrap; white-space: nowrap;
background-color: #f0f0f0;
} }
.calendar_calEventTooltip { .calendar_calEventTooltip {
padding-left: 6px; padding-left: 6px;
@ -765,7 +801,7 @@ Hide subsequent headers in week view with non-consolidated owners
* background-color: depending on category * background-color: depending on category
* color: white || black depending on cat; * color: white || black depending on cat;
*/ */
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.8);
} }
.calendar_calEventHeader .calendar_calEventTitle { .calendar_calEventHeader .calendar_calEventTitle {
display: none; display: none;
@ -774,6 +810,9 @@ Hide subsequent headers in week view with non-consolidated owners
font-size: 8pt; font-size: 8pt;
line-height: 10pt; line-height: 10pt;
} }
.calendar_calEvent[data-priority='3'] .calendar_calEventTitle {
color: red;
}
.calendar_calEventIcons { .calendar_calEventIcons {
position: absolute; position: absolute;
right: 0px; right: 0px;
@ -796,7 +835,7 @@ Hide subsequent headers in week view with non-consolidated owners
right: 2px; right: 2px;
height: 99%; height: 99%;
white-space: normal; white-space: normal;
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.8);
} }
.calendar_calEventBody > p, .calendar_calEventBody > p,
.calendar_calEventBodySmall > p { .calendar_calEventBodySmall > p {
@ -940,17 +979,18 @@ Hide subsequent headers in week view with non-consolidated owners
margin: 0px; margin: 0px;
padding: 2px; padding: 2px;
font-weight: bold; font-weight: bold;
height: 23px;
line-height: 23px;
} }
.calendar_calDayTodos .calendar_calDayTodosTable { .calendar_calDayTodos .calendar_calDayTodosTable {
overflow: auto; overflow: auto;
position: absolute; position: absolute;
top: 2em; top: 3em;
bottom: 8px; bottom: 8px;
width: 100%; width: 100%;
} }
.calendar_calDayTodos { .calendar_calDayTodos {
width: 98%; width: 98%;
margin-left: 10px;
border: 1px solid silver; border: 1px solid silver;
} }
.calendar_calDayTodosHeader { .calendar_calDayTodosHeader {
@ -962,6 +1002,17 @@ Hide subsequent headers in week view with non-consolidated owners
.calendar_calDayTodosTable tr td span:first-child { .calendar_calDayTodosTable tr td span:first-child {
white-space: nowrap; white-space: nowrap;
} }
.calendar_calDayTodosHeader button {
width: 24px;
height: 24px;
padding-left: 0px;
margin: 0px 4px 1px 0;
border-radius: 3px;
border: 1px solid silver;
background-color: #fafafa;
position: absolute;
left: 2px;
}
/****************************************************** /******************************************************
* CSS settings for the planner views (calendar_plannerWidget) * * CSS settings for the planner views (calendar_plannerWidget) *
******************************************************/ ******************************************************/
@ -1040,6 +1091,9 @@ Hide subsequent headers in week view with non-consolidated owners
left: 10px; left: 10px;
top: 2px; top: 2px;
} }
.calendar_plannerRowWidget.current_user {
background-color: rgba(0, 0, 0, 0.05);
}
.calendar_plannerRowWidget:hover { .calendar_plannerRowWidget:hover {
background-color: rgba(103, 159, 210, 0.2); background-color: rgba(103, 159, 210, 0.2);
} }
@ -1341,8 +1395,10 @@ img.calendar_print_appicon {
} }
/*weekend slideSwitch in toolbar*/ /*weekend slideSwitch in toolbar*/
#calendar-toolbar_app_header { #calendar-toolbar_app_header {
font-weight: bold;
color: #616161; color: #616161;
font-size: 14px;
margin: auto;
height: 20px;
} }
#calendar-toolbar_toolbar .et2_toolbar_more { #calendar-toolbar_toolbar .et2_toolbar_more {
margin-top: 0; margin-top: 0;
@ -1420,6 +1476,16 @@ img.calendar_print_appicon {
#calendar-edit_role { #calendar-edit_role {
float: left; float: left;
} }
.category_report_cats {
height: 80%;
overflow-y: auto;
display: block;
}
#calendar-category_report_grid {
display: block;
max-height: 550px;
overflow-y: auto;
}
/*generell*/ /*generell*/
.egw_fw_content_browser_iframe img[src$="svg"] { .egw_fw_content_browser_iframe img[src$="svg"] {
background-color: #828282 !important; background-color: #828282 !important;
@ -2042,11 +2108,6 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
.calendar_calViewUserNameFirst:after { .calendar_calViewUserNameFirst:after {
content: ", "; content: ", ";
} }
/* header of the time-grid, eg. for the weeks in the month-view (leftmost of the day-col-headers)
*/
.calendar_calGridHeader {
background-color: #f0f0f0;
}
/* contains one event: header-row & -body /* contains one event: header-row & -body
*/ */
.calendar_calEvent { .calendar_calEvent {
@ -2225,11 +2286,6 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
background-color: #1aa200; background-color: #1aa200;
background-color: #189800 !important; background-color: #189800 !important;
} }
.calendar_calDayTodos {
width: 98%;
margin-left: 10px;
border: 1px solid silver;
}
.calendar_calDayTodosHeader { .calendar_calDayTodosHeader {
text-align: center; text-align: center;
} }
@ -2337,53 +2393,6 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
margin: -2px -1px 0px -2px; margin: -2px -1px 0px -2px;
width: 410px; width: 410px;
} }
/** #####################################################################################
* @package preferences
* ######################################################################################
*/
table.prefTable {
width: 100%;
}
tr.prefRow {
position: relative;
}
td.prefName {
width: 50%;
}
tr.prefRow > td {
vertical-align: bottom;
/* otherwise help will cover bigger prefValue */
}
.prefHelp {
position: absolute;
right: 55%;
display: none;
width: 33%;
background-color: #ffffff;
}
tr.prefRow:hover .prefHelp {
display: block;
z-index: 10;
/* FF: displays it under next prefName without */
}
.prefDefault,
.prefValue {
float: left;
}
.prefValue {
margin-right: 5px;
}
.prefValue textarea,
textarea.prefValue {
width: 99%;
height: 5em;
}
.prefType,
.prefApp {
font-size: 150%;
display: inline-block;
padding-bottom: 5px;
}
/* ########################################################################################################################################### /* ###########################################################################################################################################
* Calendar specfic * Calendar specfic
/* ########################################################################################################################################### /* ###########################################################################################################################################
@ -2603,11 +2612,12 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
right: 2px; right: 2px;
} }
#calendar-sidebox_date .ui-datepicker-year { #calendar-sidebox_date .ui-datepicker-year {
padding-right: 5px !important; padding-right: 0px !important;
min-width: 65px; min-width: 65px;
} }
#calendar-sidebox_date .ui-datepicker-month { #calendar-sidebox_date .ui-datepicker-month {
min-width: 60px; min-width: 60px;
padding-right: 0px !important;
} }
#calendar-sidebox_date .ui-datepicker-header a span { #calendar-sidebox_date .ui-datepicker-header a span {
width: 20px; width: 20px;
@ -2658,6 +2668,12 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
#calendar_merge { #calendar_merge {
margin: 9px 0 0 0; margin: 9px 0 0 0;
} }
#calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader .calendar_calDayColHeader_spacer {
height: calc(6.5em);
}
#calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label {
width: calc(42%);
}
/* ######################################################################################## /* ########################################################################################
/* * Calendar END */ /* * Calendar END */
/* tablets and smartphones */ /* tablets and smartphones */

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

@ -1383,8 +1383,10 @@ img.calendar_print_appicon {
} }
/*weekend slideSwitch in toolbar*/ /*weekend slideSwitch in toolbar*/
#calendar-toolbar_app_header { #calendar-toolbar_app_header {
font-weight: bold;
color: #616161; color: #616161;
font-size: 14px;
margin: auto;
height: 20px;
} }
#calendar-toolbar_toolbar .et2_toolbar_more { #calendar-toolbar_toolbar .et2_toolbar_more {
margin-top: 0; margin-top: 0;
@ -1557,13 +1559,13 @@ img.sideboxstar:active {
.calendar_calEventBodySmall img[src$="svg"], .calendar_calEventBodySmall img[src$="svg"],
.calendar_calDayColHeader img[src$="svg"] { .calendar_calDayColHeader img[src$="svg"] {
background-color: #0c5da5; background-color: #0c5da5;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5); background-image: -moz-linear-gradient(top, #0C5DA5, #0C5DA5);
background-image: -ms-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-gradient(linear, 0 0, 0 100%, from(#0C5DA5), to(#0C5DA5));
background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5); background-image: -webkit-linear-gradient(top, #0C5DA5, #0C5DA5);
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;
} }
/* calender view*/ /* calender view*/
@ -1599,10 +1601,10 @@ div.calendar {
font-weight: bold; font-weight: bold;
/* Pressing it will take you to the current date */ /* Pressing it will take you to the current date */
/*text-align: center;*/ /*text-align: center;*/
background-color: #679fd2; background-color: #679FD2;
} }
.calendar thead .title:hover { .calendar thead .title:hover {
background-color: #e6e6e6 !important; background-color: #E6E6E6 !important;
} }
.calendar thead .headrow { .calendar thead .headrow {
/* Row <TR> containing navigation buttons */ /* Row <TR> containing navigation buttons */
@ -1636,7 +1638,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 tr, .calendar tbody tr,
@ -1681,7 +1683,7 @@ div.calendar {
/*border: 0px solid @gray_50;*/ /*border: 0px solid @gray_50;*/
/*padding: 1px 3px 1px 1px;*/ /*padding: 1px 3px 1px 1px;*/
/*padding: 0px;*/ /*padding: 0px;*/
background-color: #ffdd73; background-color: #FFDD73;
color: #000; color: #000;
-webkit-box-shadow: inset 1px 2px 1px #000000; -webkit-box-shadow: inset 1px 2px 1px #000000;
-moz-box-shadow: inset 1px 2px 1px #000000; -moz-box-shadow: inset 1px 2px 1px #000000;
@ -1863,7 +1865,7 @@ div.calendar {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
} }
#calendar-edit #calendar-edit_calendar-edit-details #calendar-edit_details_alarms { #calendar-edit #calendar-edit_calendar-edit-details #calendar-edit_details_alarms {
background-color: #cdcdcd; background-color: #CDCDCD;
display: block !important; display: block !important;
} }
#calendar-edit #calendar-edit_calendar-edit-description #calendar-edit_details_category { #calendar-edit #calendar-edit_calendar-edit-description #calendar-edit_details_category {
@ -1881,7 +1883,7 @@ div.calendar {
} }
#calendar-edit #calendar-edit_calendar-edit-description #calendar-edit_category { #calendar-edit #calendar-edit_calendar-edit-description #calendar-edit_category {
border: 1px solid; border: 1px solid;
border-color: #b4b4b4; border-color: #B4B4B4;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -1987,7 +1989,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
background-color: #ffc200; background-color: #ffc200;
} }
.calendar_calWeek { .calendar_calWeek {
background-color: #ffffff; background-color: #FFFFFF;
width: auto; width: auto;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
@ -1995,7 +1997,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
} }
.calendar_calMonth { .calendar_calMonth {
/*.background_table_cal_head;*/ /*.background_table_cal_head;*/
background-color: #ffffff; background-color: #FFFFFF;
width: auto; width: auto;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
@ -2103,11 +2105,11 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
* border-color: depending on category * border-color: depending on category
* background: depending on category (shade) * background: depending on category (shade)
*/ */
background-color: #679fd2; background-color: #679FD2;
} }
.calendar_calEvent:not([class*=" cat_"]) { .calendar_calEvent:not([class*=" cat_"]) {
/* Defaults for no category, so we don't override it */ /* Defaults for no category, so we don't override it */
background-color: #679fd2; background-color: #679FD2;
} }
/** /**
* All participants accepted the invitation * All participants accepted the invitation
@ -2123,7 +2125,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
overflow: auto; overflow: auto;
} }
.calendar_calAddEvent:hover { .calendar_calAddEvent:hover {
background-color: #ffdd73; background-color: #FFDD73;
cursor: pointer; cursor: pointer;
color: #ffffff; color: #ffffff;
} }
@ -2148,7 +2150,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: #e6e6e6; background-color: #E6E6E6;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -2181,13 +2183,13 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
} }
.calendar_calDayTodos .calendar_calDayTodosHeader a img[src$="svg"] { .calendar_calDayTodos .calendar_calDayTodosHeader a img[src$="svg"] {
background-color: #0c5da5; background-color: #0c5da5;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5); background-image: -moz-linear-gradient(top, #0C5DA5, #0C5DA5);
background-image: -ms-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-gradient(linear, 0 0, 0 100%, from(#0C5DA5), to(#0C5DA5));
background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5); background-image: -webkit-linear-gradient(top, #0C5DA5, #0C5DA5);
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;
} }
.calendar_calDayTodos .calendar_calDayTodosHeader a img { .calendar_calDayTodos .calendar_calDayTodosHeader a img {
@ -2208,7 +2210,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
-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; background-color: #E6E6E6;
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
@ -2219,7 +2221,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
background-color: inherit; background-color: inherit;
} }
.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: #f2f2f2; background: #f2f2f2;
@ -2229,13 +2231,13 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
} }
.calendar_calDayTodos .calendar_calDayTodosTable table td img[src$="svg"] { .calendar_calDayTodos .calendar_calDayTodosTable table td img[src$="svg"] {
background-color: #0c5da5; background-color: #0c5da5;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5); background-image: -moz-linear-gradient(top, #0C5DA5, #0C5DA5);
background-image: -ms-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-gradient(linear, 0 0, 0 100%, from(#0C5DA5), to(#0C5DA5));
background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5); background-image: -webkit-linear-gradient(top, #0C5DA5, #0C5DA5);
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;
} }
.calendar_calDayTodos .calendar_calDayTodosTable table td img { .calendar_calDayTodos .calendar_calDayTodosTable table td img {
@ -2404,7 +2406,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: #e6e6e6; background-color: #E6E6E6;
padding-left: 30px; padding-left: 30px;
background-position: 6px center; background-position: 6px center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2414,13 +2416,13 @@ button#series {
} }
button#series img[url*="svg"] { button#series img[url*="svg"] {
background-color: #b4b4b4; background-color: #b4b4b4;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #b4b4b4, #b4b4b4); background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4);
background-image: -ms-linear-gradient(top, #b4b4b4, #b4b4b4); background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#b4b4b4)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4));
background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4); background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4);
background-image: -o-linear-gradient(top, #b4b4b4, #b4b4b4); background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4);
background-image: linear-gradient(top, #b4b4b4, #b4b4b4); background-image: linear-gradient(top, #B4B4B4, #B4B4B4);
background-repeat: repeat-x; background-repeat: repeat-x;
fill: red; fill: red;
} }
@ -2461,7 +2463,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: #e6e6e6; background-color: #E6E6E6;
padding-left: 30px; padding-left: 30px;
background-position: 6px center; background-position: 6px center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2471,13 +2473,13 @@ button#exception {
} }
button#exception img[url*="svg"] { button#exception img[url*="svg"] {
background-color: #b4b4b4; background-color: #b4b4b4;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #b4b4b4, #b4b4b4); background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4);
background-image: -ms-linear-gradient(top, #b4b4b4, #b4b4b4); background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#b4b4b4)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4));
background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4); background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4);
background-image: -o-linear-gradient(top, #b4b4b4, #b4b4b4); background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4);
background-image: linear-gradient(top, #b4b4b4, #b4b4b4); background-image: linear-gradient(top, #B4B4B4, #B4B4B4);
background-repeat: repeat-x; background-repeat: repeat-x;
fill: red; fill: red;
} }
@ -2545,22 +2547,22 @@ div#calendar-container div.calendar table {
font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
} }
div#calendar-container div.calendar table thead .button { div#calendar-container div.calendar table thead .button {
background-color: #ffdd73; background-color: #FFDD73;
} }
div#calendar-container div.calendar table thead .title { div#calendar-container div.calendar table thead .title {
border: none; border: none;
box-shadow: none; box-shadow: none;
-webkit-box-shadow: none; -webkit-box-shadow: none;
background-color: #ffdd73; background-color: #FFDD73;
} }
div#calendar-container div.calendar table thead .headrow { div#calendar-container div.calendar table thead .headrow {
color: #1e1e1e; color: #1E1E1E;
} }
div#calendar-container div.calendar table thead .headrow td { div#calendar-container div.calendar table thead .headrow td {
background-color: #ffc200; background-color: #ffc200;
} }
div#calendar-container div.calendar table thead .daynames { div#calendar-container div.calendar table thead .daynames {
background-color: #679fd2; background-color: #679FD2;
} }
div#calendar-container div.calendar table tbody tr.daysrow:hover { div#calendar-container div.calendar table tbody tr.daysrow:hover {
background-color: #ffc200; background-color: #ffc200;