source: pro-violet-viettel/sourcecode/assets/css/less/thirdparty-calendar.less @ 775

Last change on this file since 775 was 313, checked in by dungnv, 11 years ago
File size: 2.5 KB
Line 
1/* full calendar */
2.fc-header-title > h2 {
3        font-size:22px;
4        color:#65A0CE;
5}
6
7.fc-widget-header,
8.fc-widget-content {
9        border: 1px solid #BCD4E5;
10}
11       
12.fc-state-highlight {
13        background: #FFC;
14}
15.fc-event-skin {
16        border:none !important;     /* default BORDER color */
17        background-color:#ABBAC3;
18        padding:0 0 1px 2px;
19       
20        .label-yellow & { color:#996633; }
21        .label-light & { color:#888; }
22       
23        [class*="label-"] > & , [class*="label-"] > & > .fc-event-skin.fc-event-head {
24                background-color: inherit;
25        }
26       
27        &.ui-draggable-dragging {
28                cursor:move;
29        }
30       
31        &.fc-event-vert , .fc-event-vert > &
32        {
33                padding:0 0 1px;
34        }
35}
36
37
38.fc-grid .fc-day-number {
39        color:#2E6589;
40}
41
42.fc-widget-header {
43        background:#ECF2F7;
44        color:#8090A0;
45}
46//
47//.fc-grid th  , th.fc-widget-header{
48//      height:28px;
49//      vertical-align:middle !important;
50//}
51
52.fc-event-hori , .fc-event-vert {
53        border-radius:0 !important;
54        border-color:transparent;
55}
56.fc-event-vert {
57        .fc-event-content  {
58                padding-left:1px;
59                padding-right:1px;
60        }
61        .fc-event-time {
62                padding:0;
63        }
64}
65
66
67
68.fc-state-default {
69        & , & .fc-button-inner {
70                border:none;
71                background-color:#ABBAC3;
72                color:#FFF;
73                background-image:none;
74                box-shadow:none;
75                text-shadow:none;
76               
77                border-radius:0 !important;
78                margin-left:2px;
79        }
80       
81        border:none;
82        .fc-button-effect {
83                display:none;
84        }
85}
86
87.fc-state-disabled {
88        & , & .fc-button-inner {
89                .opacity(0.75);
90                color:#DDD;
91        }
92}
93
94
95.fc-state-active {
96        & , & .fc-button-inner {
97                border-color:#4F99C6;
98                background-color:#6FB3E0;
99        }
100}
101.fc-state-hover {
102        & , & .fc-button-inner {
103                background-color:#8B9AA3;
104        }
105}
106
107
108
109
110.external-event {
111  margin:6px 0;
112  padding:0;
113 
114  cursor:default;
115  display:block;
116 
117  color:#FFF;
118  background-color:#ABBAC3;
119  font-size:13px; line-height:28px;
120 
121  &:hover {
122        .opacity(1);
123  }
124  &.ui-draggable-dragging {
125        cursor:move;
126  }
127
128
129  > [class*="icon-"]:first-child { /* the move & drag icon */
130        display:inline-block; height:32px; width:32px;
131        text-align:center;
132        line-height:30px;
133        margin-right:5px;
134 
135        font-size:15px;
136 
137        border-right:1px solid #FFF;
138 } 
139}
140
141
142
143
144
145/* calendar inside widget-box --- not complete yet */
146.widget-main {
147        .fc {
148                position:relative;
149                top:-40px;
150               
151                > .fc-header {
152                        position:relative;
153                        z-index:10;
154                }
155               
156                .fc-header-space {
157                        padding-left:2px;
158                }
159        }
160       
161        .fc-header-title > h2 {
162                font-size:18px;
163                line-height:36px;
164        }
165       
166        .fc-content {
167                top:-14px;
168                z-index:11;
169        }
170       
171        .fc-button-content {
172                height:37px;
173                line-height:36px;
174        }
175       
176}
177
178
179
180
181/* calendar */
182@media only screen and (max-width: @screen-xs) {
183 .fc-header td {
184  display:block;
185  width:auto;
186  text-align:left;
187 }
188}
Note: See TracBrowser for help on using the repository browser.