Journal.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. .photo_wall{
  2. height: 108px;
  3. background-color: #fff;
  4. position: relative;
  5. display: flex;
  6. flex-direction: row;
  7. align-items: center;
  8. padding-right: 42px;
  9. }
  10. .album_line{
  11. position: absolute;
  12. left: 0;
  13. right: 0;
  14. bottom: 0;
  15. height: 2px;
  16. transform: scaleY(0.5);
  17. background-color: #B2B2B2;
  18. opacity: 0.2;
  19. }
  20. .photo_wall_text{
  21. color: #5C7099;
  22. font-size: 26px;
  23. font-weight: bold;
  24. }
  25. .photo_wall_arrow{
  26. width: 34px;
  27. height: 34px;
  28. }
  29. .album_item{
  30. display: flex;
  31. flex-direction: row;
  32. padding-top: 40px;
  33. padding-bottom: 44px;
  34. position: relative;
  35. background-color: #fff;
  36. }
  37. .album_date{
  38. margin-left: 40px;
  39. margin-right: 30px;
  40. width: 68px;
  41. height: 68px;
  42. display: flex;
  43. align-items: center;
  44. justify-content: center;
  45. color: #000;
  46. font-size: 50px;
  47. font-weight: bold;
  48. }
  49. .album_container{
  50. display: flex;
  51. flex-direction: row;
  52. flex-wrap: wrap;
  53. }
  54. .album_phone{
  55. width: 155px;
  56. height: 155px;
  57. margin-left: 4px;
  58. margin-bottom: 4px;
  59. }