Просмотр архива CIFullCalendar v3


#loading {
 
  position: fixed;
  top: 50%;
  left: 50%;
  z-index:
1050; 
 
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
  
       border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px
7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0,
0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
 
-webkit-background-clip: padding-box;
     -moz-background-clip:
padding-box;
          background-clip: padding-box;
} 	
  
#calendar
{
  position: relative;
}

@media(max-width:468px) {
 	.fc-toolbar
.fc-center { 
	  padding-top: 60px;
	} 
} 

.fc-event {
  padding:
2px;
}

.fc-past {
  background: rgba(245, 245, 245, 0.03)
!important;
}

.fc-future {
  background: rgba(252, 248, 227, 0.4)
!important;
}

.fc-day-number {
  margin: 2px 2px 0 0;
}
 
.fc-today
.fc-day-number {
  font-weight: bold;
}

.fc-state-highlight {
 
background: #FCE3E3 !important;
}


/* Buttons (styled <button>
tags, normalized to work
cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc-button
{
  color: #858585 !important;
  height: 40px !important;
  line-height:
40px !important;
  opacity: 0.6;
}

.fc-button:hover {
  opacity:
1;
}

.fc-button-prev, .fc-button-next {
  padding: 0;
  width: 40px
!important;
  line-height: 40px !important;
  text-align: center;
 
position: relative;
  text-indent: -9999px;
}

.fc-button-prev
.fc-text-arrow, .fc-button-next .fc-text-arrow {
  font-weight:
bold;
}

.fc-button-prev:after, .fc-button-next:after {
  font-family:
FontAwesome;
  text-indent: 0;
  width: 40px;
  height: 40px;
 
position: absolute;
  top: 0;
  left: 0;
}

.fc-button-prev:after {
 
content: "\f104";
}

.fc-button-next:after {
  content:
"\f105";
}

.fc-state-default {
  background-color: #ffffff
!important;
  background-image: none !important;
  border-color: #DDDDDD
!important;
  box-shadow: none !important;
  color: #A8A8A8;
 
text-shadow: none !important;
  border-radius: 0
!important;
}

.fc-state-down, .fc-state-active {
  opacity:
1;
}

.fc-icon:after {
	position: relative;
	margin: 0 0
!important;
}


/*
Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar
.fc-left {
  position: absolute !important;
  top: 0;
  left: 0;

}

.fc-toolbar .fc-right {
  position: absolute !important;
  top:
0;
  right: 0; 
}
 
.fc-toolbar .fc-center h2 {
  color: #A8A8A8;
 
font-family: 'Open Sans', sans-serif;
  font-weight: 200;
 
letter-spacing: -1px;
}
  
 
/* Event
Contents
--------------------------------------------------------------------------------------------------*/


.fc-border-separate div.fc-end div.fc-not-end th {
  border-top: none
!important;
  border-left: none !important;
}

.fc-border-separate
div.fc-end {
  border-right: none !important;
}

.fc-day-grid-container
div {
  text-align: left;
}

.fc-view-month .fc-event-time {
 
display: none;
}
 
.fc-event .fc-view-container >
span:first-child:before, .fc-resizable:before {
  font-family:
FontAwesome;
  font-size: 7px;
  line-height: 10px;
  padding-right:
4px;
  float: left;
}

.fc-day-grid-event .fc-resizable {
  top: 0    
      !important; /* importants override pre jquery ui 1.7 styles */
 
right: -3px      !important;
  width: 18px       !important;
  height:
100%     !important;
  cursor: e-resize;
}

.fc-resizable:before {
 
content: "\f0b2";
}

.fc-day-number {
	text-align:
left;
	line-height: 2em; 
	font-weight: bold;
}

.fc-list-header-left
{
	float: left;
	padding-left: 5px;
}

.fc-list-header-right
{
	float: right;
	padding-right: 5px; 
}

/* External
Contents
--------------------------------------------------------------------------------------------------*/

#external-events {   
	font-size: 16px;
	padding: 2px 50px 10px
20px;
}
 
#external-events .fc-event, 
#external-events .fc-draggable
{
	cursor: move; /* give events with links and draggable events a hand
mouse pointer */
}
 
#external-events .ui-draggable{ /* the generic
.fc-bg already does position */
	z-index: 1;  
}

#external-events >
div { 
	margin: 3px 0;    
	line-height: 1.3;
	border-radius: 3px;

	font-weight: normal;  
}

#external-events  >
div:first-child:before, .ui-draggable:before {
  font-family:
FontAwesome;
  font-size: 7px;
  line-height: 10px;
  padding-right:
4px;
  float: left;
}
 
.ui-draggable:before {
  content:
"\f0b2";
}