css fullcalendar.css VS fullcalendar2.css

Posted 2021-05-13

Comparing Versions fullcalendar.css VS fullcalendar2.css

fullcalendar
.fc table {
border-collapse: collapse;
border-spacing: 0;
}
fullcalendar2
.fc table {
border-collapse: collapse;
border-spacing: 1;
}

fullcalendar
.fc-view {
width: 100%;
overflow: hidden;
}

fullcalendar2
.fc-view {
width: 50%;
overflow: hidden;
}

fullcalendar
.fc-event {
border: 1px solid #3a87ad; / default BORDER color /
background-color: #3a87ad; / default BACKGROUND color /
color: #fff; / default TEXT color /
font-size: .85em;
cursor: pointer;
}

fullcalendar2
.fc-event {
border: 1px solid #3a87ad; / default BORDER color /
background-color: #0066CC; / default BACKGROUND color /
color: #fff; / default TEXT color /
font-size: 1em;
cursor: pointer;
}

fullcalendar
.fc-event {
border: 1px solid #3a87ad; / default BORDER color /
background-color: #3a87ad; / default BACKGROUND color /
color: #fff; / default TEXT color /
font-size: .85em;
cursor: pointer;
}

fullcalendar2
.fc-event {
border: 1px solid #3a87ad; / default BORDER color /
background-color: #0066CC; / default BACKGROUND color /
color: #fff; / default TEXT color /
font-size: 1em;
cursor: pointer;
}

fullcalendar
.fc-event-time,
.fc-event-title {
padding: 0 1px;
}

fullcalendar2

.fc-event-title {
padding:1px 0px 1px .1px;
}

fullcalendar
.fc-event-hori .ui-resizable-handle {
_padding-bottom: 14px; / IE6 had 0 height /
}
fullcalendar2
.fc-event-hori .ui-resizable-handle {
_padding-bottom: 4px; / IE6 had 0 height /
}

fullcalendar
.fc .fc-week-number {
width: 22px;
text-align: center;
}

fullcalendar2
.fc .fc-week-number {
width: 2px;
text-align: center;
}

fullcalendar
.fc-grid .fc-day-content {
clear: both;
padding: 2px 2px 1px; / distance between events and day edges /
}
fullcalendar2
.fc-grid .fc-day-content {
clear: both;
padding: 2px 2px 1px ; / distance between events and day edges /
}

Before
After