angular-multiselect/multiselect.css at master · jackrabbitsgroup/angular-multiselect · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
/* jrg-multiselect */
.jrg-multiselect {
  position: relative;
}
.jrg-multiselect-display-box {
  background-color: white;
  border: solid 1px #969696;
  cursor: text;
}
.jrg-multiselect-display-box > div {
  display: inline-block;
}
.jrg-multiselect-selected-opt {
  display: inline-block;
  border-radius: .25em;
  background-color: #c8c8c8;
  border: solid 1px #aaa;
  color: #333;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2NkY2RjZCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGNkY2RjIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(-90deg, #f4f4f4 0%, #f0f0f0 50%, #cdcdcd 51%, #dcdcdc 100%);
  background-image: -moz-linear-gradient(-90deg, #f4f4f4 0%, #f0f0f0 50%, #cdcdcd 51%, #dcdcdc 100%);
  background-image: -o-linear-gradient(-90deg, #f4f4f4 0%, #f0f0f0 50%, #cdcdcd 51%, #dcdcdc 100%);
  background-image: linear-gradient(180deg, #f4f4f4 0%, #f0f0f0 50%, #cdcdcd 51%, #dcdcdc 100%);
  padding: 1px 5px;
  margin: 3px 3px;
}
.jrg-multiselect-selected-opt > div {
  display: inline-block;
}
.jrg-multiselect-selected-opt-remove {
  cursor: pointer;
  /*color:rgb(200,150,150);*/
  color: #323232;
  font-weight: bold;
  font-size: .8em;
}
.jrg-multiselect-input-div {
  max-width: 150px;
}
input.jrg-multiselect-input,
.jrg-multiselect-input {
  border: 0;
  box-shadow: none;
}
input:focus.jrg-multiselect-input {
  border: 0;
  box-shadow: none;
}
.jrg-multiselect-dropdown-cont {
  position: relative;
}
.jrg-multiselect-dropdown.hidden {
  display: none;
}
.jrg-multiselect-dropdown {
  position: absolute;
  z-index: 100;
  background-color: white;
  left: 0;
  right: 0;
  border: solid 1px #aaa;
  max-height: 200px;
  overflow: auto;
  padding: 5px;
}
.jrg-multiselect-dropdown-opt {
  cursor: pointer;
}
.jrg-multiselect-dropdown-opt.selected {
  display: none;
}