Project

General

Profile

Defect #29007 » jquery.tagit.css

howie.woo woo, 2018-06-12 02:42

 
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
    padding: .2em 18px .2em .5em;
14
    position: relative;
15
    line-height: inherit;
16
}
17
ul.tagit li.tagit-new {
18
    padding: .25em 4px .25em 0;
19
}
20

    
21
ul.tagit li.tagit-choice a.tagit-label {
22
    cursor: pointer;
23
    text-decoration: none;
24
}
25
ul.tagit li.tagit-choice .tagit-close {
26
    cursor: pointer;
27
    position: absolute;
28
    right: .1em;
29
    top: 50%;
30
    margin-top: -8px;
31
}
32

    
33
/* used for some custom themes that don't need image icons */
34
ul.tagit li.tagit-choice .tagit-close .text-icon {
35
    display: none;
36
}
37

    
38
ul.tagit li.tagit-choice input {
39
    display: block;
40
    float: left;
41
    margin: 2px 5px 2px 0;
42
}
43
ul.tagit input[type="text"] {
44
    -moz-box-sizing:    border-box;
45
    -webkit-box-sizing: border-box;
46
    box-sizing:         border-box;
47

    
48
    border: none;
49
    margin: 0;
50
    padding: 0;
51
    width: inherit;
52
    background-color: inherit;
53
    outline: none;
54
}
(4-4/4)