angularstrap-rails 0.7.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/.gitignore +17 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +41 -0
- data/Rakefile +1 -0
- data/angularstrap-rails.gemspec +15 -0
- data/lib/angularstrap-rails.rb +8 -0
- data/lib/angularstrap-rails/version.rb +5 -0
- data/vendor/assets/javascripts/angular-strap.js +975 -0
- data/vendor/assets/javascripts/angular-strap/bootstrap-datepicker.js +1046 -0
- data/vendor/assets/javascripts/angular-strap/bootstrap-select.js +457 -0
- data/vendor/assets/javascripts/angular-strap/bootstrap-timepicker.js +888 -0
- data/vendor/assets/stylesheets/angular-strap/bootstrap-datepicker.css +301 -0
- data/vendor/assets/stylesheets/angular-strap/bootstrap-select.css +160 -0
- data/vendor/assets/stylesheets/angular-strap/bootstrap-timepicker.css +121 -0
- metadata +61 -0
@@ -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
|
+
}
|