Changeset View
Changeset View
Standalone View
Standalone View
plugins/calendar/skins/larry/calendar.css
Show First 20 Lines • Show All 63 Lines • ▼ Show 20 Lines | |||||
#datepicker td.ui-datepicker-activerange { | #datepicker td.ui-datepicker-activerange { | ||||
border-color: #69a2b6; | border-color: #69a2b6; | ||||
} | } | ||||
#datepicker .ui-datepicker-activerange a { | #datepicker .ui-datepicker-activerange a { | ||||
color: #185d7a; | color: #185d7a; | ||||
background: #d9f1fb; | background: #d9f1fb; | ||||
background: -moz-linear-gradient(top, #d9f1fb 0%, #c5e3ee 100%); | |||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9f1fb), color-stop(100%,#c5e3ee)); | |||||
background: -o-linear-gradient(top, #d9f1fb 0%, #c5e3ee 100%); | |||||
background: -ms-linear-gradient(top, #d9f1fb 0%, #c5e3ee 100%); | |||||
background: linear-gradient(top, #d9f1fb 0%, #c5e3ee 100%); | |||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9f1fb', endColorstr='#c5e3ee', GradientType=0); | |||||
} | } | ||||
#datepicker .ui-datepicker-days-cell-over a.ui-state-default { | #datepicker .ui-datepicker-days-cell-over a.ui-state-default { | ||||
color: #fff; | color: #fff; | ||||
border-color: #2fa0c0; | border-color: #2fa0c0; | ||||
background: rgba(73,180,210,0.6); | background: rgba(73,180,210,0.6); | ||||
text-shadow: 0px 1px 1px #666; | |||||
filter: none; | filter: none; | ||||
} | } | ||||
#datepicker .ui-datepicker-activerange a.ui-state-active { | #datepicker .ui-datepicker-activerange a.ui-state-active { | ||||
color: #fff; | color: #fff; | ||||
background: #00acd4; | background: #00acd4; | ||||
background: -moz-linear-gradient(top, #00acd4 0%, #008fc7 100%); | |||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00acd4), color-stop(100%,#008fc7)); | |||||
background: -o-linear-gradient(top, #00acd4 0%, #008fc7 100%); | |||||
background: -ms-linear-gradient(top, #00acd4 0%, #008fc7 100%); | |||||
background: linear-gradient(top, #00acd4 0%, #008fc7 100%); | |||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00acd4', endColorstr='#008fc7', GradientType=0); | |||||
} | } | ||||
#datepicker td.ui-datepicker-week-col { | #datepicker td.ui-datepicker-week-col { | ||||
cursor: pointer; | cursor: pointer; | ||||
} | } | ||||
#datepicker .ui-datepicker-title { | #datepicker .ui-datepicker-title { | ||||
margin: 2px 2.3em 3px 2.3em; | margin: 2px 2.3em 3px 2.3em; | ||||
▲ Show 20 Lines • Show All 143 Lines • ▼ Show 20 Lines | |||||
#calendars .treelist.flat li span.calname { | #calendars .treelist.flat li span.calname { | ||||
left: 24px; | left: 24px; | ||||
right: 42px; | right: 42px; | ||||
} | } | ||||
#calendars .treelist li span.handle { | #calendars .treelist li span.handle { | ||||
display: inline-block; | display: inline-block; | ||||
position: absolute; | position: absolute; | ||||
top: 8px; | top: 7px; | ||||
right: 6px; | right: 6px; | ||||
padding: 0; | padding: 0; | ||||
width: 10px; | width: 11px; | ||||
height: 10px; | height: 11px; | ||||
border-radius: 7px; | border-radius: 8px; | ||||
font-size: 0.8em; | font-size: 0.8em; | ||||
border: 1px solid rgba(0, 0, 0, 0.5); | border: 1px solid rgba(0, 0, 0, 0.4); | ||||
-webkit-box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.3); | |||||
-moz-box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.3); | |||||
box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.3); | |||||
} | } | ||||
#calendars .treelist div span.actions { | #calendars .treelist div span.actions { | ||||
display: inline-block; | display: inline-block; | ||||
position: absolute; | position: absolute; | ||||
top: 2px; | top: 2px; | ||||
right: 22px; | right: 22px; | ||||
padding: 5px 20px 0 6px; | padding: 5px 20px 0 6px; | ||||
/* min-width: 40px; */ | /* min-width: 40px; */ | ||||
height: 19px; | height: 19px; | ||||
text-align: right; | text-align: right; | ||||
z-index: 4; | z-index: 4; | ||||
} | } | ||||
#calendars .treelist div:hover span.actions { | #calendars .treelist div:hover span.actions { | ||||
top: 1px; | top: 1px; | ||||
right: 21px; | right: 21px; | ||||
border: 1px solid #c6c6c6; | border: 1px solid #ababab; | ||||
border-radius: 4px; | border-radius: 4px; | ||||
background: #f7f7f7; | background: #f1f1f1; | ||||
background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); | |||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6)); | |||||
background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); | |||||
background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); | |||||
background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); | |||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6e6e6', GradientType=0); | |||||
} | } | ||||
#calendars .treelist li a.subscribed { | #calendars .treelist li a.subscribed { | ||||
display: inline-block; | display: inline-block; | ||||
position: absolute; | position: absolute; | ||||
top: 5px; | top: 5px; | ||||
right: 3px; | right: 3px; | ||||
height: 16px; | height: 16px; | ||||
▲ Show 20 Lines • Show All 125 Lines • ▼ Show 20 Lines | |||||
#calendars .treelist .calendar .count { | #calendars .treelist .calendar .count { | ||||
position: absolute; | position: absolute; | ||||
display: inline-block; | display: inline-block; | ||||
top: 5px; | top: 5px; | ||||
right: 68px; | right: 68px; | ||||
min-width: 1.3em; | min-width: 1.3em; | ||||
padding: 2px 4px; | padding: 2px 4px; | ||||
background: #005d76; | background: #005d76; | ||||
background: -moz-linear-gradient(top, #005d76 0%, #004558 100%); | |||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005d76), color-stop(100%,#004558)); | |||||
background: -o-linear-gradient(top, #005d76 0%, #004558 100%); | |||||
background: -ms-linear-gradient(top, #005d76 0%, #004558 100%); | |||||
background: linear-gradient(to bottom, #005d76 0%, #004558 100%); | |||||
-webkit-box-shadow: inset 0 1px 1px 0 #002635; | |||||
box-shadow: inset 0 1px 1px 0 #002635; | |||||
border-radius: 10px; | border-radius: 10px; | ||||
color: #fff; | color: #fff; | ||||
text-align: center; | text-align: center; | ||||
font-style: normal; | font-style: normal; | ||||
font-weight: bold; | font-weight: bold; | ||||
text-shadow: none; | text-shadow: none; | ||||
z-index: 3; | z-index: 3; | ||||
} | } | ||||
▲ Show 20 Lines • Show All 91 Lines • ▼ Show 20 Lines | body.calendarmain #searchmenulink { | ||||
width: 15px; | width: 15px; | ||||
} | } | ||||
#eventedit.uidialog, | #eventedit.uidialog, | ||||
.calendarmain div.uidialog { | .calendarmain div.uidialog { | ||||
display: none; | display: none; | ||||
} | } | ||||
#calendarform { | |||||
overflow: visible; | |||||
} | |||||
#user { | #user { | ||||
position: absolute; | position: absolute; | ||||
top: 10px; | top: 10px; | ||||
right: 100px; | right: 100px; | ||||
left: 100px; | left: 100px; | ||||
text-align: center; | text-align: center; | ||||
} | } | ||||
▲ Show 20 Lines • Show All 66 Lines • ▼ Show 20 Lines | #edit-attachments { | ||||
margin: 0.6em 0; | margin: 0.6em 0; | ||||
} | } | ||||
#edit-attachments ul li { | #edit-attachments ul li { | ||||
display: block; | display: block; | ||||
color: #333; | color: #333; | ||||
font-weight: bold; | font-weight: bold; | ||||
padding: 4px 4px 3px 30px; | padding: 4px 4px 3px 30px; | ||||
text-shadow: 0px 1px 1px #fff; | |||||
text-decoration: none; | text-decoration: none; | ||||
white-space: nowrap; | white-space: nowrap; | ||||
line-height: 20px; | line-height: 20px; | ||||
} | } | ||||
#edit-attachments ul li a.file { | #edit-attachments ul li a.file { | ||||
padding: 0; | padding: 0; | ||||
} | } | ||||
▲ Show 20 Lines • Show All 91 Lines • ▼ Show 20 Lines | |||||
#attendees-freebusy-table h3.boxtitle, | #attendees-freebusy-table h3.boxtitle, | ||||
#schedule-freebusy-times thead th, | #schedule-freebusy-times thead th, | ||||
.edit-attendees-table thead th | .edit-attendees-table thead th | ||||
{ | { | ||||
color: #69939e; | color: #69939e; | ||||
font-size: 11px; | font-size: 11px; | ||||
font-weight: bold; | font-weight: bold; | ||||
background: #d6eaf3; | background: #d6eaf3; | ||||
background: -moz-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%); | |||||
background: -webkit-gradient(linear, left top, right top, color-stop(0,#e3f2f6), color-stop(8%,#d6eaf3), color-stop(100%,#d6eaf3)); | |||||
background: -o-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%); | |||||
background: -ms-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px ,#d6eaf3 100%); | |||||
background: linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%); | |||||
border: 0; | border: 0; | ||||
border-bottom: 1px solid #ccc; | border-bottom: 1px solid #ccc; | ||||
height: 18px; | height: 18px; | ||||
line-height: 18px; | line-height: 18px; | ||||
padding: 8px 7px 3px 7px; | padding: 8px 7px 3px 7px; | ||||
} | } | ||||
/* jQuery UI overrides */ | /* jQuery UI overrides */ | ||||
▲ Show 20 Lines • Show All 812 Lines • ▼ Show 20 Lines | #agendaoptions { | ||||
right: 0; | right: 0; | ||||
height: auto; | height: auto; | ||||
z-index: 10; | z-index: 10; | ||||
padding: 4px 5px; | padding: 4px 5px; | ||||
border: 1px solid #c3c3c3; | border: 1px solid #c3c3c3; | ||||
border-top-color: #ddd; | border-top-color: #ddd; | ||||
border-bottom-color: #bbb; | border-bottom-color: #bbb; | ||||
border-radius: 0 0 4px 4px; | border-radius: 0 0 4px 4px; | ||||
background: #ebebeb; | background: #eaeaea; | ||||
background: -moz-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); | |||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#c6c6c6)); | |||||
background: -o-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); | |||||
background: -ms-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); | |||||
background: linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); | |||||
} | } | ||||
#agendaoptions label { | #agendaoptions label { | ||||
text-shadow: 1px 1px #fff; | text-shadow: 1px 1px #fff; | ||||
padding-right: 0.5em; | padding-right: 0.5em; | ||||
} | } | ||||
#calendar-kolabform { | #calendar-kolabform { | ||||
▲ Show 20 Lines • Show All 127 Lines • ▼ Show 20 Lines | |||||
/* fullcalendar style overrides */ | /* fullcalendar style overrides */ | ||||
.rcube-fc-content { | .rcube-fc-content { | ||||
overflow: hidden; | overflow: hidden; | ||||
border: 0; | border: 0; | ||||
border-radius: 4px; | border-radius: 4px; | ||||
box-shadow: 0 0 2px #999; | |||||
-o-box-shadow: 0 0 2px #999; | |||||
-webkit-box-shadow: 0 0 2px #999; | |||||
-moz-box-shadow: 0 0 2px #999; | |||||
} | } | ||||
.calendarmain .fc-content { | .calendarmain .fc-content { | ||||
position: absolute !important; | position: absolute !important; | ||||
top: 40px; | top: 40px; | ||||
left: 0; | left: 0; | ||||
right: 0; | right: 0; | ||||
bottom: 0; | bottom: 0; | ||||
Show All 15 Lines | #quickview-calendar { | ||||
padding: 8px; | padding: 8px; | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
.calendarmain .fc-button, | .calendarmain .fc-button, | ||||
.calendarmain .fc-button.fc-state-default, | .calendarmain .fc-button.fc-state-default, | ||||
.calendarmain .fc-button.fc-state-hover { | .calendarmain .fc-button.fc-state-hover { | ||||
background-color: #f5f5f5; | background-color: #f5f5f5; | ||||
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); | |||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); | |||||
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); | |||||
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); | |||||
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); | |||||
background-position: 0 0; | |||||
} | } | ||||
.calendarmain #calendar .fc-button, | .calendarmain #calendar .fc-button, | ||||
.calendarmain #calendar .fc-button.fc-state-default, | .calendarmain #calendar .fc-button.fc-state-default, | ||||
.calendarmain #calendar .fc-button.fc-state-hover { | .calendarmain #calendar .fc-button.fc-state-hover { | ||||
margin: 0 0 0 0; | margin: -2px 0 0 0; | ||||
height: 20px; | height: 24px; | ||||
line-height: 20px; | line-height: 24px; | ||||
color: #505050; | color: #333; | ||||
text-shadow: 0px 1px 1px #fff; | border: 1px solid #ababab; | ||||
border: 1px solid #e6e6e6; | background: #f1f1f1; | ||||
background: #d8d8d8; | |||||
background: -moz-linear-gradient(top, #d8d8d8 0%, #bababa 100%); | |||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#bababa)); | |||||
background: -o-linear-gradient(top, #d8d8d8 0%, #bababa 100%); | |||||
background: -ms-linear-gradient(top, #d8d8d8 0%, #bababa 100%); | |||||
background: linear-gradient(top, #d8d8d8 0%, #bababa 100%); | |||||
box-shadow: 0 1px 1px 0 #999; | |||||
-o-box-shadow: 0 1px 1px 0 #999; | |||||
-webkit-box-shadow: 0 1px 1px 0 #999; | |||||
-moz-box-shadow: 0 1px 1px 0 #999; | |||||
text-decoration: none; | text-decoration: none; | ||||
text-shadow: none; | |||||
} | } | ||||
.calendarmain #calendar .fc-button.fc-state-disabled { | .calendarmain #calendar .fc-button.fc-state-disabled { | ||||
color: #999; | color: #666; | ||||
background: #d8d8d8; | |||||
} | } | ||||
.calendarmain .fc-button.fc-state-active, | .calendarmain .fc-button.fc-state-active, | ||||
.calendarmain .fc-button.fc-state-down, | .calendarmain .fc-button.fc-state-down, | ||||
.calendarmain #calendar .fc-button.fc-state-active, | .calendarmain #calendar .fc-button.fc-state-active, | ||||
.calendarmain #calendar .fc-button.fc-state-down { | .calendarmain #calendar .fc-button.fc-state-down { | ||||
color: #333; | color: #333; | ||||
background: #bababa; | background: #f1f1f1; | ||||
background: -moz-linear-gradient(top, #bababa 0%, #d8d8d8 100%); | box-shadow: none; | ||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#d8d8d8)); | |||||
background: -o-linear-gradient(top, #bababa 0%, #d8d8d8 100%); | |||||
background: -ms-linear-gradient(top, #bababa 0%, #d8d8d8 100%); | |||||
background: linear-gradient(top, #bababa 0%, #d8d8d8 100%); | |||||
} | } | ||||
.calendarmain #calendar .fc-header .fc-button { | .calendarmain #calendar .fc-header .fc-button { | ||||
margin-left: -1px; | margin-left: -1px; | ||||
margin-right: 0; | margin-right: 0; | ||||
} | } | ||||
.calendarmain #calendar .fc-header-left .fc-button { | .calendarmain #calendar .fc-header-left .fc-button { | ||||
▲ Show 20 Lines • Show All 240 Lines • ▼ Show 20 Lines | |||||
.fc-sat, .fc-sun { | .fc-sat, .fc-sun { | ||||
background-color: rgba(198,198,198, 0.08); | background-color: rgba(198,198,198, 0.08); | ||||
} | } | ||||
.calendarmain .fc-state-highlight { | .calendarmain .fc-state-highlight { | ||||
background-color: rgba(233,198,14, 0.12); | background-color: rgba(233,198,14, 0.12); | ||||
} | } | ||||
.fc-widget-header, | |||||
.fc-widget-content { | |||||
border-color: #bbd3da !important; | |||||
} | |||||
.fc-widget-header .fc-agenda-divider-inner { | |||||
background: #cad2d9 !important; | |||||
} | |||||
.fc-widget-header { | .fc-widget-header { | ||||
background-color: #d6eaf3; | background-color: #d6eaf3; | ||||
color: #004458; | color: #004458; | ||||
text-shadow: 0px 1px 1px #fff; | text-shadow: 0px 1px 1px #fff; | ||||
} | } | ||||
.fc-view thead th.fc-widget-header { | .fc-view thead th.fc-widget-header { | ||||
padding: 8px 0; | padding: 8px 0; | ||||
Show All 28 Lines | |||||
} | } | ||||
.calendarmain .fc-view-table td.fc-list-header { | .calendarmain .fc-view-table td.fc-list-header { | ||||
color: #004458; | color: #004458; | ||||
font-size: 12px; | font-size: 12px; | ||||
} | } | ||||
.calendarmain .fc-view-table tr.fc-event td { | .calendarmain .fc-view-table tr.fc-event td { | ||||
border-color: #ddd; | border-color: #bbd3da; | ||||
padding: 4px 7px; | padding: 6px 8px; | ||||
white-space: nowrap; | white-space: nowrap; | ||||
overflow: hidden; | overflow: hidden; | ||||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||||
} | } | ||||
.calendarmain .fc-view-table tr.fc-event td.fc-event-handle { | .calendarmain .fc-view-table tr.fc-event td.fc-event-handle { | ||||
padding: 5px 0 2px 7px; | padding: 6px 0 2px 7px; | ||||
width: 12px; | width: 12px; | ||||
} | } | ||||
.calendarmain .fc-view-table .fc-event-handle .fc-event-skin { | .calendarmain .fc-view-table .fc-event-handle .fc-event-skin { | ||||
margin: 0; | margin: 0; | ||||
padding: 0; | padding: 0; | ||||
display: inline-block; | display: inline-block; | ||||
width: 10px; | width: 10px; | ||||
height: 10px; | height: 10px; | ||||
font-size: 6px; | font-size: 6px; | ||||
border-radius: 8px; | border-radius: 8px; | ||||
} | } | ||||
.calendarmain .fc-view-table .fc-event-handle .fc-event-inner { | .calendarmain .fc-view-table .fc-event-handle .fc-event-inner { | ||||
display: inline-block; | display: inline-block; | ||||
width: 10px; | width: 10px; | ||||
height: 10px; | height: 10px; | ||||
padding: 0; | padding: 0; | ||||
margin: -1px; | margin: -1px; | ||||
font-size: 10px; | font-size: 10px; | ||||
border-radius: 8px; | border-radius: 8px; | ||||
border: 1px solid rgba(0, 0, 0, 0.4); | border: 1px solid rgba(0, 0, 0, 0.4); | ||||
-webkit-box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.3); | |||||
-moz-box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.3); | |||||
box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.3); | |||||
} | } | ||||
.calendarmain .fc-view-table col.fc-event-location { | .calendarmain .fc-view-table col.fc-event-location { | ||||
width: 25%; | width: 25%; | ||||
} | } | ||||
.fc-view-table table.fc-list-smart { | .fc-view-table table.fc-list-smart { | ||||
/* table-layout: auto; */ | /* table-layout: auto; */ | ||||
▲ Show 20 Lines • Show All 236 Lines • Show Last 20 Lines |