Nenhuma descrição
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

productOverview.css 1.3KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. .productoverviewmain{
  2. background-image: url("../../assets/imgs/productoverview/productbg.png");
  3. background-color: #C9DBB5;
  4. background-size: cover;
  5. background-repeat: no-repeat;
  6. background-position: center;
  7. position: relative;
  8. }
  9. .photo_dual {
  10. width: 40rem;
  11. }
  12. .price_footer {
  13. background: rgba( 255, 255, 255, 0.25 );
  14. /* box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); */
  15. backdrop-filter: blur( 4px );
  16. -webkit-backdrop-filter: blur( 4px );
  17. border: 1px solid rgba( 255, 255, 255, 0.18 );
  18. border: 2px solid;
  19. position: absolute;
  20. bottom: 0;
  21. left: 0;
  22. }
  23. .boxImgContainer {
  24. width: 4rem;
  25. }
  26. .priceCut_multi {
  27. font-size: 0.7rem;
  28. }
  29. .productOverview .overviewProductHeading {
  30. font-size: 2.1rem;
  31. }
  32. .productOverview .overviewProductFullTitle {
  33. padding: 2rem 13rem;
  34. font-size: 3rem;
  35. }
  36. .productOverview .overviewProductDes {
  37. padding: 0 2rem;
  38. font-size: 1.5rem;
  39. }
  40. .PO_galleryContainer .PO_gallery_display {
  41. min-height: 500px;
  42. width: 100%;
  43. background: white;
  44. background: linear-gradient(180deg, white 7%, #ff8e9e4d 52%, #eb869478 100%);
  45. position: relative;
  46. }
  47. .PO_galleryContainer .PO_gallery_display .PO_gallery_display_img {
  48. position: absolute;
  49. top: 50%;
  50. left: 50%;
  51. transform: translate(-50%, -50%);
  52. }
  53. .PO_galleryContainer .PO_gallery_box_inner {
  54. padding: 2rem;
  55. background-color: #eeeeee;
  56. }