jquery.enableObjectResizingShim.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. .enableObjectResizingShim {
  2. box-shadow: 0 0 0 1px black;
  3. position: relative;
  4. display: inline-block !important;
  5. vertical-align: top;
  6. }
  7. .enableObjectResizingShim-handle {
  8. position: absolute;
  9. width: 20px;
  10. height: 20px;
  11. margin: -10px;
  12. left: 0;
  13. top: 0;
  14. cursor: nwse-resize;
  15. -webkit-user-select: none;
  16. -moz-user-select: none;
  17. user-select: none;
  18. }
  19. .enableObjectResizingShim-handle:after {
  20. content: "";
  21. position: absolute;
  22. left: 6px;
  23. top: 6px;
  24. width: 8px;
  25. height: 8px;
  26. background: white;
  27. border: 1px solid black;
  28. }
  29. .enableObjectResizingShim-handle:hover:after {
  30. background: black;
  31. }
  32. .enableObjectResizingShim-handle:nth-child(2) {
  33. left: 100%;
  34. cursor: nesw-resize;
  35. }
  36. .enableObjectResizingShim-handle:nth-child(3) {
  37. left: 100%;
  38. top: 100%;
  39. }
  40. .enableObjectResizingShim-handle:nth-child(4) {
  41. top: 100%;
  42. cursor: nesw-resize;
  43. }
  44. .enableObjectResizingShim-clone {
  45. position: absolute;
  46. width: 100%;
  47. height: auto;
  48. opacity: 0.5;
  49. border: 1px dashed black;
  50. }
  51. .enableObjectResizingShim-clone--0 {
  52. right: 0;
  53. bottom: 0;
  54. }
  55. .enableObjectResizingShim-clone--1 {
  56. left: 0;
  57. bottom: 0;
  58. }
  59. .enableObjectResizingShim-clone--2 {
  60. left: 0;
  61. top: 0;
  62. }
  63. .enableObjectResizingShim-clone--3 {
  64. top: 0;
  65. right: 0;
  66. }