main.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. .item-content-edit {
  2. background-color: #fefef2;
  3. border: 1px solid #f2f4eb;
  4. padding: 20px;
  5. margin-bottom: 20px;
  6. }
  7. .edm-upload-img-wrap {
  8. position: relative;
  9. float: left;
  10. width: 300px;
  11. height: 180px;
  12. background-color: #fff;
  13. color: #777;
  14. }
  15. .edm-upload-img-wrap img {
  16. width: 300px;
  17. height: 180px;
  18. }
  19. .edm-upload-img-wrap > * {
  20. position: absolute;
  21. top: 0;
  22. left: 0;
  23. width: 300px;
  24. height: 180px;
  25. border: 1px solid #f1f3e9;
  26. -webkit-border-radius: 2px;
  27. -moz-border-radius: 2px;
  28. -ms-border-radius: 2px;
  29. -o-border-radius: 2px;
  30. border-radius: 2px;
  31. cursor: pointer;
  32. }
  33. .edm-upload-img-wrap .shadow {
  34. background-color: #000;
  35. opacity: .5;
  36. filter: alpha(opacity=50);
  37. }
  38. .edm-upload-img-wrap .text {
  39. color: #fff;
  40. }
  41. .edm-upload-img-wrap .text i {
  42. position: absolute;
  43. width: 60px;
  44. height: 46px;
  45. margin: 66px 0 0 30px;
  46. font-size: 46px;
  47. }
  48. .edm-upload-img-wrap .text span {
  49. position: absolute;
  50. margin: 66px 0 0 105px;
  51. line-height: 24px;
  52. cursor: pointer;
  53. }
  54. .edm-upload-img-wrap label {
  55. overflow: hidden;
  56. }
  57. .edm-upload-img-wrap label input[type=file] {
  58. position: absolute;
  59. top: -100px;
  60. left: 0;
  61. }
  62. /*
  63. .pace {
  64. -webkit-pointer-events: none;
  65. pointer-events: none;
  66. -webkit-user-select: none;
  67. -moz-user-select: none;
  68. user-select: none;
  69. -webkit-perspective: 12rem;
  70. -moz-perspective: 12rem;
  71. -ms-perspective: 12rem;
  72. -o-perspective: 12rem;
  73. perspective: 12rem;
  74. z-index: 2000;
  75. position: fixed;
  76. height: 6rem;
  77. width: 6rem;
  78. margin: auto;
  79. top: 0;
  80. left: 0;
  81. right: 0;
  82. bottom: 0;
  83. }
  84. .pace.pace-inactive .pace-progress {
  85. display: none;
  86. }
  87. .pace .pace-progress {
  88. position: fixed;
  89. z-index: 2000;
  90. display: block;
  91. position: absolute;
  92. left: 0;
  93. top: 0;
  94. height: 6rem;
  95. width: 6rem !important;
  96. line-height: 6rem;
  97. font-size: 2rem;
  98. border-radius: 50%;
  99. background: rgba(34, 153, 221, 0.8);
  100. color: #fff;
  101. font-family: "Helvetica Neue", sans-serif;
  102. font-weight: 100;
  103. text-align: center;
  104. -webkit-animation: pace-theme-center-circle-spin linear infinite 2s;
  105. -moz-animation: pace-theme-center-circle-spin linear infinite 2s;
  106. -ms-animation: pace-theme-center-circle-spin linear infinite 2s;
  107. -o-animation: pace-theme-center-circle-spin linear infinite 2s;
  108. animation: pace-theme-center-circle-spin linear infinite 2s;
  109. -webkit-transform-style: preserve-3d;
  110. -moz-transform-style: preserve-3d;
  111. -ms-transform-style: preserve-3d;
  112. -o-transform-style: preserve-3d;
  113. transform-style: preserve-3d;
  114. }
  115. .pace .pace-progress:after {
  116. content: attr(data-progress-text);
  117. display: block;
  118. }
  119. @-webkit-keyframes pace-theme-center-circle-spin {
  120. from { -webkit-transform: rotateY(0deg) }
  121. to { -webkit-transform: rotateY(360deg) }
  122. }
  123. @-moz-keyframes pace-theme-center-circle-spin {
  124. from { -moz-transform: rotateY(0deg) }
  125. to { -moz-transform: rotateY(360deg) }
  126. }
  127. @-ms-keyframes pace-theme-center-circle-spin {
  128. from { -ms-transform: rotateY(0deg) }
  129. to { -ms-transform: rotateY(360deg) }
  130. }
  131. @-o-keyframes pace-theme-center-circle-spin {
  132. from { -o-transform: rotateY(0deg) }
  133. to { -o-transform: rotateY(360deg) }
  134. }
  135. @keyframes pace-theme-center-circle-spin {
  136. from { transform: rotateY(0deg) }
  137. to { transform: rotateY(360deg) }
  138. }
  139. */
  140. .hero-unit {
  141. /*position: relative;*/
  142. }
  143. .nav-tabs-custom > .tab-content {
  144. background: #fff;
  145. padding: 10px;
  146. border-bottom-right-radius: 3px;
  147. border-bottom-left-radius: 3px;
  148. }