You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

173 lines
2.9 KiB

2 years ago
  1. .hide{
  2. display:none !important;
  3. }
  4. .vsb-menu{
  5. cursor:pointer;
  6. z-index:1000;
  7. display:none;
  8. position:fixed;
  9. border:1px solid #B2B2B2;
  10. background-color: #fff;
  11. background-clip: padding-box;
  12. border: 1px solid rgba(0,0,0,.15);
  13. box-shadow: 0 6px 12px rgba(0,0,0,.175);
  14. border-radius:4px;
  15. font-size : 11px;
  16. }
  17. .vsb-js-search-zone{
  18. position:absolute;
  19. z-index:1001;
  20. width: 80%;
  21. min-height:1.8em;
  22. background-color: #fff;
  23. }
  24. .vsb-js-search-zone input{
  25. border: 1px solid grey;margin-left: 2px;width: 96%;border-radius: 4px;
  26. }
  27. .vsb-main{
  28. position: relative;
  29. display: inline-block;
  30. vertical-align: middle;
  31. text-align:left;
  32. }
  33. .vsb-menu li{
  34. display: list-item;
  35. font-size: 12px;
  36. background-color: #fff;
  37. min-height:1.4em;
  38. padding: 0.2em;
  39. }
  40. .vsb-menu li:hover {
  41. background: linear-gradient(#f5f5f5, #e8e8e8);
  42. }
  43. .vsb-menu ul{
  44. user-select:none;
  45. list-style:none;
  46. white-space: nowrap;
  47. margin:0px;
  48. margin-top:4px;
  49. padding-left:10px;
  50. padding-right:10px;
  51. padding-bottom:3px;
  52. color: #333;
  53. cursor:pointer;
  54. overflow-y:auto;
  55. }
  56. .vsb-main button{
  57. width: 200px;
  58. max-width: 250px;
  59. /*min-width: 120px;*/
  60. border-radius: 0;
  61. /*width: 100%;*/
  62. text-align: left;
  63. z-index: 1;
  64. color: #333;
  65. background: white !important;
  66. border: 1px solid #999 !important;
  67. line-height:20px;
  68. font-size:14px;
  69. padding:6px 12px;
  70. }
  71. .vsb-main button.disabled{
  72. cursor:not-allowed;
  73. opacity:0.65;
  74. }
  75. .vsb-main .title {
  76. margin-right: 6px;
  77. user-select: none;
  78. width: inherit;
  79. }
  80. .vsb-main li:hover {
  81. background: linear-gradient(#f5f5f5, #e8e8e8);
  82. }
  83. .vsb-main ul{
  84. white-space: nowrap;
  85. }
  86. .vsb-menu li {
  87. font-size: 14px;
  88. background-color: #fff;
  89. min-height:1.4em;
  90. padding: 0.2em 2em 0.2em 1em;
  91. }
  92. .vsb-menu :not(.multi) li.active::before {
  93. content: "";
  94. display: inline-block;
  95. font-size: inherit;
  96. float:left;
  97. margin-left:-16px;
  98. display: inline-block;
  99. transform: rotate(45deg);
  100. height: 10px;
  101. width: 5px;
  102. border-bottom: 3px solid black;
  103. border-right: 3px solid black;
  104. border-radius:2px;
  105. }
  106. .vsb-menu .multi li {
  107. font-size: 14px;
  108. background-color: #fff;
  109. min-height:1.4em;
  110. padding: 0.2em 2em 0.2em 26px;
  111. }
  112. .vsb-menu .multi li::before{
  113. content: "";
  114. display: inline-block;
  115. font-size: inherit;
  116. float:left;
  117. font-weight:bold;
  118. margin-left:-22px;
  119. margin-right:2px;
  120. border : 1px solid;
  121. border-radius : 3px;
  122. padding : 7px;
  123. margin-top:0px;
  124. color:black;
  125. }
  126. .vsb-menu .multi li.active::after {
  127. content: "";
  128. display: inline-block;
  129. font-size: inherit;
  130. color: #333;
  131. float:left;
  132. margin-left:-18px;
  133. display: inline-block;
  134. transform: rotate(45deg);
  135. margin-top:2px;
  136. height: 8px;
  137. width: 4px;
  138. border-bottom: 3px solid black;
  139. border-right: 3px solid black;
  140. }
  141. .caret {
  142. display: inline-block;
  143. width: 0;
  144. height: 0;
  145. margin-left: 2px;
  146. vertical-align: middle;
  147. border-top: 4px dashed;
  148. border-top: 4px solid;
  149. border-right: 4px solid transparent;
  150. border-left: 4px solid transparent;
  151. }