tui-image-editor.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. .border {
  2. border: 1px solid black;
  3. }
  4. .body-container {
  5. width: 1000px;
  6. }
  7. .tui-image-editor-controls {
  8. min-height: 250px;
  9. }
  10. .menu {
  11. padding: 0;
  12. margin-bottom: 5px;
  13. text-align: center;
  14. color:#544B61;
  15. font-weight: 400;
  16. list-style-type: none;
  17. user-select: none;
  18. -moz-user-select: none;
  19. -ms-user-select: none;
  20. -webkit-user-select: none;
  21. }
  22. .logo {
  23. margin: 0 auto;
  24. width: 300px;
  25. vertical-align: middle;
  26. }
  27. .header .name {
  28. padding: 10px;
  29. line-height:50px;
  30. font-size: 30px;
  31. font-weight: 100;
  32. vertical-align: middle;
  33. }
  34. .header .menu {
  35. display: inline-block;
  36. }
  37. .menu-item {
  38. padding: 10px;
  39. display: inline-block;
  40. cursor: pointer;
  41. vertical-align: middle;
  42. }
  43. .menu-item a {
  44. text-decoration: none;
  45. }
  46. .menu-item.no-pointer {
  47. cursor: default;
  48. }
  49. .menu-item.active,
  50. .menu-item:hover {
  51. background-color:#f3f3f3;
  52. }
  53. .menu-item.disabled {
  54. cursor: default;
  55. color: #BFBEBE;
  56. }
  57. .align-left-top {
  58. text-align: left;
  59. vertical-align: top;
  60. }
  61. .range-narrow {
  62. width: 80px;
  63. }
  64. .sub-menu-container {
  65. font-size: 14px;
  66. margin-bottom: 1em;
  67. display: none;
  68. }
  69. .tui-image-editor {
  70. height: 500px;
  71. }
  72. .tui-image-editor-canvas-container {
  73. margin: 0 auto;
  74. top: 50%;
  75. transform: translateY(-50%);
  76. -ms-transform: translateY(-50%);
  77. -moz-transform: translateY(-50%);
  78. -webkit-transform: translateY(-50%);
  79. border: 1px dashed black;
  80. overflow: hidden;
  81. }
  82. .tui-colorpicker-container {
  83. margin: 5px auto 0;
  84. }
  85. .tui-colorpicker-palette-toggle-slider {
  86. display: none;
  87. }
  88. .input-wrapper{
  89. position: relative;
  90. }
  91. .input-wrapper input{
  92. cursor: pointer;
  93. position: absolute;
  94. font-size: 999px;
  95. left: 0;
  96. top: 0;
  97. opacity: 0;
  98. width: 100%;
  99. height: 100%;
  100. overflow: hidden;
  101. }
  102. .btn-text-style{
  103. padding: 5px;
  104. margin: 3px 1px;
  105. border: 1px dashed #bfbebe;
  106. outline: 0;
  107. background-color: #eee;
  108. cursor: pointer;
  109. }
  110. .icon-text{
  111. font-size: 20px;
  112. }
  113. .select-line-type{
  114. outline: 0;
  115. vertical-align: middle;
  116. }
  117. #tui-color-picker{
  118. display: inline-block;
  119. vertical-align: middle;
  120. }
  121. #tui-text-palette{
  122. display: none;
  123. position: absolute;
  124. padding: 10px;
  125. border: 1px solid #bfbebe;
  126. background-color: #fff;
  127. z-index: 9999;
  128. }