Common.css 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  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 #494949;
  20. }
  21. /* Drag and Drop */
  22. .claro .dojoDndItemBefore, .claro .dojoDndItemAfter {
  23. border-top: 1px solid #759dc0;
  24. }
  25. .claro .dojoDndItemOver {
  26. cursor: pointer;
  27. }
  28. .claro table.dojoDndAvatar {
  29. border: 1px solid #b5bcc7;
  30. border-collapse: collapse;
  31. background-color: #ffffff;
  32. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  33. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  34. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  35. }
  36. .claro .dojoDndAvatarHeader td {
  37. height: 20px;
  38. padding-left: 21px;
  39. }
  40. .claro.dojoDndMove .dojoDndAvatarHeader, .claro.dojoDndCopy .dojoDndAvatarHeader {
  41. background-image: url("images/dnd.png");
  42. background-repeat: no-repeat;
  43. background-position: 2px -122px;
  44. }
  45. .claro .dojoDndAvatarItem td {
  46. padding: 5px;
  47. }
  48. .claro.dojoDndMove .dojoDndAvatarHeader {
  49. background-color: #f58383;
  50. background-position: 2px -103px;
  51. }
  52. .claro.dojoDndCopy .dojoDndAvatarHeader {
  53. background-color: #f58383;
  54. background-position: 2px -68px;
  55. }
  56. .claro.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
  57. background-color: #97e68d;
  58. background-position: 2px -33px;
  59. }
  60. .claro.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
  61. background-color: #97e68d;
  62. background-position: 2px 2px;
  63. }