.fc-widget-header, /* <th>, usually */
.fc-widget-content { /* <td>, usually */
- border: 1px solid #ddd;
+ border: 1px solid @gray-light;
}
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
- background: #fcf8e3;
+ background: @brand-warning; //#fcf8e3
}
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
- background: #bce8f1;
+ background: @brand-info; //#bce8f1
opacity: .3;
filter: alpha(opacity=30); /* for IE */
}
.fc-state-default {
background-color: @well-bg;
- background-image: -moz-linear-gradient(top, @white, #e6e6e6);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@white), to(#e6e6e6));
- background-image: -webkit-linear-gradient(top, @white, #e6e6e6);
- background-image: -o-linear-gradient(top, @white, #e6e6e6);
- background-image: linear-gradient(to bottom, @white, #e6e6e6);
+ background-image: -moz-linear-gradient(top, @body-bg, @gray-light);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@body-bg), to(@gray-light));
+ background-image: -webkit-linear-gradient(top, @body-bg, @gray-light);
+ background-image: -o-linear-gradient(top, @body-bg, @gray-light);
+ background-image: linear-gradient(to bottom, @body-bg, @gray-light);
background-repeat: repeat-x;
- border-color: #e6e6e6 #e6e6e6 #bfbfbf;
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
- color: #333;
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+ border-color: @gray-light @gray-light @gray-light;
+ border-color: @black-opacity-20 @black-opacity-20 @black-opacity-50;
+ color: @gray-dark;
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
- color: #333333;
- background-color: #e6e6e6;
+ color: @gray-dark;
+ background-color: @gray-light;
}
.fc-state-hover {
- color: #333333;
+ color: @gray-dark;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
.fc-state-down,
.fc-state-active {
- background-color: #cccccc;
+ background-color: @gray-light;
background-image: none;
outline: 0;
- box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+ box-shadow: inset 0 2px 4px @black-opacity-20, 0 1px 2px @black-opacity-20;
}
.fc-state-disabled {
}
.fc-event {
- border: 1px solid #3a87ad; /* default BORDER color */
- background-color: #3a87ad; /* default BACKGROUND color */
- color: #fff; /* default TEXT color */
+ border: 1px solid @brand-primary; //#3a87ad; /* default BORDER color */
+ background-color: @brand-primary; //#3a87ad; /* default BACKGROUND color */
+ color: @body-bg; /* default TEXT color */
font-size: .85em;
cursor: default;
}
}
.fc-widget-header .fc-agenda-divider-inner {
- background: #eee;
+ background: @gray-lighter;
}
/* slot rows */
left: 0;
width: 100%;
height: 100%;
- background: #fff;
+ background: @body-bg;
opacity: .25;
filter: alpha(opacity=25);
}