RollingList.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. .dojoxRollingList {
  2. border: 1px solid #000;
  3. height: 20em;
  4. background-color: #FFF;
  5. position: relative;
  6. }
  7. .dijitPopup .dojoxRollingList {
  8. position: static;
  9. }
  10. .dojoxRollingListContainer {
  11. overflow: scroll;
  12. overflow-y: hidden;
  13. overflow-x: scroll;
  14. white-space: nowrap;
  15. }
  16. .dojoxRollingListButtons {
  17. position: absolute;
  18. right: 5px;
  19. padding: 5px 0px;
  20. }
  21. .dojoxRollingListButtonsHidden .dojoxRollingListButtons {
  22. display: none;
  23. }
  24. .dojoxRollingListPane {
  25. overflow: scroll;
  26. overflow-x: hidden;
  27. overflow-y: scroll;
  28. display:-moz-inline-box; /* FF2 */
  29. display:inline-block; /* webkit and FF3 */
  30. #zoom: 1; /* set hasLayout:true to mimic inline-block */
  31. #display:inline; /* don't use .dj_ie since that increases the priority */
  32. border:0;
  33. padding:0;
  34. vertical-align:middle;
  35. #vertical-align: auto; /* makes TextBox,Button line up w/native counterparts on IE6 */
  36. }
  37. .dojoxRollingListPane .dijitMenuItem td {
  38. width: 1px;
  39. }
  40. .dojoxRollingListPane .dijitMenuItem td.dijitMenuItemLabel {
  41. width: auto;
  42. }
  43. .dojoxRollingListPane .dijitMenuItemLabel,
  44. .dojoxRollingListPane .dijitMenuItemIcon {
  45. position: static !important;
  46. }
  47. .dj_webkit .dojoxRollingListPane,
  48. .dj_ie .dojoxRollingListPane {
  49. padding-right: 15px; /* Account for scroll bar */
  50. }
  51. .dojoxRollingListPane .dijitMenu {
  52. border: none !important;
  53. }
  54. .dojoxRollingListItem {
  55. cursor: default;
  56. }
  57. /* Background colors to match menus */
  58. .tundra .dojoxRollingList {
  59. border-color: #b3b3b3;
  60. }
  61. .tundra .dijitPopup .dojoxRollingList {
  62. border-color: #406b9b;
  63. }
  64. .tundra .dojoxRollingListPane {
  65. background-color: #f7f7f7;
  66. }
  67. .tundra .dojoxRollingListPane .dojoxRollingListItemHover,
  68. .tundra .dojoxRollingListPane .dojoxRollingListItemFocus {
  69. background-color: #e3e3e3;
  70. }
  71. .tundra .dojoxRollingListPane .dojoxRollingListItemSelected {
  72. color: #fff;
  73. background-color: #999;
  74. font-weight: bold;
  75. }
  76. .tundra .dojoxRollingListPaneCurrentSelected .dojoxRollingListItemSelected {
  77. background-color: #3559ac;
  78. }
  79. .tundra .dojoxRollingListPane .dojoxRollingListItemHoverSelected,
  80. .tundra .dojoxRollingListPane .dojoxRollingListItemFocusSelected {
  81. background-color: #9aacd6;
  82. }
  83. .tundra .dojoxRollingListItem {
  84. font-family: inherit;
  85. }
  86. .soria .dojoxRollingList {
  87. border-color: #8ba0bd;
  88. }
  89. .soria .dijitPopup .dojoxRollingList {
  90. border-color: #406b9b;
  91. }
  92. .soria .dojoxRollingListPane {
  93. background-color: #fff;
  94. }
  95. .soria .dojoxRollingListPane .dojoxRollingListItemHover,
  96. .soria .dojoxRollingListPane .dojoxRollingListItemFocus {
  97. background-color: #e3e3e3;
  98. }
  99. .soria .dojoxRollingListPane .dojoxRollingListItemSelected {
  100. color: #243C5F;
  101. background-color: #ccc;
  102. font-weight: bold;
  103. }
  104. .soria .dojoxRollingListPaneCurrentSelected .dojoxRollingListItemSelected {
  105. background-color: #d9e6f9;
  106. }
  107. .soria .dojoxRollingListPane .dojoxRollingListItemHoverSelected,
  108. .soria .dojoxRollingListPane .dojoxRollingListItemFocusSelected {
  109. background-color: #ecf3fc;
  110. }
  111. .soria .dojoxRollingListItem {
  112. font-family: inherit;
  113. }
  114. .nihilo .dojoxRollingList {
  115. border-color: #d3d3d3;
  116. }
  117. .nihilo .dijitPopup .dojoxRollingList {
  118. border-color: #b3b3b3;
  119. }
  120. .nihilo .dojoxRollingListPane {
  121. background-color: #fff;
  122. }
  123. .nihilo .dojoxRollingListPane .dojoxRollingListItemHover,
  124. .nihilo .dojoxRollingListPane .dojoxRollingListItemFocus {
  125. background-color: #e3e3e3;
  126. }
  127. .nihilo .dojoxRollingListPane .dojoxRollingListItemSelected {
  128. color: #243C5F;
  129. background-color: #ccc;
  130. font-weight: bold;
  131. }
  132. .nihilo .dojoxRollingListPaneCurrentSelected .dojoxRollingListItemSelected {
  133. background-color: #ffe284;
  134. }
  135. .nihilo .dojoxRollingListPane .dojoxRollingListItemHoverSelected,
  136. .nihilo .dojoxRollingListPane .dojoxRollingListItemFocusSelected {
  137. background-color: #fff1c2;
  138. }
  139. .nihilo .dojoxRollingListItem {
  140. font-family: inherit;
  141. }