Common.less 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  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 .dojoDndItem {
  20. border-color: rgba(0,0,0,0); // rgba() instead of none to prevent flash on hover fade-in
  21. .transition-duration(.25s);
  22. .transition-property(background-color, border-color)
  23. }
  24. .claro .dojoDndItemOver {
  25. // Hovered item. Matches dijitTreeRowHover.
  26. background-color:@hovered-background-color;
  27. .standard-gradient;
  28. padding: 1px; // reduce from 2px in dijit.css
  29. border:solid 1px @hovered-border-color;
  30. color:@hovered-text-color;
  31. }
  32. .claro .dojoDndItemAnchor,
  33. .claro .dojoDndItemSelected {
  34. // Selected items(s). Matches dijitTreeRowSelected.
  35. background-color:@selected-background-color;
  36. .standard-gradient;
  37. padding: 1px; // reduce from 2px in dijit.css
  38. border:solid 1px @selected-border-color;
  39. color:@selected-text-color;
  40. }
  41. .claro .dojoDndItemBefore,
  42. .claro .dojoDndItemAfter {
  43. // line to indicate that user is dropping before/after this dojoDndItem
  44. border-color: @dnd-dropseparator-color;
  45. }
  46. .claro table.dojoDndAvatar {
  47. border: 1px solid @border-color;
  48. border-collapse: collapse;
  49. background-color: @dnd-avatar-background-color;
  50. .box-shadow(0 1px 3px rgba(0, 0, 0, .25));
  51. }
  52. .claro .dojoDndAvatarHeader td {
  53. height: 20px;
  54. padding-left:21px;
  55. }
  56. .claro.dojoDndMove .dojoDndAvatarHeader, .claro.dojoDndCopy .dojoDndAvatarHeader {
  57. background-image: url(@image-dnd);
  58. background-repeat: no-repeat;
  59. background-position:2px -122px;
  60. }
  61. .claro .dojoDndAvatarItem td {
  62. padding: 5px;
  63. }
  64. .claro.dojoDndMove .dojoDndAvatarHeader {
  65. background-color: @dnd-avatar-header-background-color;
  66. background-position:2px -103px;
  67. }
  68. .claro.dojoDndCopy .dojoDndAvatarHeader {
  69. background-color: @dnd-avatar-header-background-color;
  70. background-position:2px -68px;
  71. }
  72. .claro.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
  73. background-color: @dnd-avatar-candrop-header-background-color;
  74. background-position:2px -33px;
  75. }
  76. .claro.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
  77. background-color: @dnd-avatar-candrop-header-background-color;
  78. background-position:2px 2px;
  79. }