deyanivanov966

jQuery101

Oct 27th, 2021
1,021
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. html,
  2. body {
  3.   margin: 0;
  4.   height: 100%;
  5.   background: #f3f6f9;
  6. }
  7. .div-header {
  8.   display: inline-flex;
  9. }
  10. .date-div {
  11.   float: right;
  12. }
  13. header {
  14.   height: 50px;
  15.   background: #fff;
  16. }
  17. .container-products {
  18.   margin-right: auto;
  19.   margin-left: auto;
  20.   width: 90%;
  21.   background: #fff;
  22.   align-items: center;
  23.   border-bottom: 2px solid #000;
  24.   margin: 0 50px;
  25. }
  26. .container-all-total {
  27.   width: 90%;
  28.   background: #fff;
  29.   margin: 0 50px;
  30. }
  31. .total-table {
  32.   display: flex;
  33.   flex-direction: column;
  34.   align-items: flex-end;
  35. }
  36. .button-col {
  37.   display: flex;
  38.   justify-content: flex-end;
  39. }
  40. .discount-col {
  41.   display: flex;
  42.   justify-content: flex-end;
  43.   margin-top: 100px;
  44.   margin-bottom: 10px;
  45. }
  46. .row {
  47.   width: 100%;
  48. }
  49. h6 {
  50.   width: 200px;
  51.   height: 50px;
  52.   display: inline-block;
  53.   margin-left: 9px;
  54.   text-align: center;
  55.   padding-top: 10px;
  56. }
  57. .invoice {
  58.   background: #7f63f4;
  59. }
  60. .client {
  61.   font-weight: bold;
  62.   text-shadow: 1px 2px 5px #000;
  63. }
  64. .name {
  65.   font-weight: bold;
  66.   text-shadow: 1px 2px 5px #000;
  67. }
  68. .date {
  69.   font-weight: bold;
  70.   text-shadow: 1px 2px 5px #000;
  71. }
  72. .icon {
  73.   margin-left: 50px;
  74. }
  75. .table {
  76.   width: 100%;
  77. }
  78. input,
  79. label {
  80.   display: block;
  81. }
  82. .btnAdd {
  83.   width: 200px;
  84.   background: lightgreen;
  85.   border: none;
  86.   border-radius: 5px;
  87.   margin-bottom: 20px;
  88. }
  89. .total {
  90.   width: 100%;
  91. }
  92. footer {
  93.   text-align: center;
  94. }
  95. @media screen and (max-width: 950px) {
  96.   .name-div,
  97.   .date-div,
  98.   .client-div {
  99.     display: none;
  100.   }
  101. }
  102.  
RAW Paste Data