Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

_feedback.scss 3.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. @-webkit-keyframes shake-rotate {
  2. 0% {
  3. -webkit-transform:scale(1) rotate(0deg);
  4. transform:scale(1) rotate(0deg)
  5. }
  6. 50% {
  7. -webkit-transform:scale(.8) rotate(-5deg);
  8. transform:scale(.8) rotate(-5deg)
  9. }
  10. to {
  11. -webkit-transform:scale(1) rotate(3deg);
  12. transform:scale(1) rotate(3deg)
  13. }
  14. }
  15. @keyframes shake-rotate {
  16. 0% {
  17. -webkit-transform:scale(1) rotate(0deg);
  18. transform:scale(1) rotate(0deg)
  19. }
  20. 50% {
  21. -webkit-transform:scale(.8) rotate(-5deg);
  22. transform:scale(.8) rotate(-5deg)
  23. }
  24. to {
  25. -webkit-transform:scale(1) rotate(3deg);
  26. transform:scale(1) rotate(3deg)
  27. }
  28. }
  29. .shake-rotate {
  30. display: inline-block;
  31. -webkit-animation-duration: .4s;
  32. animation-duration: .4s;
  33. -webkit-animation-iteration-count: infinite;
  34. animation-iteration-count: infinite;
  35. -webkit-animation-name: shake-rotate;
  36. animation-name: shake-rotate;
  37. -webkit-animation-timing-function: ease-in-out;
  38. animation-timing-function: ease-in-out
  39. }
  40. .feedback.aui-dialog2{
  41. .aui-dialog2{
  42. &-header {
  43. background-color: $feedbackContentBg;
  44. border-bottom-color: transparent;
  45. padding-top: 30px;
  46. h2 {
  47. color: $feedbackTextColor;
  48. text-align: center;
  49. }
  50. }
  51. &-content {
  52. background-color: $feedbackContentBg;
  53. text-align: center;
  54. padding: 10px 40px 20px 40px;
  55. .input-control {
  56. background-color: $feedbackInputBg;
  57. color: $feedbackInputTextColor;
  58. &::-webkit-input-placeholder {
  59. color: $feedbackInputPlaceholderColor;
  60. }
  61. &::-moz-placeholder { /* Firefox 19+ */
  62. color: $feedbackInputPlaceholderColor;
  63. }
  64. &:-ms-input-placeholder {
  65. color: $feedbackInputPlaceholderColor;
  66. }
  67. }
  68. .rating {
  69. line-height: 1.2;
  70. text-align: center;
  71. margin-top: 10px;
  72. .star-label {
  73. height: 16px;
  74. font-size: 14px;
  75. color: $rateStarLabelColor;
  76. }
  77. .star-btn {
  78. display: inline-block;
  79. color: $rateStarDefault;
  80. font-size: $rateStarSize;
  81. position: relative;
  82. cursor: pointer;
  83. outline: none;
  84. text-decoration: none;
  85. @include transition(all .2s ease);
  86. &.starHover,
  87. &.active,
  88. &:hover {
  89. color: $rateStarActivity;
  90. };
  91. }
  92. }
  93. .details {
  94. padding-left: 60px;
  95. padding-right: 60px;
  96. margin-top: 20px;
  97. textarea {
  98. min-height: 100px;
  99. }
  100. }
  101. }
  102. &-footer {
  103. background-color: $feedbackContentBg;
  104. border-top-color: transparent;
  105. .button-control {
  106. color: $feedbackCancelFontColor;
  107. }
  108. }
  109. }
  110. }