fl-icon-selector.css 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. .fl-lightbox-wrap.fl-icon-selector {
  2. z-index: 1000111;
  3. }
  4. .fl-icon-selector .fl-lightbox {
  5. height: 100%;
  6. }
  7. .fl-icons-filter {
  8. height: auto !important;
  9. margin: 0 !important;
  10. position: absolute !important;
  11. right: 0px;
  12. top: 0px;
  13. padding: 10px 16px;
  14. display: flex;
  15. flex-direction: row;
  16. }
  17. .fl-icons-filter select {
  18. vertical-align: middle;
  19. width: 195px;
  20. -webkit-appearance: none;
  21. -moz-appearance: none;
  22. appearance: none;
  23. box-sizing: border-box;
  24. color: #000;
  25. border: 2px solid #e4e7ea !important;
  26. border-right: none !important;
  27. margin: 0;
  28. padding: 2px 10px;
  29. background: white url("../img/svg/select-arrow-down-alt2.svg") no-repeat center right 10px !important;
  30. flex: 1 1 195px;
  31. border-radius:0px;
  32. }
  33. .fl-icons-filter input[type="text"] {
  34. line-height: 18px;
  35. vertical-align: middle;
  36. width: 160px;
  37. flex: 1 1 160px;
  38. border: 2px solid #e4e7ea !important;
  39. border-radius:0px !important;
  40. padding:2px 10px !important;
  41. }
  42. .fl-icons-filter input[type="text"]:focus,
  43. .fl-icons-filter select:focus {
  44. border: 2px solid #00A0D2 !important;
  45. }
  46. .fl-icons-list {
  47. bottom: 52px;
  48. left: 0;
  49. overflow: auto;
  50. padding: 20px;
  51. position: absolute;
  52. right: 0;
  53. top: 48px;
  54. }
  55. .fl-icons-list::-webkit-scrollbar {
  56. background-color: #ccc;
  57. -webkit-appearance: none;
  58. width: 10px;
  59. }
  60. .fl-icons-list::-webkit-scrollbar-thumb {
  61. background-color: #666;
  62. border: 1px solid #ccc;
  63. }
  64. .fl-icons-section {
  65. text-align: center;
  66. }
  67. .fl-icons-section h2 {
  68. border-bottom: 1px solid #dfdfdf;
  69. color: #333 !important;
  70. font-family: Helvetica, Verdana, sans-serif !important;
  71. font-size: 16px !important;
  72. font-weight: bold !important;
  73. margin: 0 0 20px 0 !important;
  74. padding: 0 0 10px 0 !important;
  75. text-align: left;
  76. }
  77. .fl-icons-list i,
  78. .fl-icons-list i:before {
  79. cursor: pointer;
  80. display: inline-block;
  81. font-size: 40px;
  82. height: 100px;
  83. line-height: 100px;
  84. width: 100px;
  85. background: transparent;
  86. }
  87. .fl-icons-list i:hover {
  88. background: white;
  89. box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
  90. border-radius: 4px;
  91. }
  92. .fl-icon-selector-footer {
  93. bottom: 0;
  94. left: 0;
  95. position: absolute;
  96. right: 0;
  97. }