Common.less 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. /* ========= Styling rules to affect widgets ========= */
  2. @import "variables";
  3. .claro .dijitPopup {
  4. .box-shadow(0 1px 5px rgba(0,0,0,0.25));
  5. }
  6. .claro .dijitTooltipDialogPopup {
  7. /* exception popups: do not use a shadow on these because they aren't rectangular */
  8. .box-shadow(none);
  9. }
  10. /* The highlight is shown in the ComboBox menu. TODO: move to form/Common.less */
  11. .claro .dijitComboBoxHighlightMatch {
  12. background-color: @select-matchedtext-background-color;
  13. }
  14. .claro .dijitFocusedLabel {
  15. /* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */
  16. outline: 1px dotted @focus-outline-color;
  17. }
  18. /* Drag and Drop */
  19. .claro .dojoDndItemBefore,
  20. .claro .dojoDndItemAfter{
  21. border-top: 1px solid @dnd-dropseparator-color;
  22. }
  23. .claro .dojoDndItemOver {
  24. cursor:pointer;
  25. }
  26. .claro table.dojoDndAvatar {
  27. border: 1px solid @border-color;
  28. border-collapse: collapse;
  29. background-color: @dnd-avatar-background-color;
  30. .box-shadow(0 1px 3px rgba(0, 0, 0, .25));
  31. }
  32. .claro .dojoDndAvatarHeader td {
  33. height: 20px;
  34. padding-left:21px;
  35. }
  36. .claro.dojoDndMove .dojoDndAvatarHeader, .claro.dojoDndCopy .dojoDndAvatarHeader {
  37. background-image: url(@image-dnd);
  38. background-repeat: no-repeat;
  39. background-position:2px -122px;
  40. }
  41. .claro .dojoDndAvatarItem td {
  42. padding: 5px;
  43. }
  44. .claro.dojoDndMove .dojoDndAvatarHeader {
  45. background-color: @dnd-avatar-header-background-color;
  46. background-position:2px -103px;
  47. }
  48. .claro.dojoDndCopy .dojoDndAvatarHeader {
  49. background-color: @dnd-avatar-header-background-color;
  50. background-position:2px -68px;
  51. }
  52. .claro.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
  53. background-color: @dnd-avatar-candrop-header-background-color;
  54. background-position:2px -33px;
  55. }
  56. .claro.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
  57. background-color: @dnd-avatar-candrop-header-background-color;
  58. background-position:2px 2px;
  59. }