view/js/friendica-tagsinput/friendica-tagsinput.css

   1 /*
   2  * friendica-tagsinput v0.8.0
   3  *
   4  * Non-Bootstrap edition
   5  */
   6
   7 .label {
   8         display: inline;
   9         padding: .2em .6em .3em;
  10         font-size: 75%;
  11         font-weight: 700;
  12         line-height: 1;
  13         color: #fff;
  14         text-align: center;
  15         white-space: nowrap;
  16         vertical-align: baseline;
  17         border-radius: .25em;
  18 }
  19
  20 .label-default {
  21         background-color: #777777;
  22 }
  23 .label-default[href]:hover,
  24 .label-default[href]:focus {
  25         background-color: #5e5e5e;
  26 }
  27 .label-primary {
  28         background-color: #337ab7;
  29 }
  30 .label-primary[href]:hover,
  31 .label-primary[href]:focus {
  32         background-color: #286090;
  33 }
  34 .label-success {
  35         background-color: #5cb85c;
  36 }
  37 .label-success[href]:hover,
  38 .label-success[href]:focus {
  39         background-color: #449d44;
  40 }
  41 .label-info {
  42         background-color: #5bc0de;
  43 }
  44 .label-info[href]:hover,
  45 .label-info[href]:focus {
  46         background-color: #31b0d5;
  47 }
  48 .label-warning {
  49         background-color: #f0ad4e;
  50 }
  51 .label-warning[href]:hover,
  52 .label-warning[href]:focus {
  53         background-color: #ec971f;
  54 }
  55 .label-danger {
  56         background-color: #d9534f;
  57 }
  58 .label-danger[href]:hover,
  59 .label-danger[href]:focus {
  60         background-color: #c9302c;
  61 }
  62
  63 .form-control[disabled],
  64 .form-control[readonly],
  65 fieldset[disabled] .form-control {
  66         background-color: #eeeeee;
  67         opacity: 1;
  68 }
  69 .form-control[disabled],
  70 fieldset[disabled] .form-control {
  71         cursor: not-allowed;
  72 }
  73
  74
  75
  76
  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;
  82         padding: 4px 6px;
  83         color: #555;
  84         vertical-align: middle;
  85         border-radius: 4px;
  86         max-width: 100%;
  87         line-height: 22px;
  88         cursor: text;
  89         height: auto;
  90 }
  91
  92 .friendica-tagsinput.input-lg {
  93         line-height: 27px;
  94 }
  95
  96 .friendica-tagsinput input {
  97         border: none;
  98         box-shadow: none;
  99         outline: none;
 100         background-color: transparent;
 101         padding: 0 6px;
 102         margin: 0;
 103         width: auto;
 104         max-width: inherit;
 105 }
 106
 107 .friendica-tagsinput.form-control input::-moz-placeholder {
 108         color: #777;
 109         opacity: 1;
 110 }
 111
 112 .friendica-tagsinput.form-control input:-ms-input-placeholder {
 113         color: #777;
 114 }
 115
 116 .friendica-tagsinput.form-control input::-webkit-input-placeholder {
 117         color: #777;
 118 }
 119
 120 .friendica-tagsinput input:focus {
 121         border: none;
 122         box-shadow: none;
 123 }
 124
 125 .friendica-tagsinput .tag {
 126         margin: 0 2px 2px 0;
 127         color: white;
 128         font-weight: normal;
 129 }
 130
 131 .friendica-tagsinput .tag img {
 132         width: auto;
 133         height: 1.5em;
 134         vertical-align: text-top;
 135         margin-right: 8px;
 136 }
 137
 138 .friendica-tagsinput .tag [data-role="remove"] {
 139         margin-left: 8px;
 140         cursor: pointer;
 141 }
 142
 143 .friendica-tagsinput .tag [data-role="remove"]:after {
 144         content: "x";
 145         padding: 0px 2px;
 146         font-weight: bold;
 147 }
 148
 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);
 151 }
 152
 153 .friendica-tagsinput .tag [data-role="remove"]:hover:active {
 154         box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 155 }