Advertisement
Guest User

Untitled

a guest
Mar 30th, 2017
59
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.41 KB | None | 0 0
  1. //MODAL WINDOW STYLES
  2.  
  3. .modal-window {
  4. background: rgba(0, 0, 0, 0.5);
  5. color: #12485a;
  6. display: none;
  7. height: 100%;
  8. width: 100%;
  9. left: 0;
  10. top: 0;
  11. position: fixed;
  12. overflow-y: scroll;
  13. z-index: 9999;
  14. }
  15.  
  16. .window-container {
  17. text-align: center;
  18. background: #ffffff;
  19. display: block;
  20. margin: 3% auto;
  21. padding-top: 50px;
  22. padding-bottom: 33px;
  23. padding-left: 20px;
  24. padding-right: 20px;
  25. width: 320px;
  26. z-index: 9999;
  27. opacity: 0;
  28. -webkit-transition: 0.4s;
  29. -moz-transition: 0.4s;
  30. -ms-transition: 0.4s;
  31. -o-transition: 0.4s;
  32. transition: 0.4s;
  33. text-align: center;
  34.  
  35. h3 {
  36. font-family: $umedium;
  37. margin: 0 auto;
  38. font-size: 24px;
  39. line-height: 26px;
  40. height: auto;
  41. margin-bottom: 36px;
  42. }
  43.  
  44. input[type=text] {
  45. box-sizing: border-box;
  46. width: 280px;
  47. height: 60px;
  48. font-size: 16px;
  49. line-height: 18px;
  50. text-transform: uppercase;
  51. border: 2px solid #42c8f4;
  52. padding: 20px 18px;
  53. padding-bottom: 20px;
  54. margin-bottom: 50px;
  55. color: #326070;
  56.  
  57. &.error {
  58. border-color: red;
  59. }
  60. }
  61.  
  62. .form-submit {
  63. box-sizing: border-box;
  64. width: 280px;
  65. height: 60px;
  66. background: #42c8f4;
  67. color: $white;
  68. text-transform: uppercase;
  69. font-size: 20px;
  70. border: none;
  71. margin-bottom: 17px;
  72. transition: all 0.2s;
  73.  
  74. &:hover {
  75. background: #12485a;
  76. }
  77. }
  78.  
  79. .form-policy {
  80. font-size: 12px;
  81. line-height: 14px;
  82. font-family: $ulight;
  83. text-decoration: underline;
  84. }
  85. }
  86.  
  87. .animation {
  88. -webkit-transform: scale(0.5);
  89. -moz-transform: scale(0.5);
  90. -ms-transform: scale(0.5);
  91. transform: scale(0.5);
  92. }
  93. .visible {
  94. opacity: 1;
  95. -webkit-transform: scale(1);
  96. -moz-transform: scale(1);
  97. -ms-transform: scale(1);
  98. transform: scale(1);
  99. }
  100. .btn-close {
  101. position: absolute;
  102. display: block;
  103. cursor: pointer;
  104. border: none;
  105. font-size: 0;
  106. width: 15px;
  107. height: 15px;
  108. background: transparent;
  109. outline: none;
  110. transform: rotate(45deg);
  111. top: 20px;
  112. right: 20px;
  113.  
  114. &::before {
  115. position: absolute;
  116. content: '';
  117. width: 15px;
  118. height: 4px;
  119. background: #d0dade;
  120. transform: rotate(-90deg);
  121. top: 6px;
  122. left: 0px;
  123. }
  124.  
  125. &::after {
  126. position: absolute;
  127. content: '';
  128. width: 15px;
  129. height: 4px;
  130. background: #d0dade;
  131. transform: rotate(0deg);
  132. top: 6px;
  133. left: 0px;
  134. }
  135. }
  136.  
  137. #fixedForm label.error {
  138. top: 230px;
  139. left: 20px;
  140. }
  141.  
  142. #fixedForm label#tel-error {
  143. top: 340px;
  144. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement