Commit a5cf909c18965c47102c1d72272da77725738878
Committed by
Eduardo Vital
1 parent
bb22b115
Exists in
news_page_css
Improving software registration
Showing
1 changed file
with
116 additions
and
0 deletions
Show diff stats
... | ... | @@ -0,0 +1,116 @@ |
1 | +/* Example tokeninput style #1: Token vertical list*/ | |
2 | +ul.token-input-list { | |
3 | + overflow: hidden; | |
4 | + height: auto !important; | |
5 | + height: 1%; | |
6 | + width: 400px; | |
7 | + border: 1px solid #999; | |
8 | + cursor: text; | |
9 | + font-size: 12px; | |
10 | + font-family: Verdana; | |
11 | + z-index: 999; | |
12 | + margin: 0; | |
13 | + padding: 0; | |
14 | + background-color: #fff; | |
15 | + list-style-type: none; | |
16 | + clear: left; | |
17 | +} | |
18 | + | |
19 | +ul.token-input-list li { | |
20 | + list-style-type: none; | |
21 | +} | |
22 | + | |
23 | +ul.token-input-list li input { | |
24 | + border: 0; | |
25 | + width: 350px; | |
26 | + padding: 3px 8px; | |
27 | + background-color: white; | |
28 | + -webkit-appearance: caret; | |
29 | +} | |
30 | + | |
31 | +li.token-input-token { | |
32 | + overflow: hidden; | |
33 | + height: auto !important; | |
34 | + height: 1%; | |
35 | + margin: 3px; | |
36 | + padding: 3px 5px; | |
37 | + background-color: #d0efa0; | |
38 | + color: #000; | |
39 | + font-weight: bold; | |
40 | + cursor: default; | |
41 | + display: block; | |
42 | +} | |
43 | + | |
44 | +li.token-input-token p { | |
45 | + float: left; | |
46 | + padding: 0; | |
47 | + margin: 0; | |
48 | +} | |
49 | + | |
50 | +li.token-input-token span { | |
51 | + float: right; | |
52 | + color: #777; | |
53 | + cursor: pointer; | |
54 | +} | |
55 | + | |
56 | +li.token-input-selected-token { | |
57 | + background-color: #08844e; | |
58 | + color: #fff; | |
59 | +} | |
60 | + | |
61 | +li.token-input-selected-token span { | |
62 | + color: #bbb; | |
63 | +} | |
64 | + | |
65 | +div.token-input-dropdown { | |
66 | + position: absolute; | |
67 | + width: 400px; | |
68 | + background-color: #fff; | |
69 | + overflow: auto; | |
70 | + border-left: 1px solid #ccc; | |
71 | + border-right: 1px solid #ccc; | |
72 | + border-bottom: 1px solid #ccc; | |
73 | + cursor: default; | |
74 | + font-size: 12px; | |
75 | + font-family: Verdana; | |
76 | + z-index: 1; | |
77 | +} | |
78 | + | |
79 | +div.token-input-dropdown p { | |
80 | + margin: 0; | |
81 | + padding: 5px; | |
82 | + font-weight: bold; | |
83 | + color: #777; | |
84 | +} | |
85 | + | |
86 | +div.token-input-dropdown ul { | |
87 | + margin: 0; | |
88 | + padding: 0; | |
89 | +} | |
90 | + | |
91 | +div.token-input-dropdown ul li { | |
92 | + background-color: #fff; | |
93 | + padding: 3px; | |
94 | + list-style-type: none; | |
95 | +} | |
96 | + | |
97 | +div.token-input-dropdown ul li.token-input-dropdown-item { | |
98 | + background-color: #fafafa; | |
99 | +} | |
100 | + | |
101 | +div.token-input-dropdown ul li.token-input-dropdown-item2 { | |
102 | + background-color: #fff; | |
103 | +} | |
104 | + | |
105 | +div.token-input-dropdown ul li em { | |
106 | + font-weight: bold; | |
107 | + font-style: normal; | |
108 | +} | |
109 | + | |
110 | +div.token-input-dropdown ul li.token-input-selected-dropdown-item { | |
111 | + background-color: #d0efa0; | |
112 | +} | |
113 | +.token-input-blur-text { | |
114 | + font-style: italic; | |
115 | + color: #AAA; | |
116 | +} | ... | ... |