Advertisement
valeraplusplus

css Сообщить о поступлении товара

Mar 25th, 2022
174
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.65 KB | None | 0 0
  1. #shop2-alert.preorder-alert {
  2.     padding: 40px 30px 30px;
  3.     margin-bottom: 0;
  4.     width: 420px;
  5. }
  6. .preorder-alert #shop2-alert-body {
  7.     padding: 0;
  8. }
  9. .preorder-field button {
  10.     position: relative;
  11.     z-index: 1;
  12.     display: inline-flex;
  13.     align-items: center;
  14.     justify-content: center;
  15.     height: auto;
  16.     min-height: auto;
  17.     padding: 0;
  18.     background: 0 0;
  19.     border: none;
  20.     outline: 0;
  21.     cursor: pointer;
  22.     text-align: center;
  23.     text-decoration: none;
  24.     -moz-appearance: none;
  25.     -webkit-appearance: none;
  26.     background-clip: border-box;
  27.     transition: all .18s linear;
  28.     border-radius: 4px;
  29. }
  30.  
  31. .preorder-field button {
  32.     font-size: 16px;
  33.     line-height: 1.125;
  34.     padding: 16px 25px;
  35. }
  36.  
  37. .preorder-alert #shop2-alert-ok {
  38.     width: 50px;
  39.     height: 50px;
  40.     min-height: 50px;
  41. }
  42.  
  43. .preorder-alert #shop2-alert-ok {
  44.     width: 40px;
  45.     height: 40px;
  46.     min-height: 40px;
  47. }
  48.  
  49. .preorder-alert #shop2-alert-ok {
  50.     border-radius: 3px;
  51.     font-size: 0;
  52.     padding: 0;
  53.     opacity: 1;
  54.     visibility: visible;
  55.     transition: all .18s linear;
  56.     border: none;
  57.     background: url('/g/shop2v2/default/images/close_sm.svg') no-repeat center;
  58.     box-shadow: none;
  59. }
  60.  
  61. .preorder-alert #shop2-alert-ok:before {
  62.     border-radius: 3px;
  63.     display: none;
  64. }
  65.  
  66. .preorder-alert #shop2-alert-ok:hover {
  67.     border: none;
  68.     box-shadow: none;
  69. }
  70.  
  71. .preorder-alert #shop2-alert-ok svg {
  72.     width: 30px;
  73.     height: 30px;
  74.     fill: var(--gr_icon_btn_3_icon);
  75.     transition: all .18s linear;
  76. }
  77.  
  78. .preorder-field button {
  79.     font-weight: 700;
  80.     font-family: sans-serif;
  81.     color: #fff;
  82.     border: none;
  83.     background: #008cd2;
  84.     box-shadow: none;
  85. }
  86.  
  87. .preorder-field button:hover {
  88.     color: #fff;
  89.     border: none;
  90.     box-shadow: none;
  91.     background: #28a0db;
  92. }
  93.  
  94. .preorder-field button:active {
  95.     color: #fff;
  96.     border: none;
  97.     box-shadow: none;
  98.     background: #28a0db;
  99. }
  100.  
  101. .preorder-field input[type=text] {
  102.     font-size: 16px;
  103.     line-height: 20px;
  104.     padding: 15px 20px;
  105. }
  106.  
  107. .preorder-field .preorder-field-title {
  108.     color: #2b2e38;
  109.     font: 400 15px/1.1 sans-serif;
  110.     padding: 0 0 6px;
  111.     margin: 0;
  112.     display: block;
  113. }
  114.  
  115. .preorder-field .preorder-mark {
  116.     color: #ff604e;
  117.     font-size: 10px;
  118.     line-height: 1;
  119. }
  120.  
  121. .preorder-field input[type=text] {
  122.     color: #2b2e38;
  123.     border: none;
  124.     background: var(--gr_bg);
  125.     box-shadow: 0 0 0 1px transparent, inset 0 0 0 1px gray;
  126.     border-radius: 3px;
  127.     width: 100%;
  128.     box-sizing: border-box;
  129.     height: auto;
  130.     outline: 0;
  131.     -webkit-appearance: none;
  132.     -moz-appearance: none;
  133.     transition: all .18s linear;
  134. }
  135.  
  136. .preorder-field input[type=text]:focus,
  137. .preorder-field input[type=text]:hover {
  138.     color: #2b2e38;
  139.     border: none;
  140.     background: var(--gr_bg);
  141.     box-shadow: 0 0 0 1px transparent, inset 0 0 0 1px #20232c;
  142. }
  143.  
  144. .preorder-field input[type=text]::-webkit-input-placeholder {
  145.     color: #2b2e38;
  146.     opacity: 1!important;
  147. }
  148.  
  149. .preorder-field input[type=text]::-moz-placeholder {
  150.     color: #2b2e38;
  151.     opacity: 1!important;
  152. }
  153.  
  154. .preorder-field input[type=text]:-ms-input-placeholder {
  155.     color: #2b2e38;
  156.     opacity: 1!important;
  157. }
  158. .preorder-field.type-html {
  159.     font-size: 16px;
  160. }
  161.  
  162. .preorder-block {
  163.     border-radius: 3px;
  164.     text-align: left;
  165.     background: #fff;
  166.     position: relative;
  167.     outline: 0;
  168.     text-size-adjust: 100%;
  169.     box-sizing: border-box;
  170.     width: 100%;
  171.     color: #2b2e38;
  172.     vertical-align: middle;
  173. }
  174.  
  175. .preorder-block .remodal-close-btn {
  176.     position: absolute;
  177.     right: 10px;
  178.     top: 10px;
  179. }
  180.  
  181. .preorder-block .remodal-close-btn svg {
  182.     width: 20px;
  183.     height: 20px;
  184. }
  185.  
  186. .preorder-block .remodal-close-btn svg.gr_big_icon {
  187.     width: 30px;
  188.     height: 30px;
  189.     display: none;
  190. }
  191.  
  192. .preorder-block .remodal-close-btn svg.gr_small_icon {
  193.     display: none;
  194. }
  195.  
  196. .preorder-block .preorder-field {
  197.     margin: 0 0 20px;
  198. }
  199.  
  200. .preorder-block .preorder-field.preorder-field-button {
  201.     padding-top: 10px;
  202.     margin-bottom: 0;
  203. }
  204.  
  205. .preorder-block .preorder-title {
  206.     color: #2b2e38;
  207.     font-size: 26px;
  208.     line-height: 1.1;
  209.     font-family: sans-serif;
  210.     font-weight: 700;
  211.     padding-bottom: 15px;
  212. }
  213. .preorder-field .error-message {
  214.     color: #ff604e;
  215.     font: 400 12px/normal sans-serif;
  216.     padding: 0 0 6px;
  217.     display: block;
  218. }
  219.  
  220. .preorder-field.field-error input[type=text] {
  221.     color: #2b2e38;
  222.     background: rgb(255 96 78 / 10%);
  223.     border: none;
  224.     box-shadow: 0 0 0 1px transparent, inset 0 0 0 1px rgb(255 96 78 / 17%);
  225. }
  226.  
  227. .re-captcha-wrapper .note {
  228.     margin-bottom: 20px
  229. }
  230. .preorder-block button:disabled,
  231. .preorder-block button[disabled]{ background-color: gray; color: white;}
  232.  
  233. .preorder-btn.shop2-product-btn.type-3 {
  234.     padding: 7px 0px 7px 0px;
  235.     height: auto;
  236.     text-align: left;
  237. }
  238.  
  239. .preorder-btn.shop2-product-btn.type-3 span{
  240.     padding-left: 40px;
  241.     background: url('/g/shop2v2/default/images/preoder_lg.svg') no-repeat 10px center;
  242.     height: auto;
  243.     line-height: normal;
  244. }
  245. .preorder-btn.shop2-product-btn.type-2 span{
  246.     background: url('/g/shop2v2/default/images/preoder_lg.svg') no-repeat center ;
  247. }
  248. .preorder-btn.shop2-product-btn.type-1 span{
  249.     background: url('/g/shop2v2/default/images/preoder_sm.svg') no-repeat center ;
  250. }
  251. .preorder-btn.shop2-product-btn[disabled="disabled"] {
  252.     opacity: 0.6;
  253.     pointer-events: none;
  254. }
  255. .shop2-product .preorder-btn.shop2-product-btn {
  256.     width: auto;
  257.     padding-right: 12px;
  258. }
  259. .preorder-alert .shop2-btn {
  260.     position: absolute;
  261.     top: 0;
  262.     right: 0;
  263. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement