angularstrap-rails 0.7.6

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,301 @@
1
+ /*!
2
+ * Datepicker for Bootstrap
3
+ *
4
+ * Copyright 2012 Stefan Petre
5
+ * Improvements by Andrew Rowls
6
+ * Licensed under the Apache License v2.0
7
+ * http://www.apache.org/licenses/LICENSE-2.0
8
+ *
9
+ */
10
+ .datepicker {
11
+ padding: 4px;
12
+ -webkit-border-radius: 4px;
13
+ -moz-border-radius: 4px;
14
+ border-radius: 4px;
15
+ direction: ltr;
16
+ /*.dow {
17
+ border-top: 1px solid #ddd !important;
18
+ }*/
19
+
20
+ }
21
+ .datepicker-inline {
22
+ width: 220px;
23
+ }
24
+ .datepicker.datepicker-rtl {
25
+ direction: rtl;
26
+ }
27
+ .datepicker.datepicker-rtl table tr td span {
28
+ float: right;
29
+ }
30
+ .datepicker-dropdown {
31
+ top: 0;
32
+ left: 0;
33
+ }
34
+ .datepicker-dropdown:before {
35
+ content: '';
36
+ display: inline-block;
37
+ border-left: 7px solid transparent;
38
+ border-right: 7px solid transparent;
39
+ border-bottom: 7px solid #ccc;
40
+ border-bottom-color: rgba(0, 0, 0, 0.2);
41
+ position: absolute;
42
+ top: -7px;
43
+ left: 6px;
44
+ }
45
+ .datepicker-dropdown:after {
46
+ content: '';
47
+ display: inline-block;
48
+ border-left: 6px solid transparent;
49
+ border-right: 6px solid transparent;
50
+ border-bottom: 6px solid #ffffff;
51
+ position: absolute;
52
+ top: -6px;
53
+ left: 7px;
54
+ }
55
+ .datepicker > div {
56
+ display: none;
57
+ }
58
+ .datepicker.days div.datepicker-days {
59
+ display: block;
60
+ }
61
+ .datepicker.months div.datepicker-months {
62
+ display: block;
63
+ }
64
+ .datepicker.years div.datepicker-years {
65
+ display: block;
66
+ }
67
+ .datepicker table {
68
+ margin: 0;
69
+ }
70
+ .datepicker td,
71
+ .datepicker th {
72
+ text-align: center;
73
+ width: 20px;
74
+ height: 20px;
75
+ -webkit-border-radius: 4px;
76
+ -moz-border-radius: 4px;
77
+ border-radius: 4px;
78
+ border: none;
79
+ }
80
+ .table-striped .datepicker table tr td,
81
+ .table-striped .datepicker table tr th {
82
+ background-color: transparent;
83
+ }
84
+ .datepicker table tr td.day:hover {
85
+ background: #eeeeee;
86
+ cursor: pointer;
87
+ }
88
+ .datepicker table tr td.old,
89
+ .datepicker table tr td.new {
90
+ color: #999999;
91
+ }
92
+ .datepicker table tr td.disabled,
93
+ .datepicker table tr td.disabled:hover {
94
+ background: none;
95
+ color: #999999;
96
+ cursor: default;
97
+ }
98
+ .datepicker table tr td.today,
99
+ .datepicker table tr td.today:hover,
100
+ .datepicker table tr td.today.disabled,
101
+ .datepicker table tr td.today.disabled:hover {
102
+ background-color: #fde19a;
103
+ background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
104
+ background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
105
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
106
+ background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
107
+ background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
108
+ background-image: linear-gradient(top, #fdd49a, #fdf59a);
109
+ background-repeat: repeat-x;
110
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
111
+ border-color: #fdf59a #fdf59a #fbed50;
112
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
113
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
114
+ color: #000 !important;
115
+ }
116
+ .datepicker table tr td.today:hover,
117
+ .datepicker table tr td.today:hover:hover,
118
+ .datepicker table tr td.today.disabled:hover,
119
+ .datepicker table tr td.today.disabled:hover:hover,
120
+ .datepicker table tr td.today:active,
121
+ .datepicker table tr td.today:hover:active,
122
+ .datepicker table tr td.today.disabled:active,
123
+ .datepicker table tr td.today.disabled:hover:active,
124
+ .datepicker table tr td.today.active,
125
+ .datepicker table tr td.today:hover.active,
126
+ .datepicker table tr td.today.disabled.active,
127
+ .datepicker table tr td.today.disabled:hover.active,
128
+ .datepicker table tr td.today.disabled,
129
+ .datepicker table tr td.today:hover.disabled,
130
+ .datepicker table tr td.today.disabled.disabled,
131
+ .datepicker table tr td.today.disabled:hover.disabled,
132
+ .datepicker table tr td.today[disabled],
133
+ .datepicker table tr td.today:hover[disabled],
134
+ .datepicker table tr td.today.disabled[disabled],
135
+ .datepicker table tr td.today.disabled:hover[disabled] {
136
+ background-color: #fdf59a;
137
+ }
138
+ .datepicker table tr td.today:active,
139
+ .datepicker table tr td.today:hover:active,
140
+ .datepicker table tr td.today.disabled:active,
141
+ .datepicker table tr td.today.disabled:hover:active,
142
+ .datepicker table tr td.today.active,
143
+ .datepicker table tr td.today:hover.active,
144
+ .datepicker table tr td.today.disabled.active,
145
+ .datepicker table tr td.today.disabled:hover.active {
146
+ background-color: #fbf069 \9;
147
+ }
148
+ .datepicker table tr td.active,
149
+ .datepicker table tr td.active:hover,
150
+ .datepicker table tr td.active.disabled,
151
+ .datepicker table tr td.active.disabled:hover {
152
+ background-color: #006dcc;
153
+ background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
154
+ background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
155
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
156
+ background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
157
+ background-image: -o-linear-gradient(top, #0088cc, #0044cc);
158
+ background-image: linear-gradient(top, #0088cc, #0044cc);
159
+ background-repeat: repeat-x;
160
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
161
+ border-color: #0044cc #0044cc #002a80;
162
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
163
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
164
+ color: #fff;
165
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
166
+ }
167
+ .datepicker table tr td.active:hover,
168
+ .datepicker table tr td.active:hover:hover,
169
+ .datepicker table tr td.active.disabled:hover,
170
+ .datepicker table tr td.active.disabled:hover:hover,
171
+ .datepicker table tr td.active:active,
172
+ .datepicker table tr td.active:hover:active,
173
+ .datepicker table tr td.active.disabled:active,
174
+ .datepicker table tr td.active.disabled:hover:active,
175
+ .datepicker table tr td.active.active,
176
+ .datepicker table tr td.active:hover.active,
177
+ .datepicker table tr td.active.disabled.active,
178
+ .datepicker table tr td.active.disabled:hover.active,
179
+ .datepicker table tr td.active.disabled,
180
+ .datepicker table tr td.active:hover.disabled,
181
+ .datepicker table tr td.active.disabled.disabled,
182
+ .datepicker table tr td.active.disabled:hover.disabled,
183
+ .datepicker table tr td.active[disabled],
184
+ .datepicker table tr td.active:hover[disabled],
185
+ .datepicker table tr td.active.disabled[disabled],
186
+ .datepicker table tr td.active.disabled:hover[disabled] {
187
+ background-color: #0044cc;
188
+ }
189
+ .datepicker table tr td.active:active,
190
+ .datepicker table tr td.active:hover:active,
191
+ .datepicker table tr td.active.disabled:active,
192
+ .datepicker table tr td.active.disabled:hover:active,
193
+ .datepicker table tr td.active.active,
194
+ .datepicker table tr td.active:hover.active,
195
+ .datepicker table tr td.active.disabled.active,
196
+ .datepicker table tr td.active.disabled:hover.active {
197
+ background-color: #003399 \9;
198
+ }
199
+ .datepicker table tr td span {
200
+ display: block;
201
+ width: 23%;
202
+ height: 54px;
203
+ line-height: 54px;
204
+ float: left;
205
+ margin: 1%;
206
+ cursor: pointer;
207
+ -webkit-border-radius: 4px;
208
+ -moz-border-radius: 4px;
209
+ border-radius: 4px;
210
+ }
211
+ .datepicker table tr td span:hover {
212
+ background: #eeeeee;
213
+ }
214
+ .datepicker table tr td span.disabled,
215
+ .datepicker table tr td span.disabled:hover {
216
+ background: none;
217
+ color: #999999;
218
+ cursor: default;
219
+ }
220
+ .datepicker table tr td span.active,
221
+ .datepicker table tr td span.active:hover,
222
+ .datepicker table tr td span.active.disabled,
223
+ .datepicker table tr td span.active.disabled:hover {
224
+ background-color: #006dcc;
225
+ background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
226
+ background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
227
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
228
+ background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
229
+ background-image: -o-linear-gradient(top, #0088cc, #0044cc);
230
+ background-image: linear-gradient(top, #0088cc, #0044cc);
231
+ background-repeat: repeat-x;
232
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
233
+ border-color: #0044cc #0044cc #002a80;
234
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
235
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
236
+ color: #fff;
237
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
238
+ }
239
+ .datepicker table tr td span.active:hover,
240
+ .datepicker table tr td span.active:hover:hover,
241
+ .datepicker table tr td span.active.disabled:hover,
242
+ .datepicker table tr td span.active.disabled:hover:hover,
243
+ .datepicker table tr td span.active:active,
244
+ .datepicker table tr td span.active:hover:active,
245
+ .datepicker table tr td span.active.disabled:active,
246
+ .datepicker table tr td span.active.disabled:hover:active,
247
+ .datepicker table tr td span.active.active,
248
+ .datepicker table tr td span.active:hover.active,
249
+ .datepicker table tr td span.active.disabled.active,
250
+ .datepicker table tr td span.active.disabled:hover.active,
251
+ .datepicker table tr td span.active.disabled,
252
+ .datepicker table tr td span.active:hover.disabled,
253
+ .datepicker table tr td span.active.disabled.disabled,
254
+ .datepicker table tr td span.active.disabled:hover.disabled,
255
+ .datepicker table tr td span.active[disabled],
256
+ .datepicker table tr td span.active:hover[disabled],
257
+ .datepicker table tr td span.active.disabled[disabled],
258
+ .datepicker table tr td span.active.disabled:hover[disabled] {
259
+ background-color: #0044cc;
260
+ }
261
+ .datepicker table tr td span.active:active,
262
+ .datepicker table tr td span.active:hover:active,
263
+ .datepicker table tr td span.active.disabled:active,
264
+ .datepicker table tr td span.active.disabled:hover:active,
265
+ .datepicker table tr td span.active.active,
266
+ .datepicker table tr td span.active:hover.active,
267
+ .datepicker table tr td span.active.disabled.active,
268
+ .datepicker table tr td span.active.disabled:hover.active {
269
+ background-color: #003399 \9;
270
+ }
271
+ .datepicker table tr td span.old {
272
+ color: #999999;
273
+ }
274
+ .datepicker th.switch {
275
+ width: 145px;
276
+ }
277
+ .datepicker thead tr:first-child th,
278
+ .datepicker tfoot tr:first-child th {
279
+ cursor: pointer;
280
+ }
281
+ .datepicker thead tr:first-child th:hover,
282
+ .datepicker tfoot tr:first-child th:hover {
283
+ background: #eeeeee;
284
+ }
285
+ .datepicker .cw {
286
+ font-size: 10px;
287
+ width: 12px;
288
+ padding: 0 2px 0 5px;
289
+ vertical-align: middle;
290
+ }
291
+ .datepicker thead tr:first-child th.cw {
292
+ cursor: default;
293
+ background-color: transparent;
294
+ }
295
+ .input-append.date .add-on i,
296
+ .input-prepend.date .add-on i {
297
+ display: block;
298
+ cursor: pointer;
299
+ width: 16px;
300
+ height: 16px;
301
+ }
@@ -0,0 +1,160 @@
1
+ .clearfix:after {
2
+ visibility: hidden;
3
+ display: block;
4
+ font-size: 0;
5
+ content: " ";
6
+ clear: both;
7
+ height: 0;
8
+ }
9
+
10
+ .bootstrap-select.btn-group, .bootstrap-select.btn-group[class*="span"] {
11
+ float:none;
12
+ display: inline-block;
13
+ margin-bottom: 10px;
14
+ margin-left:0;
15
+ }
16
+
17
+ .bootstrap-select.btn-group.pull-right, .bootstrap-select.btn-group[class*="span"].pull-right, .row-fluid .bootstrap-select.btn-group[class*="span"].pull-right {
18
+ float:right;
19
+ }
20
+
21
+ .input-append .bootstrap-select.btn-group {
22
+ margin-left: -1px;
23
+ }
24
+
25
+ .input-prepend .bootstrap-select.btn-group {
26
+ margin-right: -1px;
27
+ }
28
+
29
+ .bootstrap-select:not([class*="span"]) {
30
+ width: 220px;
31
+ }
32
+
33
+ .bootstrap-select .btn {
34
+ width: 100%;
35
+ }
36
+
37
+ .bootstrap-select .btn:focus {
38
+ outline: thin dotted #333333 !important;
39
+ outline: 5px auto -webkit-focus-ring-color !important;
40
+ outline-offset: -2px;
41
+ }
42
+
43
+ .bootstrap-select.btn-group .btn .filter-option {
44
+ overflow:hidden;
45
+ position:absolute;
46
+ left:12px;
47
+ right:25px;
48
+ text-align:left;
49
+ }
50
+
51
+ .bootstrap-select.btn-group .btn .caret {
52
+ position:absolute;
53
+ right:12px;
54
+ }
55
+
56
+ .bootstrap-select.btn-group > .disabled, .bootstrap-select.btn-group .dropdown-menu li.disabled > a {
57
+ cursor: not-allowed;
58
+ }
59
+
60
+ .bootstrap-select.btn-group[class*="span"] .btn {
61
+ width:100%;
62
+ }
63
+
64
+ .bootstrap-select.btn-group .dropdown-menu {
65
+ min-width:100%;
66
+ -moz-box-sizing:border-box;
67
+ -webkit-box-sizing:border-box;
68
+ box-sizing:border-box;
69
+ }
70
+
71
+ .bootstrap-select.btn-group .dropdown-menu dt {
72
+ display:block;
73
+ padding:3px 20px;
74
+ cursor:default;
75
+ }
76
+
77
+ .bootstrap-select.btn-group .div-contain {
78
+ overflow:hidden;
79
+ }
80
+
81
+ .bootstrap-select.btn-group .dropdown-menu li > a.opt {
82
+ padding-left:35px;
83
+ }
84
+
85
+ .bootstrap-select.btn-group .dropdown-menu li > a {
86
+ min-height:20px;
87
+ }
88
+
89
+ bootstrap-select.btn-group .dropdown-menu li > a {
90
+ min-height:20px;
91
+ }
92
+
93
+ .bootstrap-select.btn-group .dropdown-menu li small {
94
+ padding-left:0.5em;
95
+ }
96
+
97
+ .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small {
98
+ color: #64b1d8;
99
+ color:rgba(255,255,255,0.4);
100
+ }
101
+
102
+ .bootstrap-select.btn-group .dropdown-menu li > dt small {
103
+ font-weight:normal;
104
+ }
105
+
106
+
107
+ .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
108
+ display:inline-block;
109
+ position: absolute;
110
+ right: 20px;
111
+ }
112
+
113
+ .bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
114
+ display: none;
115
+ }
116
+
117
+ .bootstrap-select.btn-group.show-tick .dropdown-menu li a .pull-left {
118
+ margin-right: 34px;
119
+ }
120
+
121
+ .bootstrap-select.btn-group .dropdown-menu li small {
122
+ padding-left:0.5em;
123
+ }
124
+
125
+ .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small, .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small {
126
+ color: #64b1d8;
127
+ color:rgba(255,255,255,0.4);
128
+ }
129
+
130
+ .bootstrap-select.btn-group .dropdown-menu li > dt small {
131
+ font-weight:normal;
132
+ }
133
+
134
+
135
+ .bootstrap-select.btn-group.show-menu-arrow .dropdown-menu {
136
+ overflow-y:visible !important;
137
+ }
138
+
139
+ .bootstrap-select.btn-group.show-menu-arrow .dropdown-menu::after {
140
+ position: absolute;
141
+ top: -6px;
142
+ left: 10px;
143
+ display: inline-block;
144
+ border-right: 6px solid transparent;
145
+ border-bottom: 6px solid white;
146
+ border-left: 6px solid transparent;
147
+ content: '';
148
+ }
149
+
150
+ .bootstrap-select.btn-group.show-menu-arrow .dropdown-menu::before {
151
+ position: absolute;
152
+ top: -7px;
153
+ left: 9px;
154
+ display: inline-block;
155
+ border-right: 7px solid transparent;
156
+ border-bottom: 7px solid #CCC;
157
+ border-left: 7px solid transparent;
158
+ border-bottom-color: rgba(0, 0, 0, 0.2);
159
+ content: '';
160
+ }