Advertisement
andreadc

css

Mar 23rd, 2020
1,221
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.35 KB | None | 0 0
  1. @import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
  2. *{
  3.     box-sizing:border-box;
  4.     font-family: 'Poppins';
  5. }
  6.  
  7. h2{
  8.     text-align:center;
  9. }
  10.  
  11. .container{
  12.     background-color: white;
  13.     /*border: 2px solid black;*/
  14.     display: flex;
  15.     justify-content: flex-start;
  16. }
  17.  
  18. .leftContainer, .rightContainer{
  19.     background-color: rgb(241, 241, 241);
  20.     /*background-color: #FDD2DA;*/
  21.     max-width: 160px;
  22.     min-width: 160px;
  23.     border: 1px solid lightgray;
  24.     padding: 10px;
  25.     /*border-radius: 15px;*/
  26. }
  27.  
  28. .cardContainer .containerCheckBox{
  29.     height: 100%;
  30.     background-color: teal;
  31.     vertical-align: middle;
  32. }
  33.  
  34. .checkBox{
  35.     vertical-align: middle;
  36. }
  37.  
  38. .gallery{
  39.     vertical-align: top;
  40.     text-align: center;
  41. /*  display: -webkit-box;
  42.     display: -moz-box;
  43.     display: -ms-flexbox;
  44.     display: -webkit-flex;*/
  45.     display: flex;
  46.     justify-content: center;
  47.     flex-wrap: wrap;
  48. /*  flex-grow: 20;
  49.     align-content: flex-start;*/
  50.     background-color: white;
  51. }
  52.  
  53. .cardContainer{
  54.     display: -webkit-box;
  55.     display: -moz-box;
  56.     display: -ms-flexbox;
  57.     display: -webkit-flex;
  58.     display: flex;
  59.     flex-wrap: wrap;
  60.     flex-grow: 20;
  61.     align-content: flex-start;
  62. }
  63.  
  64. .card{
  65.     /*width: 100%;*/
  66.     background-color: white;
  67.     margin: 10px;
  68.     width:fit-content;
  69.     height: fit-content;
  70.     border: 1px solid lightgrey;
  71.     padding: 10px;
  72.     box-shadow: 5px 5px 5px lightgrey;
  73. }
  74.  
  75. .card:hover{
  76.     transition: all ease-in-out 0.2s;
  77.     transform: scale(1.05, 1.05);
  78. }
  79.  
  80. a img{
  81.     width: 120px;
  82.     height: 120px;
  83. }
  84.  
  85.  .descriptionInLine .descriptionUsername{
  86.     font-size: 16px;
  87.     text-align: left;
  88.     width: 180px;
  89. }
  90.  
  91. .description-contenier .descriptionBase{
  92.     font-size: 20px;
  93.     text-align: left;
  94. }
  95.  
  96. .description-contenier .descriptionPrice{
  97.     font-size: 26px;
  98.     color: royalblue;
  99.     text-align: left;
  100.     width: 210px;
  101. }
  102.  
  103. .descriptionPriceLabel{
  104.     width: 210px;
  105.     text-align: left;
  106. }
  107. .descriptionInLine{
  108.     display: flex;
  109. }
  110.  
  111. .descriptionInLine .space{
  112.     min-width: 100px;
  113. }
  114.  
  115. .btnBuy{
  116.     border-radius: 0px;
  117.     width: 100%;
  118.     display:block;
  119.     border:0;
  120.     cursor:pointer;
  121.     outline:none;
  122.     background-color: royalblue;
  123.     color: white;
  124.     width: 100px;
  125.     text-align: center;
  126. }
  127.  
  128. .observedBy{
  129.     text-align: left;
  130.     background-color: lightgray;
  131.     width: fit-content;
  132.     padding-left: 3px;
  133.     padding-right: 3px;
  134.     font-size: 12px;
  135. }
  136.  
  137. .callCenterAds img{
  138.     width: 100%;
  139. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement