Card.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. .bottom_card {
  2. display: flex;
  3. flex-direction: row;
  4. justify-content: flex-end;
  5. align-items: center;
  6. }
  7. .custom_card .card-title {
  8. font-size:18px;
  9. font-weight: 400;
  10. }
  11. .custom_card .price{
  12. font-size: 26px;
  13. text-align: right;
  14. height: 45px;
  15. padding: 0 8px;
  16. }
  17. .custom_card .pricenovat{
  18. font-size: 14px;
  19. flex-grow: 1;
  20. }
  21. .custom_card .card {
  22. box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
  23. }
  24. .custom_card .card:hover {
  25. box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  26. }
  27. .custom_card .card .card_image{
  28. text-align: center;
  29. }
  30. .custom_card .card .card_image img{
  31. height: 155px;
  32. width: auto;
  33. /* margin: auto; */
  34. max-width: 100%;
  35. }
  36. .custom_card .card .card-content .card-title {
  37. overflow: hidden;
  38. line-height: 23px;
  39. }
  40. .custom_card .card .card-content {
  41. height: 75px;
  42. padding-top: 11px;
  43. padding-bottom: 7px;
  44. padding-right: 12px;
  45. padding-left: 12px;
  46. border-top: 1px solid rgba(160,160,160,0.2);
  47. overflow: hidden;
  48. }
  49. .custom_card .card .card-reveal {
  50. padding:20px;
  51. }
  52. .custom_card .card .card-reveal .card-title{
  53. border-bottom: 1px solid rgba(160,160,160,0.2);
  54. font-size:15px;
  55. }
  56. .custom_card .card .card-reveal >p{
  57. font-family: Helvetica;
  58. }
  59. .card .card-content .card-title >div{
  60. height: 60px;
  61. font-size: 17px;
  62. }
  63. .card .card-action{
  64. padding:12px 18px
  65. }
  66. .bottom_card .price{
  67. white-space: nowrap;
  68. }