123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175 |
- @-webkit-keyframes blink {
- 0% {
- border-color: #ededed; }
- 100% {
- border-color: #b94a48; } }
- @keyframes blink {
- 0% {
- border-color: #ededed; }
- 100% {
- border-color: #b94a48; } }
- .tokenfield {
- height: auto;
- min-height: 2.573rem;
- padding-bottom: 0; }
- .tokenfield.focus {
- border-color: #3e8ef7;
- outline: 0; }
- .tokenfield .token {
- border-radius: 3px;
- box-sizing: border-box;
- display: inline-block;
- height: 22px;
- margin: -1px 5px 5px 0;
- white-space: nowrap;
- vertical-align: top;
- cursor: default;
- background-color: #f3f7f9;
- border: 1px solid #e4eaec; }
- .tokenfield .token:hover {
- border-color: #589ffc; }
- .tokenfield .token.active {
- border-color: #247cf0;
- border-color: rgba(36, 124, 240, 0.8); }
- .tokenfield .token.duplicate {
- border-color: #ff3d64;
- -webkit-animation: blink .1s normal ease infinite;
- animation: blink .1s normal ease infinite; }
- .tokenfield .token.invalid {
- border-radius: 0;
- background: none;
- border: 1px solid transparent;
- border-bottom: 1px dotted #ff4c52; }
- .tokenfield .token.invalid.active {
- border-radius: 3px;
- background: #f3f7f9;
- border: 1px solid #f3f7f9; }
- .tokenfield .token .token-label {
- display: inline-block;
- padding-left: 4px;
- overflow: hidden;
- text-overflow: ellipsis;
- vertical-align: top; }
- .tokenfield .token .close {
- display: inline-block;
- float: none;
- height: 100%;
- padding-right: 4px;
- margin-left: 5px;
- font-family: Arial;
- font-size: 1.1em;
- line-height: inherit;
- vertical-align: top; }
- .tokenfield .token-input {
- width: 60px;
- min-width: 60px;
- height: 20px;
- padding: 0;
- margin-bottom: 6px;
- background: none;
- border: 0;
- box-shadow: none; }
- .tokenfield .token-input:focus {
- border-color: transparent;
- outline: 0;
- /* IE6-9 */
- box-shadow: none; }
- .tokenfield.disabled {
- cursor: not-allowed;
- background-color: #f3f7f9; }
- .tokenfield.disabled .token-input {
- cursor: not-allowed; }
- .tokenfield.disabled .token:hover {
- cursor: not-allowed;
- border-color: #e4eaec; }
- .tokenfield.disabled .token:hover .close {
- cursor: not-allowed;
- opacity: .2; }
- .has-warning .tokenfield.focus {
- border-color: #e6e5e5;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; }
- .has-error .tokenfield.focus {
- border-color: #e6e5e5;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; }
- .has-success .tokenfield.focus {
- border-color: #e6e5e5;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; }
- .tokenfield.input-sm, .input-group-sm .tokenfield {
- min-height: 30px;
- padding-bottom: 0; }
- .input-group-sm .token, .tokenfield.input-sm .token {
- height: 20px;
- margin-bottom: 4px; }
- .input-group-sm .token-input, .tokenfield.input-sm .token-input {
- height: 18px;
- margin-bottom: 5px; }
- .tokenfield.input-lg, .input-group-lg .tokenfield {
- min-height: 45px;
- padding-bottom: 4px; }
- .input-group-lg .token, .tokenfield.input-lg .token {
- height: 25px; }
- .input-group-lg .token-label, .tokenfield.input-lg .token-label {
- line-height: 23px; }
- .input-group-lg .token .close, .tokenfield.input-lg .token .close {
- line-height: 1.3em; }
- .input-group-lg .token-input, .tokenfield.input-lg .token-input {
- height: 23px;
- margin-bottom: 6px;
- line-height: 23px;
- vertical-align: top; }
- .input-group .tokenfield + .input-group-btn {
- height: 100%; }
- .input-group .tokenfield + .input-group-btn .btn {
- height: calc(100% + 2px);
- padding-top: 0;
- padding-bottom: 0; }
- .input-group .tokenfield .token-input {
- width: 100% !important; }
- .tokenfield.rtl {
- text-align: right;
- direction: rtl; }
- .tokenfield.rtl .token {
- margin: -1px 0 5px 5px; }
- .tokenfield.rtl .token .token-label {
- padding-right: 4px;
- padding-left: 0; }
- /* Tokenfield-specific Typeahead styling */
- .tokenfield .twitter-typeahead {
- float: none;
- width: auto; }
- .tokenfield .twitter-typeahead .tt-hint {
- height: 20px;
- padding: 0; }
- .tokenfield.input-sm .twitter-typeahead .tt-input, .tokenfield.input-sm .twitter-typeahead .tt-hint {
- height: 18px;
- font-size: 12px;
- line-height: 1.5; }
- .tokenfield.input-lg .twitter-typeahead .tt-input, .tokenfield.input-lg .twitter-typeahead .tt-hint {
- height: 23px;
- font-size: 18px;
- line-height: 1.33; }
- .tokenfield .twitter-typeahead .tt-suggestions {
- font-size: 14px; }
|