imageSlicer.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. .image-with-rect {
  2. position: relative;
  3. }
  4. .image-with-rect img {
  5. display: block;
  6. width: 100%;
  7. }
  8. .rect {
  9. box-sizing: border-box;
  10. -moz-box-sizing: border-box;
  11. -webkit-box-sizing: border-box;
  12. position: absolute;
  13. text-align: center;
  14. border-style: dotted;
  15. transform-origin: left top;
  16. }
  17. .patternpartcheckbox{
  18. margin: 30px;
  19. height: 20px !important;
  20. }
  21. .patternPart2 span{
  22. display:block;
  23. text-align: center;
  24. }
  25. .patternPart2{
  26. display: inline-block;
  27. white-space: nowrap;
  28. }
  29. .patternPart2Input{
  30. width: 8em !important;
  31. text-align: center;
  32. padding: 0.5em 0 !important;
  33. }
  34. .patternPart3 span, .patternPart3Text span{
  35. display:block;
  36. text-align: center;
  37. }
  38. .patternPart3, .patternPart3Text{
  39. padding: 10px 0px;
  40. display: inline-block;
  41. white-space: nowrap;
  42. }
  43. .patternPart3Input{
  44. width: 4em !important;
  45. text-align: center;
  46. margin-top: 5px !important;
  47. }
  48. #imgRectangles .wasGroup:nth-child(even){ /* or "odd" */
  49. background-color: #efefef;
  50. }
  51. /* Overlay */
  52. .slicerRedlink{
  53. text-align: center;
  54. color: red;
  55. border: 1px solid;
  56. height: 1.4em;
  57. padding: 0.2em 0.55em;
  58. }
  59. .CloseOverlayTopRight{
  60. float: right;
  61. margin: 0.2em;
  62. position: absolute;
  63. top: 0.2em;
  64. right: 2.0em;
  65. z-index:6;
  66. }
  67. .slicerOldImg, .slicerNewImg{
  68. width:150px;
  69. }
  70. #overlaycontentsizeNotClickable .slicerChangeButton{
  71. width: auto;
  72. }
  73. .slicerScrollbar{
  74. overflow-y: scroll;
  75. position: relative;
  76. height: 90vh;
  77. padding: 2em 1em;
  78. }
  79. .SlicerScrolling{
  80. position: relative;
  81. }
  82. /*.image-with-rect {
  83. position: relative;
  84. width: 100%;
  85. }
  86. .image-with-rect .image {
  87. display: block;
  88. width: 100%;
  89. height: auto;
  90. }
  91. .image-with-rect .rect {
  92. box-sizing: border-box;
  93. -moz-box-sizing: border-box;
  94. -webkit-box-sizing: border-box;
  95. position: absolute;
  96. overflow: hidden;
  97. border-style: dotted;
  98. }
  99. */
  100. /* Chrome, Safari, Edge, Opera */
  101. .noarrow::-webkit-outer-spin-button,
  102. .noarrow::-webkit-inner-spin-button {
  103. -webkit-appearance: none;
  104. margin: 0;
  105. }
  106. /* Firefox */
  107. .noarrow {
  108. -moz-appearance: textfield;
  109. }