triggerbox.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .triggerbox {
  2. display: inline-block;
  3. white-space: nowrap;
  4. margin: 0;
  5. padding: 0;
  6. border-width: 1px;
  7. border-style: solid;
  8. overflow: hidden;
  9. vertical-align: middle;
  10. }
  11. .triggerbox .triggerbox-text {
  12. font-size: 12px;
  13. border: 0px;
  14. line-height: 20px;
  15. height: 20px;
  16. margin: 0;
  17. padding: 0px 2px;
  18. *margin-top: -1px;
  19. *height: 18px;
  20. *line-height: 18px;
  21. _height: 18px;
  22. _line-height: 18px;
  23. vertical-align: baseline;
  24. }
  25. .triggerbox-search {
  26. width: 18px;
  27. height: 20px;
  28. overflow: hidden;
  29. display: inline-block;
  30. vertical-align: top;
  31. cursor: pointer;
  32. opacity: 0.6;
  33. filter: alpha(opacity=60);
  34. }
  35. .triggerbox-search-hover {
  36. opacity: 1.0;
  37. filter: alpha(opacity=100);
  38. }
  39. .triggerbox-panel {
  40. overflow: auto;
  41. }
  42. .triggerbox-search {
  43. background: url('images/triggerbox_search.png') no-repeat center center;
  44. }
  45. .triggerbox,
  46. .triggerbox-panel {
  47. background-color: #fafafa;
  48. }
  49. .triggerbox {
  50. border-color: #c3d9e0;
  51. background-color: #fafafa;
  52. }
  53. .triggerbox-search {
  54. background-color: #daeef5;
  55. }
  56. .triggerbox-search-hover {
  57. background-color: #9cc8f7;
  58. }
  59. .triggerbox-delete {
  60. width: 18px;
  61. height: 20px;
  62. overflow: hidden;
  63. display: inline-block;
  64. vertical-align: top;
  65. cursor: pointer;
  66. opacity: 0.6;
  67. filter: alpha(opacity=60);
  68. }
  69. .triggerbox-delete-hover {
  70. opacity: 1.0;
  71. filter: alpha(opacity=100);
  72. }
  73. .triggerbox-delete {
  74. background: url('images/triggerbox_delete.png') no-repeat center center;
  75. }
  76. .triggerbox-delete {
  77. background-color: #daeef5;
  78. }
  79. .triggerbox-delete-hover {
  80. background-color: #9cc8f7;
  81. }