CSS   56

token input facebook

Guest on 7th July 2022 02:03:05 AM

  1. /* Example tokeninput style #2: Facebook style */
  2. ul.token-input-list-facebook {
  3.     overflow: hidden;
  4.     height: auto !important;
  5.     height: 1%;
  6.     width: 400px;
  7.     border: 1px solid #8496ba;
  8.     cursor: text;
  9.     font-size: 12px;
  10.     font-family: Verdana;
  11.     min-height: 1px;
  12.     z-index: 999;
  13.     margin: 0;
  14.     padding: 0;
  15.     background-color: #fff;
  16.     list-style-type: none;
  17.     clear: left;
  18. }
  19.  
  20. ul.token-input-list-facebook li input {
  21.     border: 0;
  22.     width: 100px;
  23.     padding: 3px 8px;
  24.     background-color: white;
  25.     margin: 2px 0;
  26.     -webkit-appearance: caret;
  27. }
  28.  
  29. li.token-input-token-facebook {
  30.     overflow: hidden;
  31.     height: auto !important;
  32.     height: 15px;
  33.     margin: 3px;
  34.     padding: 1px 3px;
  35.     background-color: #eff2f7;
  36.     color: #000;
  37.     cursor: default;
  38.     border: 1px solid #ccd5e4;
  39.     font-size: 11px;
  40.     border-radius: 5px;
  41.     -moz-border-radius: 5px;
  42.     -webkit-border-radius: 5px;
  43.     float: left;
  44.     white-space: nowrap;
  45. }
  46.  
  47. li.token-input-token-facebook p {
  48.     display: inline;
  49.     padding: 0;
  50.     margin: 0;
  51. }
  52.  
  53. li.token-input-token-facebook span {
  54.     color: #a6b3cf;
  55.     margin-left: 5px;
  56.     font-weight: bold;
  57.     cursor: pointer;
  58. }
  59.  
  60. li.token-input-selected-token-facebook {
  61.     background-color: #5670a6;
  62.     border: 1px solid #3b5998;
  63.     color: #fff;
  64. }
  65.  
  66. li.token-input-input-token-facebook {
  67.     float: left;
  68.     margin: 0;
  69.     padding: 0;
  70.     list-style-type: none;
  71. }
  72.  
  73. div.token-input-dropdown-facebook {
  74.     position: absolute;
  75.     width: 400px;
  76.     background-color: #fff;
  77.     overflow: hidden;
  78.     border-left: 1px solid #ccc;
  79.     border-right: 1px solid #ccc;
  80.     border-bottom: 1px solid #ccc;
  81.     cursor: default;
  82.     font-size: 11px;
  83.     font-family: Verdana;
  84.     z-index: 1;
  85. }
  86.  
  87. div.token-input-dropdown-facebook p {
  88.     margin: 0;
  89.     padding: 5px;
  90.     font-weight: bold;
  91.     color: #777;
  92. }
  93.  
  94. div.token-input-dropdown-facebook ul {
  95.     margin: 0;
  96.     padding: 0;
  97. }
  98.  
  99. div.token-input-dropdown-facebook ul li {
  100.     background-color: #fff;
  101.     padding: 3px;
  102.     margin: 0;
  103.     list-style-type: none;
  104. }
  105.  
  106. div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
  107.     background-color: #fff;
  108. }
  109.  
  110. div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
  111.     background-color: #fff;
  112. }
  113.  
  114. div.token-input-dropdown-facebook ul li em {
  115.     font-weight: bold;
  116.     font-style: normal;
  117. }
  118.  
  119. div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
  120.     background-color: #3b5998;
  121.     color: #fff;
  122. }

Raw Paste


Login or Register to edit or fork this paste. It's free.