|
6
|
1 |
|
|
|
2 |
/* Optional scoped theme for tag-it which mimics the zendesk widget. */ |
|
|
3 |
|
|
|
4 |
|
|
|
5 |
ul.tagit { |
|
|
6 |
border-style: solid; |
|
|
7 |
border-width: 1px; |
|
|
8 |
border-color: #C6C6C6; |
|
|
9 |
background: inherit; |
|
|
10 |
} |
|
|
11 |
ul.tagit li.tagit-choice { |
|
|
12 |
-moz-border-radius: 6px; |
|
|
13 |
border-radius: 6px; |
|
|
14 |
-webkit-border-radius: 6px; |
|
|
15 |
border: 1px solid #CAD8F3; |
|
|
16 |
|
|
|
17 |
background: none; |
|
|
18 |
background-color: #DEE7F8; |
|
|
19 |
|
|
|
20 |
font-weight: normal; |
|
|
21 |
} |
|
|
22 |
ul.tagit li.tagit-choice .tagit-label:not(a) { |
|
|
23 |
color: #555; |
|
|
24 |
} |
|
|
25 |
ul.tagit li.tagit-choice a.tagit-close { |
|
|
26 |
text-decoration: none; |
|
|
27 |
} |
|
|
28 |
ul.tagit li.tagit-choice .tagit-close { |
|
|
29 |
right: .4em; |
|
|
30 |
} |
|
|
31 |
ul.tagit li.tagit-choice .ui-icon { |
|
|
32 |
display: none; |
|
|
33 |
} |
|
|
34 |
ul.tagit li.tagit-choice .tagit-close .text-icon { |
|
|
35 |
display: inline; |
|
|
36 |
font-family: arial, sans-serif; |
|
|
37 |
font-size: 16px; |
|
|
38 |
line-height: 16px; |
|
|
39 |
color: #777; |
|
|
40 |
} |
|
|
41 |
ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove { |
|
|
42 |
background-color: #bbcef1; |
|
|
43 |
border-color: #6d95e0; |
|
|
44 |
} |
|
|
45 |
ul.tagit li.tagit-choice a.tagLabel:hover, |
|
|
46 |
ul.tagit li.tagit-choice a.tagit-close .text-icon:hover { |
|
|
47 |
color: #222; |
|
|
48 |
} |
|
|
49 |
ul.tagit input[type="text"] { |
|
|
50 |
color: #333333; |
|
|
51 |
background: none; |
|
|
52 |
} |
|
|
53 |
.ui-widget { |
|
|
54 |
font-size: 1.1em; |
|
|
55 |
} |
|
|
56 |
|