view/theme/frio/frameworks/friendica-tagsinput/friendica-tagsinput.css

   1 /*
   2  * friendica-tagsinput v0.8.0
   3  *
   4  */
   5
   6 .friendica-tagsinput {
   7   background-color: #fff;
   8   border: 1px solid #ccc;
   9   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  10   display: inline-block;
  11   padding: 4px 6px;
  12   color: #555;
  13   vertical-align: middle;
  14   border-radius: 4px;
  15   max-width: 100%;
  16   line-height: 22px;
  17   cursor: text;
  18   height: auto;
  19 }
  20 .friendica-tagsinput.input-lg {
  21   line-height: 27px;
  22 }
  23 .friendica-tagsinput input {
  24   border: none;
  25   box-shadow: none;
  26   outline: none;
  27   background-color: transparent;
  28   padding: 0 6px;
  29   margin: 0;
  30   width: auto;
  31   max-width: inherit;
  32 }
  33 .friendica-tagsinput.form-control input::-moz-placeholder {
  34   color: #777;
  35   opacity: 1;
  36 }
  37 .friendica-tagsinput.form-control input:-ms-input-placeholder {
  38   color: #777;
  39 }
  40 .friendica-tagsinput.form-control input::-webkit-input-placeholder {
  41   color: #777;
  42 }
  43 .friendica-tagsinput input:focus {
  44   border: none;
  45   box-shadow: none;
  46 }
  47 .friendica-tagsinput .tag {
  48   margin: 0 2px 2px 0;
  49   color: white;
  50   font-weight: normal;
  51 }
  52 .friendica-tagsinput .tag img {
  53   width: auto;
  54   height: 1.5em;
  55   vertical-align: text-top;
  56   margin-right: 8px;
  57 }
  58 .friendica-tagsinput .tag [data-role="remove"] {
  59   margin-left: 8px;
  60   cursor: pointer;
  61 }
  62 .friendica-tagsinput .tag [data-role="remove"]:after {
  63   content: "x";
  64   padding: 0px 2px;
  65   font-weight: bold;
  66 }
  67 .friendica-tagsinput .tag [data-role="remove"]:hover {
  68   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  69 }
  70 .friendica-tagsinput .tag [data-role="remove"]:hover:active {
  71   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  72 }