token-input-normal.css 2.5 KB

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