aaaaaa2903

css1

Feb 9th, 2020
270
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.68 KB | None | 0 0
  1. body {
  2.   margin: 0;
  3.   padding: 0;
  4.   font-family: "Montserrat", sans-serif;
  5.   font-size: 13px;
  6.   background-color: #ffffff;
  7.   -webkit-box-sizing: border-box;
  8.           box-sizing: border-box;
  9. }
  10. #dropdowncart {
  11.   width: 470px;
  12.   padding-left: 18px;
  13.   padding-right: 18px;
  14.   padding-top: 30px;
  15.   background-color: #ffffff;
  16.   position: absolute;
  17.   top: 65px;
  18.   left: -186px;
  19.   z-index: 100;
  20. }
  21. #dropdowncart h1 {
  22.   font-size: 18px;
  23.   font-weight: 600;
  24. }
  25. #dropdowncart hr {
  26.   width: 100%;
  27.   margin: 0;
  28. }
  29. #dropdowncart #test-cart-element {
  30.   width: 100%;
  31.   height: 56px;
  32. }
  33. .programms h1 {
  34.   font-family: "Montserrat", sans-serif;
  35.   font-size: 36px;
  36.   font-weight: 600px;
  37.   margin: 0 auto;
  38.   margin-top: 81px;
  39. }
  40. .programms1 {
  41.   height: 400px;
  42.   width: 100%;
  43. }
  44. .programms1 .menu_program_block {
  45.   border-radius: 20px;
  46.   height: 367px;
  47.   width: 270px;
  48.   padding: 0;
  49.   background: white;
  50.   border: 1px solid #dedede;
  51.   background-position: top 90px left 30px;
  52.   background-repeat: no-repeat;
  53.   position: relative;
  54. }
  55. .programms1 .menu_program_block ul {
  56.   margin-left: 100px;
  57.   padding-left: 15px;
  58.   margin-top: 25px;
  59. }
  60. .programms1 .menu_program_block ul li {
  61.   margin-top: 12.5px;
  62. }
  63. .programms1 .menu_program_block h3 {
  64.   text-transform: uppercase;
  65.   font-family: "Montserrat", sans-serif;
  66.   font-weight: 700px;
  67.   font-size: 24px;
  68.   text-align: center;
  69.   margin-top: 35px;
  70. }
  71. .programms1 .menu_program_block hr {
  72.   width: 230px;
  73.   position: absolute;
  74.   top: 210px;
  75.   left: 0;
  76.   right: 0;
  77.   margin: 0 auto;
  78. }
  79. .programms1 .menu_program_block .counter-and-price {
  80.   width: 80%;
  81.   height: 50px;
  82.   position: absolute;
  83.   top: 226.5px;
  84.   left: 26px;
  85. }
  86. .programms1 .menu_program_block .counter-and-price .counter {
  87.   height: 50px;
  88.   width: 120px;
  89.   background: #f3fbf3;
  90.   border-radius: 30px;
  91.   display: -webkit-inline-box;
  92.   display: -ms-inline-flexbox;
  93.   display: inline-flex;
  94.   -webkit-box-align: center;
  95.       -ms-flex-align: center;
  96.           align-items: center;
  97.   -webkit-box-pack: justify;
  98.       -ms-flex-pack: justify;
  99.           justify-content: space-between;
  100. }
  101. .programms1 .menu_program_block .counter-and-price .counter .counterMinus {
  102.   display: inline-block;
  103.   margin: 0 auto;
  104.   width: 11px;
  105.   height: 11px;
  106.   cursor: pointer;
  107. }
  108. .programms1 .menu_program_block .counter-and-price .counter .counterScore {
  109.   display: inline-block;
  110. }
  111. .programms1 .menu_program_block .counter-and-price .counter .counterPlus {
  112.   display: inline-block;
  113.   margin: 0 auto;
  114.   width: 11px;
  115.   height: 11px;
  116.   cursor: pointer;
  117. }
  118. .programms1 .menu_program_block .counter-and-price .counter button {
  119.   display: inline-block;
  120.   margin: 0 auto;
  121. }
  122. .programms1 .menu_program_block .counter-and-price .price {
  123.   display: -webkit-inline-box;
  124.   display: -ms-inline-flexbox;
  125.   display: inline-flex;
  126.   margin-left: 20px;
  127. }
  128. .programms1 .menu_program_block .addtocart1 {
  129.   height: 50px;
  130.   width: 230px;
  131.   border-radius: 30px;
  132.   display: -webkit-inline-box;
  133.   display: -ms-inline-flexbox;
  134.   display: inline-flex;
  135.   background-color: green;
  136.   cursor: pointer;
  137.   margin: 0 auto;
  138.   position: absolute;
  139.   top: 287px;
  140.   left: 22.5px;
  141.   text-transform: uppercase;
  142.   -webkit-box-align: center;
  143.       -ms-flex-align: center;
  144.           align-items: center;
  145. }
  146. .programms1 .menu_program_block .addtocart1 p {
  147.   display: inline-block;
  148.   margin: 0 auto;
  149. }
  150.  
  151. .dropdown-cart-element {
  152.   height: 56px;
  153.   width: 100%;
  154.   display: -webkit-inline-box;
  155.   display: -ms-inline-flexbox;
  156.   display: inline-flex;
  157.   -webkit-box-align: center;
  158.       -ms-flex-align: center;
  159.           align-items: center;
  160.   position: relative;
  161.   z-index: 10;
  162. }
  163. .dropdown-cart-element .counter-smaller {
  164.   height: 30px;
  165.   width: 120px;
  166.   background: #f3fbf3;
  167.   border-radius: 30px;
  168.   display: -webkit-inline-box;
  169.   display: -ms-inline-flexbox;
  170.   display: inline-flex;
  171.   -webkit-box-align: center;
  172.       -ms-flex-align: center;
  173.           align-items: center;
  174.   -webkit-box-pack: justify;
  175.       -ms-flex-pack: justify;
  176.           justify-content: space-between;
  177.   margin-left: 55px;
  178. }
  179. .dropdown-cart-element .counter-smaller .counterMinus {
  180.   display: inline-block;
  181.   margin: 0 auto;
  182.   width: 11px;
  183.   height: 11px;
  184.   cursor: pointer;
  185. }
  186. .dropdown-cart-element .counter-smaller .counterScore {
  187.   display: inline-block;
  188. }
  189. .dropdown-cart-element .counter-smaller .counterPlus {
  190.   display: inline-block;
  191.   margin: 0 auto;
  192.   width: 11px;
  193.   height: 11px;
  194.   cursor: pointer;
  195. }
  196. .dropdown-cart-element .price-dropdown-menu {
  197.   display: -webkit-inline-box;
  198.   display: -ms-inline-flexbox;
  199.   display: inline-flex;
  200.   margin-left: 55px;
  201. }
  202. .dropdown-cart-element img {
  203.   position: absolute;
  204.   right: 0px;
  205. }
Advertisement
Add Comment
Please, Sign In to add comment