Common.less 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  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. .claro .dijitContentPaneLoading {
  19. background:url('images/loadingAnimation.gif') no-repeat left center;
  20. padding-left:25px;
  21. }
  22. /* .dijitContentPaneError icon renders in a dialog box with the error messsage when there is an error in a HREF url */
  23. .claro .dijitContentPaneError {
  24. background:url('../../icons/images/commonIconsObjActEnabled.png') no-repeat left center;
  25. background-position: -496px;
  26. padding-left:25px;
  27. }
  28. /* Drag and Drop */
  29. .claro .dojoDndItemBefore,
  30. .claro .dojoDndItemAfter{
  31. border-top: 1px solid @dnd-dropseparator-color;
  32. }
  33. .claro .dojoDndItemOver {
  34. cursor:pointer;
  35. }
  36. .claro table.dojoDndAvatar {
  37. border: 1px solid @border-color;
  38. border-collapse: collapse;
  39. background-color: @dnd-avatar-background-color;
  40. .box-shadow(0 1px 3px rgba(0, 0, 0, .25));
  41. }
  42. .claro .dojoDndAvatarHeader td {
  43. height: 20px;
  44. padding-left:21px;
  45. }
  46. .claro.dojoDndMove .dojoDndAvatarHeader, .claro.dojoDndCopy .dojoDndAvatarHeader {
  47. background-image: url(images/dnd.png);
  48. background-repeat: no-repeat;
  49. background-position:2px -122px;
  50. }
  51. .claro .dojoDndAvatarItem td {
  52. padding: 5px;
  53. }
  54. .claro.dojoDndMove .dojoDndAvatarHeader {
  55. background-color: @dnd-avatar-header-background-color;
  56. background-position:2px -103px;
  57. }
  58. .claro.dojoDndCopy .dojoDndAvatarHeader {
  59. background-color: @dnd-avatar-header-background-color;
  60. background-position:2px -68px;
  61. }
  62. .claro.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
  63. background-color: @dnd-avatar-candrop-header-background-color;
  64. background-position:2px -33px;
  65. }
  66. .claro.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
  67. background-color: @dnd-avatar-candrop-header-background-color;
  68. background-position:2px 2px;
  69. }