Common.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. /* ========= Styling rules to affect widgets ========= */
  2. .claro .dijitPopup {
  3. -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  4. -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  5. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  6. }
  7. .claro .dijitTooltipDialogPopup {
  8. /* exception popups: do not use a shadow on these because they aren't rectangular */
  9. -webkit-box-shadow: none;
  10. -moz-box-shadow: none;
  11. box-shadow: none;
  12. }
  13. /* The highlight is shown in the ComboBox menu. TODO: move to form/Common.less */
  14. .claro .dijitComboBoxHighlightMatch {
  15. background-color: #abd6ff;
  16. }
  17. .claro .dijitFocusedLabel {
  18. /* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */
  19. outline: 1px dotted #4a4a4a;
  20. }
  21. .claro .dijitContentPaneLoading {
  22. background: url('images/loadingAnimation.gif') no-repeat left center;
  23. padding-left: 25px;
  24. }
  25. /* .dijitContentPaneError icon renders in a dialog box with the error messsage when there is an error in a HREF url */
  26. .claro .dijitContentPaneError {
  27. background: url('../../icons/images/commonIconsObjActEnabled.png') no-repeat left center;
  28. background-position: -496px;
  29. padding-left: 25px;
  30. }
  31. /* Drag and Drop */
  32. .claro .dojoDndItemBefore, .claro .dojoDndItemAfter {
  33. border-top: 1px solid #769dc0;
  34. }
  35. .claro .dojoDndItemOver {
  36. cursor: pointer;
  37. }
  38. .claro table.dojoDndAvatar {
  39. border: 1px solid #b5bcc7;
  40. border-collapse: collapse;
  41. background-color: #ffffff;
  42. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  43. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  44. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  45. }
  46. .claro .dojoDndAvatarHeader td {
  47. height: 20px;
  48. padding-left: 21px;
  49. }
  50. .claro.dojoDndMove .dojoDndAvatarHeader, .claro.dojoDndCopy .dojoDndAvatarHeader {
  51. background-image: url(images/dnd.png);
  52. background-repeat: no-repeat;
  53. background-position: 2px -122px;
  54. }
  55. .claro .dojoDndAvatarItem td {
  56. padding: 5px;
  57. }
  58. .claro.dojoDndMove .dojoDndAvatarHeader {
  59. background-color: #f58383;
  60. background-position: 2px -103px;
  61. }
  62. .claro.dojoDndCopy .dojoDndAvatarHeader {
  63. background-color: #f58383;
  64. background-position: 2px -68px;
  65. }
  66. .claro.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
  67. background-color: #97e68d;
  68. background-position: 2px -33px;
  69. }
  70. .claro.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
  71. background-color: #97e68d;
  72. background-position: 2px 2px;
  73. }