Make calendar date indicator in toolbar header more prominent

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

View File

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

View File

@ -69,6 +69,18 @@
#calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader > span.et2_label {
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
@ -89,6 +101,10 @@
#calendar-sidebox_cat_id ~ * {
vertical-align: top;
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 {
width: 100%;
@ -266,6 +282,12 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
.calendar_calBirthday a {
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 */
.calendar_calEventTooltip.calendar_calBirthday,
.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] {
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 {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label:hover {
overflow: visible;
width: auto;
background-color: inherit;
z-index: 100;
display: block;
position: static;
width: calc(42%);
margin-left: 58px;
color: white;
background-color: #2D6393;
text-align: center;
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
*/
@ -537,12 +568,17 @@ Hide subsequent headers in week view with non-consolidated owners
display: flex;
align-items: stretch;
}
#calendar-view_view.hideDayColHeader .calendar_calGridHeader > div {
height: auto;
}
.calendar_calGridHeader > label {
float: left;
font-size: 14px;
line-height: 27px;
width: 58px;
text-align: center;
position: absolute;
top: 0px;
}
.calendar_calGridHeader > span.et2_label {
position: absolute;
@ -591,7 +627,7 @@ Hide subsequent headers in week view with non-consolidated owners
/* alarm_date widget disabled class
*/
.calendar_alarm_date_display {
display: none;
display: none !important;
}
/*overwirte margin applied by egwGridView*/
.calendar_alarm_grid {
@ -647,6 +683,7 @@ Hide subsequent headers in week view with non-consolidated owners
-ms-transition: none !important;
transition: none !important;
opacity: 0.85;
-moz-opacity: 0.85;
/* set via inline style on runtime:
* top: depending on startime
* 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 {
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.8);
height: 5px;
content: "\02026";
left: 0px;
@ -720,7 +757,6 @@ Hide subsequent headers in week view with non-consolidated owners
}
.calendar_calDayColHeader .calendar_calEvent .calendar_calEventBody {
white-space: nowrap;
background-color: #f0f0f0;
}
.calendar_calEventTooltip {
padding-left: 6px;
@ -765,7 +801,7 @@ Hide subsequent headers in week view with non-consolidated owners
* background-color: depending on category
* 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 {
display: none;
@ -774,6 +810,9 @@ Hide subsequent headers in week view with non-consolidated owners
font-size: 8pt;
line-height: 10pt;
}
.calendar_calEvent[data-priority='3'] .calendar_calEventTitle {
color: red;
}
.calendar_calEventIcons {
position: absolute;
right: 0px;
@ -796,7 +835,7 @@ Hide subsequent headers in week view with non-consolidated owners
right: 2px;
height: 99%;
white-space: normal;
background-color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.8);
}
.calendar_calEventBody > p,
.calendar_calEventBodySmall > p {
@ -940,17 +979,18 @@ Hide subsequent headers in week view with non-consolidated owners
margin: 0px;
padding: 2px;
font-weight: bold;
height: 23px;
line-height: 23px;
}
.calendar_calDayTodos .calendar_calDayTodosTable {
overflow: auto;
position: absolute;
top: 2em;
top: 3em;
bottom: 8px;
width: 100%;
}
.calendar_calDayTodos {
width: 98%;
margin-left: 10px;
border: 1px solid silver;
}
.calendar_calDayTodosHeader {
@ -962,6 +1002,17 @@ Hide subsequent headers in week view with non-consolidated owners
.calendar_calDayTodosTable tr td span:first-child {
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) *
******************************************************/
@ -1040,6 +1091,9 @@ Hide subsequent headers in week view with non-consolidated owners
left: 10px;
top: 2px;
}
.calendar_plannerRowWidget.current_user {
background-color: rgba(0, 0, 0, 0.05);
}
.calendar_plannerRowWidget:hover {
background-color: rgba(103, 159, 210, 0.2);
}
@ -1341,8 +1395,10 @@ img.calendar_print_appicon {
}
/*weekend slideSwitch in toolbar*/
#calendar-toolbar_app_header {
font-weight: bold;
color: #616161;
font-size: 14px;
margin: auto;
height: 20px;
}
#calendar-toolbar_toolbar .et2_toolbar_more {
margin-top: 0;
@ -1420,6 +1476,16 @@ img.calendar_print_appicon {
#calendar-edit_role {
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*/
.egw_fw_content_browser_iframe img[src$="svg"] {
background-color: #828282 !important;
@ -2042,11 +2108,6 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
.calendar_calViewUserNameFirst:after {
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
*/
.calendar_calEvent {
@ -2225,11 +2286,6 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
background-color: #1aa200;
background-color: #189800 !important;
}
.calendar_calDayTodos {
width: 98%;
margin-left: 10px;
border: 1px solid silver;
}
.calendar_calDayTodosHeader {
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;
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
/* ###########################################################################################################################################
@ -2603,11 +2612,12 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
right: 2px;
}
#calendar-sidebox_date .ui-datepicker-year {
padding-right: 5px !important;
padding-right: 0px !important;
min-width: 65px;
}
#calendar-sidebox_date .ui-datepicker-month {
min-width: 60px;
padding-right: 0px !important;
}
#calendar-sidebox_date .ui-datepicker-header a span {
width: 20px;
@ -2658,6 +2668,12 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
#calendar_merge {
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 */
/* tablets and smartphones */

View File

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