97 lines
3.2 KiB
CSS
97 lines
3.2 KiB
CSS
|
.tokenfield {
|
||
|
|
position: relative; }
|
||
|
|
.tokenfield:before, .tokenfield:after {
|
||
|
|
content: " ";
|
||
|
|
display: table; }
|
||
|
|
.tokenfield:after {
|
||
|
|
clear: both; }
|
||
|
|
.tokenfield.tokenfield-mode-tokens {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
min-height: 34px;
|
||
|
|
padding: 6px 12px 0;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 1.42857;
|
||
|
|
color: #555555;
|
||
|
|
background-color: #fff;
|
||
|
|
background-image: none;
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
border-radius: 4px;
|
||
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||
|
|
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
||
|
|
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
||
|
|
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
|
||
|
|
.tokenfield.tokenfield-mode-tokens:focus {
|
||
|
|
border-color: #66afe9;
|
||
|
|
outline: 0;
|
||
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
|
||
|
|
.tokenfield.tokenfield-mode-tokens::-moz-placeholder {
|
||
|
|
color: #999;
|
||
|
|
opacity: 1; }
|
||
|
|
.tokenfield.tokenfield-mode-tokens:-ms-input-placeholder {
|
||
|
|
color: #999; }
|
||
|
|
.tokenfield.tokenfield-mode-tokens::-webkit-input-placeholder {
|
||
|
|
color: #999; }
|
||
|
|
.tokenfield.tokenfield-mode-tokens::-ms-expand {
|
||
|
|
border: 0;
|
||
|
|
background-color: transparent; }
|
||
|
|
.tokenfield.tokenfield-mode-tokens[disabled], .tokenfield.tokenfield-mode-tokens[readonly],
|
||
|
|
fieldset[disabled] .tokenfield.tokenfield-mode-tokens {
|
||
|
|
background-color: #eeeeee;
|
||
|
|
opacity: 1; }
|
||
|
|
.tokenfield.tokenfield-mode-tokens[disabled],
|
||
|
|
fieldset[disabled] .tokenfield.tokenfield-mode-tokens {
|
||
|
|
cursor: not-allowed; }
|
||
|
|
.tokenfield.tokenfield-mode-tokens .focused {
|
||
|
|
box-shadow: 0 0 0 1px #337ab7 inset; }
|
||
|
|
.tokenfield.tokenfield-mode-tokens .selected {
|
||
|
|
background: rgba(0, 0, 0, 0.1); }
|
||
|
|
.tokenfield .tokenfield-set > ul {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
list-style-type: none; }
|
||
|
|
.tokenfield .tokenfield-set > ul > li {
|
||
|
|
float: left;
|
||
|
|
margin-right: 5px;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
padding: 0 5px;
|
||
|
|
border-radius: 4px;
|
||
|
|
line-height: 1.5;
|
||
|
|
cursor: pointer;
|
||
|
|
color: rgba(0, 0, 0, 0.6);
|
||
|
|
background: rgba(0, 0, 0, 0.08); }
|
||
|
|
.tokenfield .tokenfield-set > ul > li:hover {
|
||
|
|
color: black;
|
||
|
|
background: rgba(0, 0, 0, 0.16); }
|
||
|
|
.tokenfield .tokenfield-set > ul > li .item-remove {
|
||
|
|
display: inline-block;
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 0.9285em;
|
||
|
|
cursor: pointer;
|
||
|
|
color: rgba(0, 0, 0, 0.4); }
|
||
|
|
.tokenfield .tokenfield-input {
|
||
|
|
margin-bottom: 5px;
|
||
|
|
border: none;
|
||
|
|
outline: none;
|
||
|
|
float: left; }
|
||
|
|
.tokenfield .tokenfield-suggest {
|
||
|
|
position: absolute;
|
||
|
|
left: -1px;
|
||
|
|
top: 100%;
|
||
|
|
width: 100%;
|
||
|
|
z-index: 10;
|
||
|
|
overflow: auto;
|
||
|
|
background-color: #fff;
|
||
|
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
|
|
border-radius: 4px;
|
||
|
|
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
||
|
|
box-sizing: content-box; }
|
||
|
|
.tokenfield .tokenfield-suggest > ul {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
list-style: none; }
|
||
|
|
.tokenfield .tokenfield-suggest > ul > li {
|
||
|
|
padding: 6px 10px;
|
||
|
|
cursor: pointer; }
|
||
|
|
|
||
|
|
/*# sourceMappingURL=tokenfield.css.map */
|