Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1
/***
2
Fullcalendar
3
***/
4
 
5
/* External events */
6
 
7
.external-event {
8
  display: inline-block ;
9
  cursor:move;
10
  margin-bottom: 5px ;
11
  margin-left: 5px ;
12
}
13
 
14
.fc-scroller {
15
  overflow-y: auto;
16
  overflow-x: hidden;
17
}
18
 
19
.fc-month-view .fc-scroller {
20
    height: auto !important;
21
}
22
 
23
.portlet {
24
 
25
    .event-form-title {
26
      font-size: 16px;
27
      margin-top: 4px;
28
      font-weight: 400;
29
      margin-bottom: 10px;
30
    }
31
 
32
    &.calendar {
33
        .fc-button {
34
            -webkit-box-shadow: none ;
35
            -moz-box-shadow: none ;
36
            box-shadow: none ;
37
            text-shadow: none;
38
            border: 0 ;
39
            height: 35px;
40
            padding: 5px 8px 8px 8px ;
41
            margin-left:2px;
42
            border-top-style: none;
43
            border-bottom-style: none;
44
            border-right-style: solid;
45
            border-left-style: solid;
46
            border-color: #ddd;
47
            background: transparent;
48
            color: #fff;
49
            top: -48px;
50
            outline: none !important;
51
 
52
            @include border-radius($general-border-radius $general-border-radius 0 0);
53
        }
54
 
55
        .fc-toolbar {
56
          h2 {
57
            margin-top: 3px;
58
            font-size: 17px;
59
          }
60
 
61
           margin-bottom: 0px;
62
        }
63
 
64
        .fc-header {
65
            margin-bottom:-21px;
66
        }
67
 
68
        .fc-button-prev {
69
          padding-right: 10px;
70
          padding-left: 8px;
71
        }
72
 
73
        .fc-button-next {
74
          padding-right: 8px;
75
          padding-left: 10px;
76
        }
77
 
78
        .fc-button {
79
            .fc-icon {
80
              height: 20px;
81
              top: -5px;
82
            }
83
 
84
            &.fc-state-active,
85
            &.fc-state-hover {
86
                color: #666;
87
                background-color: #fff;
88
            }
89
 
90
            &.fc-state-disabled {
91
                color: #ddd;
92
            }
93
 
94
            .fc-icon-left-single-arrow {
95
              font-family: FontAwesome;
96
              display: inline-block;
97
              font-size: 16px;
98
 
99
              &:after {
100
                content: "";
101
                margin: 0;
102
              }
103
              &:before {
104
                content: "\f104";
105
              }
106
            }
107
 
108
            .fc-icon-right-single-arrow {
109
              font-family: FontAwesome;
110
              display: inline-block;
111
              font-size: 16px;
112
 
113
              &:after {
114
                margin: 0;
115
                content: "";
116
              }
117
              &:before {
118
                content: "\f105";
119
              }
120
            }
121
        }
122
 
123
        .fc-text-arrow {
124
          font-size: 22px;
125
          font-family: "Courier New", Courier, monospace;
126
          vertical-align: baseline;
127
        }
128
 
129
        .fc-event {
130
          border: 0px;
131
          background-color: #69a4e0;
132
          color: #fff;
133
 
134
           .fc-content {
135
              border: 0px;
136
              padding: 5px 7px;
137
            }
138
 
139
             .fc-time {
140
              float: left;
141
              text-align: left;
142
              color: #fff;
143
              font-size: 14px;
144
              font-weight: 300;
145
              padding-right: 5px;
146
            }
147
 
148
            .fc-title {
149
              text-align: left;
150
              float: left;
151
              color: #fff;
152
              font-size: 14px;
153
              font-weight: 300;
154
            }
155
        }
156
 
157
        .fc-header-title h2 {
158
          font-size: 14px ;
159
          line-height: 20px;
160
          font-weight: 400;
161
          color: #111;
162
        }
163
 
164
        .fc-widget-header {
165
          background-image: none ;
166
          filter:none;
167
          background-color: #eee ;
168
          text-transform: uppercase;
169
          font-weight: 300;
170
        }
171
 
172
        &.light {
173
          .fc-button {
174
            top: -60px;
175
            color: #666;
176
            text-transform: uppercase;
177
            font-size: 12px;
178
            padding-bottom: 35px;
179
 
180
            .fc-text-arrow {
181
              margin-top: -6px;
182
              display: inline-block;
183
            }
184
 
185
            &.fc-state-active,
186
            &.fc-state-hover {
187
                color: #333;
188
                border-bottom: 2px solid $brand-success;
189
            }
190
 
191
            &.fc-state-disabled {
192
                color: #aaa;
193
            }
194
          }
195
        }
196
 
197
        .mobile {
198
 
199
            .fc-button {
200
                padding: 0px 6px 20px 6px ;
201
                margin-left:2px ;
202
                border: 0;
203
                background-color: #ddd ;
204
                  background-image: none;
205
                  -webkit-box-shadow: none ;
206
                     -moz-box-shadow: none ;
207
                          box-shadow: none ;
208
                  -webkit-border-radius: 0 ;
209
                     -moz-border-radius: 0 ;
210
                          border-radius: 0 ;
211
                  color: #000;
212
                  text-shadow: none ;
213
                  text-align: center;
214
 
215
                &.fc-state-hover,
216
                &.fc-state-active {
217
                    background-color: #eee ;
218
                }
219
                &.fc-state-disabled {
220
                    color: #bbb ;
221
                }
222
            }
223
 
224
            .fc-button-prev {
225
              margin-right: 5px;
226
              margin-top: -2px;
227
            }
228
 
229
            .fc-button-next {
230
              margin-right: -0px;
231
              margin-top: -2px;
232
            }
233
 
234
            .fc-header-space {
235
              margin: 0px ;
236
              padding: 0px ;
237
              width: 0px ;
238
            }
239
 
240
            .fc-header-left {
241
                position: absolute;
242
                z-index: 10;
243
 
244
                .fc-button {
245
                    top: -2px ;
246
                }
247
            }
248
 
249
            .fc-header-right {
250
                position: relative;
251
                right:0;
252
 
253
                .fc-button {
254
                    top: 35px ;
255
                }
256
            }
257
 
258
            .fc-content {
259
                margin-top: 53px;
260
            }
261
        }
262
    }
263
}
264
 
265
@if $theme-type == "material-design" {
266
  .portlet.calendar.light .fc-button {
267
    top: -47px;
268
  }
269
}