23
|
1 |
ul.tagit { |
|
2 |
padding: 1px 5px; |
|
3 |
overflow: auto; |
|
4 |
margin-left: inherit; /* usually we don't want the regular ul margins. */ |
|
5 |
margin-right: inherit; |
|
6 |
} |
|
7 |
ul.tagit li { |
|
8 |
display: block; |
|
9 |
float: left; |
|
10 |
margin: 2px 5px 2px 0; |
|
11 |
} |
|
12 |
ul.tagit li.tagit-choice { |
|
13 |
position: relative; |
|
14 |
line-height: inherit; |
|
15 |
} |
|
16 |
|
|
17 |
ul.tagit li.tagit-choice-read-only { |
|
18 |
padding: .2em .5em .2em .5em; |
|
19 |
} |
|
20 |
|
|
21 |
ul.tagit li.tagit-choice-editable { |
|
22 |
padding: .2em 18px .2em .5em; |
|
23 |
} |
|
24 |
|
|
25 |
ul.tagit li.tagit-new { |
|
26 |
padding: .25em 4px .25em 0; |
|
27 |
} |
|
28 |
|
|
29 |
ul.tagit li.tagit-choice a.tagit-label { |
|
30 |
cursor: pointer; |
|
31 |
text-decoration: none; |
|
32 |
} |
|
33 |
ul.tagit li.tagit-choice .tagit-close { |
|
34 |
cursor: pointer; |
|
35 |
position: absolute; |
|
36 |
right: .1em; |
|
37 |
top: 50%; |
|
38 |
margin-top: -8px; |
|
39 |
line-height: 17px; |
|
40 |
} |
|
41 |
|
|
42 |
/* used for some custom themes that don't need image icons */ |
|
43 |
ul.tagit li.tagit-choice .tagit-close .text-icon { |
|
44 |
display: none; |
|
45 |
} |
|
46 |
|
|
47 |
ul.tagit li.tagit-choice input { |
|
48 |
display: block; |
|
49 |
float: left; |
|
50 |
margin: 2px 5px 2px 0; |
|
51 |
} |
|
52 |
ul.tagit input[type="text"] { |
|
53 |
-moz-box-sizing: border-box; |
|
54 |
-webkit-box-sizing: border-box; |
|
55 |
box-sizing: border-box; |
|
56 |
|
|
57 |
-moz-box-shadow: none; |
|
58 |
-webkit-box-shadow: none; |
|
59 |
box-shadow: none; |
|
60 |
|
|
61 |
border: none; |
|
62 |
margin: 0; |
|
63 |
padding: 0; |
|
64 |
width: inherit; |
|
65 |
background-color: inherit; |
|
66 |
outline: none; |
|
67 |
} |