thirdparty-calendar.less 2.69 KB
.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();