CheckedMultiSelect.css 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. /*
  2. **----------------------------------------------------------------------------
  3. ** CheckedMultiSelect
  4. **----------------------------------------------------------------------------
  5. */
  6. .dojoxMultiSelectSelect { display: none; }
  7. .dojoxMultiSelect {
  8. border: solid black 1px;
  9. margin: 1px 0;
  10. overflow: scroll;
  11. overflow-y: scroll;
  12. overflow-x: hidden;
  13. height: 100px;
  14. }
  15. .dj_ie .dojoxMultiSelect,
  16. .dj_webkit .dojoxMultiSelect {
  17. /* So that the scroll bar doesn't cover stuff up */
  18. padding-right: 15px;
  19. }
  20. .dojoxMultiSelectItem {
  21. white-space: nowrap;
  22. padding:.1em .2em;
  23. cursor:default;
  24. }
  25. .dojoxMultiSelectDisabled *,
  26. .dojoxMultiSelectReadOnly * {
  27. color:gray !important;
  28. }
  29. .dojoxMultiSelectItemLabel {
  30. margin-left: .2em;
  31. }
  32. /*
  33. **----------------------------------------------------------------------------
  34. ** Tundra theme (make look similar to text box)
  35. **----------------------------------------------------------------------------
  36. */
  37. .tundra .dojoxMultiSelect {
  38. margin: 0em 0.1em;
  39. }
  40. .tundra .dojoxMultiSelect {
  41. background:#fff url("../../../dijit/themes/tundra/images/validationInputBg.png") repeat-x top left;
  42. #background:#fff url('../../../dijit/themes/tundra/images/validationInputBg.gif') repeat-x top left;
  43. border:1px solid #b3b3b3;
  44. line-height: normal;
  45. }
  46. .tundra .dojoxMultiSelectFocused {
  47. /* input field when focused (ie: typing affects it) */
  48. border-color:#406b9b;
  49. }
  50. /*
  51. **----------------------------------------------------------------------------
  52. ** Soria theme (make look similar to text box)
  53. **----------------------------------------------------------------------------
  54. */
  55. .soria .dojoxMultiSelect {
  56. margin: 0em 0.1em;
  57. }
  58. .soria .dojoxMultiSelect {
  59. background:#fff url("../../../dijit/themes/soria/images/validationInputBg.png") repeat-x top left;
  60. #background:#fff url('../../../dijit/themes/soria/images/validationInputBg.gif') repeat-x top left;
  61. border:1px solid #8ba0bd;
  62. line-height: normal;
  63. }
  64. .soria .dojoxMultiSelectFocused {
  65. /* input field when focused (ie: typing affects it) */
  66. border-color:#406b9b;
  67. }
  68. /*
  69. **----------------------------------------------------------------------------
  70. ** Nihilo theme (make look similar to text box)
  71. **----------------------------------------------------------------------------
  72. */
  73. .nihilo .dojoxMultiSelect {
  74. margin: 0em 0.1em;
  75. }
  76. .nihilo .dojoxMultiSelect {
  77. background:#fff url("../../../dijit/themes/nihilo/images/validationInputBg.png") repeat-x top left;
  78. #background:#fff url('../../../dijit/themes/nihilo/images/validationInputBg.gif') repeat-x top left;
  79. border:1px solid #d3d3d3;
  80. line-height: normal;
  81. }
  82. .nihilo .dojoxMultiSelectFocused {
  83. /* input field when focused (ie: typing affects it) */
  84. border-color:#b3b3b3;
  85. }
  86. /*
  87. **----------------------------------------------------------------------------
  88. ** Claro theme (make look similar to text box)
  89. **----------------------------------------------------------------------------
  90. */
  91. .claro .dojoxMultiSelect {
  92. margin: 0em 0.1em;
  93. }
  94. .claro .dojoxMultiSelect {
  95. border: 1px solid #b5bcc7;
  96. background-color: #f7fcff;
  97. line-height: normal;
  98. -webkit-transition-property:background-color, border;
  99. -webkit-transition-duration:.35s;
  100. }
  101. .claro .dojoxMultiSelectHover {
  102. border-color: #769dc0;
  103. background-color: #e9f4fe;
  104. background-image: url('../../../dijit/themes/claro/form/images/textBox_back.png');
  105. background-repeat: repeat-x;
  106. -webkit-transition-duration:.25s;
  107. }
  108. .claro .dojoxMultiSelectFocused {
  109. border: 1px solid #769dc0;
  110. -webkit-transition-duration:.1s;
  111. }