2 * friendica-tagsinput v0.8.0
4 * Non-Bootstrap edition
9 padding: .2em .6em .3em;
16 vertical-align: baseline;
21 background-color: #777777;
23 .label-default[href]:hover,
24 .label-default[href]:focus {
25 background-color: #5e5e5e;
28 background-color: #337ab7;
30 .label-primary[href]:hover,
31 .label-primary[href]:focus {
32 background-color: #286090;
35 background-color: #5cb85c;
37 .label-success[href]:hover,
38 .label-success[href]:focus {
39 background-color: #449d44;
42 background-color: #5bc0de;
44 .label-info[href]:hover,
45 .label-info[href]:focus {
46 background-color: #31b0d5;
49 background-color: #f0ad4e;
51 .label-warning[href]:hover,
52 .label-warning[href]:focus {
53 background-color: #ec971f;
56 background-color: #d9534f;
58 .label-danger[href]:hover,
59 .label-danger[href]:focus {
60 background-color: #c9302c;
63 .form-control[disabled],
64 .form-control[readonly],
65 fieldset[disabled] .form-control {
66 background-color: #eeeeee;
69 .form-control[disabled],
70 fieldset[disabled] .form-control {
77 .friendica-tagsinput {
78 background-color: #fff;
79 border: 1px solid #ccc;
80 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
81 display: inline-block;
84 vertical-align: middle;
92 .friendica-tagsinput.input-lg {
96 .friendica-tagsinput input {
100 background-color: transparent;
107 .friendica-tagsinput.form-control input::-moz-placeholder {
112 .friendica-tagsinput.form-control input:-ms-input-placeholder {
116 .friendica-tagsinput.form-control input::-webkit-input-placeholder {
120 .friendica-tagsinput input:focus {
125 .friendica-tagsinput .tag {
131 .friendica-tagsinput .tag img {
134 vertical-align: text-top;
138 .friendica-tagsinput .tag [data-role="remove"] {
143 .friendica-tagsinput .tag [data-role="remove"]:after {
149 .friendica-tagsinput .tag [data-role="remove"]:hover {
150 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
153 .friendica-tagsinput .tag [data-role="remove"]:hover:active {
154 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);