You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
196 lines
2.7 KiB
196 lines
2.7 KiB
.enable_plugin_fullcalendar() when(@enable-plugin-fullcalendar = true) {
|
|
|
|
//calendar
|
|
.fc-header-title > h2 {
|
|
font-size: 22px;
|
|
color: #65A0CE;
|
|
}
|
|
|
|
.fc-widget-header,
|
|
.fc-widget-content {
|
|
border: 1px solid #BCD4E5;
|
|
}
|
|
|
|
.fc-state-highlight {
|
|
background: #FFC;
|
|
}
|
|
.fc-event-skin {
|
|
border:none !important; /* default BORDER color */
|
|
background-color:#ABBAC3;
|
|
padding:0 0 1px 2px;
|
|
|
|
.label-yellow & { color:#996633; }
|
|
.label-light & { color:#888; }
|
|
|
|
[class*="label-"] > & , [class*="label-"] > & > .fc-event-skin.fc-event-head {
|
|
background-color: inherit;
|
|
}
|
|
|
|
&.ui-draggable-dragging {
|
|
cursor:move;
|
|
}
|
|
|
|
&.fc-event-vert , .fc-event-vert > &
|
|
{
|
|
padding:0 0 1px;
|
|
}
|
|
}
|
|
|
|
|
|
.fc-grid .fc-day-number {
|
|
color:#2E6589;
|
|
}
|
|
|
|
.fc-widget-header {
|
|
background:#ECF2F7;
|
|
color:#8090A0;
|
|
}
|
|
//
|
|
//.fc-grid th , th.fc-widget-header{
|
|
// height:28px;
|
|
// vertical-align:middle !important;
|
|
//}
|
|
|
|
.fc-event-hori , .fc-event-vert {
|
|
border-radius:0 !important;
|
|
border-color:transparent;
|
|
}
|
|
.fc-event-vert {
|
|
.fc-event-content {
|
|
padding-left:1px;
|
|
padding-right:1px;
|
|
}
|
|
.fc-event-time {
|
|
padding:0;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.fc-state-default {
|
|
& , & .fc-button-inner {
|
|
border:none;
|
|
background-color:#ABBAC3;
|
|
color:#FFF;
|
|
background-image:none;
|
|
box-shadow:none;
|
|
text-shadow:none;
|
|
|
|
border-radius:0 !important;
|
|
margin-left:2px;
|
|
}
|
|
|
|
border:none;
|
|
.fc-button-effect {
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
.fc-state-disabled {
|
|
& , & .fc-button-inner {
|
|
.opacity(0.75);
|
|
color:#DDD;
|
|
}
|
|
}
|
|
|
|
|
|
.fc-state-active {
|
|
& , & .fc-button-inner {
|
|
border-color:#4F99C6;
|
|
background-color:#6FB3E0;
|
|
}
|
|
}
|
|
.fc-state-hover {
|
|
& , & .fc-button-inner {
|
|
background-color:#8B9AA3;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
.external-event {
|
|
margin:6px 0;
|
|
padding:0;
|
|
|
|
cursor:default;
|
|
display:block;
|
|
|
|
color:#FFF;
|
|
background-color:#ABBAC3;
|
|
font-size: @baseFontSize;
|
|
line-height: 28px;
|
|
|
|
&:hover {
|
|
.opacity(1);
|
|
}
|
|
&.ui-draggable-dragging {
|
|
cursor:move;
|
|
}
|
|
|
|
|
|
> .@{icon}:first-child {// the move & drag icon
|
|
display: inline-block; height:32px; width:32px;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
margin-right: 5px;
|
|
|
|
font-size: floor(@baseFontSize * 1.2);
|
|
|
|
border-right:1px solid #FFF;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//calendar inside widget-box --- not complete yet
|
|
/**
|
|
.widget-main {
|
|
.fc {
|
|
position:relative;
|
|
top:-40px;
|
|
|
|
> .fc-header {
|
|
position:relative;
|
|
z-index:10;
|
|
}
|
|
|
|
.fc-header-space {
|
|
padding-left:2px;
|
|
}
|
|
}
|
|
|
|
.fc-header-title > h2 {
|
|
font-size: floor(@baseFontSize * 1.4);
|
|
line-height: 36px;
|
|
}
|
|
|
|
.fc-content {
|
|
top:-14px;
|
|
z-index:11;
|
|
}
|
|
|
|
.fc-button-content {
|
|
height:37px;
|
|
line-height:36px;
|
|
}
|
|
|
|
}
|
|
*/
|
|
|
|
|
|
|
|
//calendar
|
|
@media only screen and (max-width: @screen-xs) {
|
|
.fc-header td {
|
|
display:block;
|
|
width:auto;
|
|
text-align:left;
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
.enable_plugin_fullcalendar();
|