imageSlicer.css 2.0 KB

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