| Krishya | 1df0589 | 2025-04-05 21:16:30 +0800 | [diff] [blame^] | 1 | .main-page { |
| 2 | background-color: #5c3f31; | ||||
| 3 | color: white; | ||||
| 4 | } | ||||
| 5 | .header { | ||||
| 6 | display: flex; | ||||
| 7 | justify-content: space-between; | ||||
| 8 | align-items: center; | ||||
| 9 | padding: 10px; | ||||
| 10 | } | ||||
| 11 | .logo-and-name { | ||||
| 12 | display: flex; | ||||
| 13 | align-items: center; | ||||
| 14 | } | ||||
| 15 | .logo { | ||||
| 16 | height: 30px; | ||||
| 17 | margin-right: 10px; | ||||
| 18 | } | ||||
| 19 | .site-name { | ||||
| 20 | font-size: 24px; | ||||
| 21 | } | ||||
| 22 | .user-and-message { | ||||
| 23 | display: flex; | ||||
| 24 | align-items: center; | ||||
| 25 | } | ||||
| 26 | .user-avatar { | ||||
| 27 | height: 40px; | ||||
| 28 | margin-right: 10px; | ||||
| 29 | } | ||||
| 30 | .message-center { | ||||
| 31 | font-size: 16px; | ||||
| 32 | } | ||||
| 33 | .nav { | ||||
| 34 | background-color: #b38867; | ||||
| 35 | display: flex; | ||||
| 36 | justify-content: center; | ||||
| 37 | } | ||||
| 38 | .nav-item { | ||||
| 39 | color: white; | ||||
| 40 | text-decoration: none; | ||||
| 41 | padding: 10px 20px; | ||||
| 42 | } | ||||
| 43 | .active { | ||||
| 44 | background-color: #996633; | ||||
| 45 | } | ||||
| 46 | .content { | ||||
| 47 | padding: 20px; | ||||
| 48 | } | ||||
| 49 | .user-post { | ||||
| 50 | border-bottom: 1px solid white; | ||||
| 51 | margin-bottom: 20px; | ||||
| 52 | padding-bottom: 20px; | ||||
| 53 | } | ||||
| 54 | .user-info { | ||||
| 55 | display: flex; | ||||
| 56 | align-items: center; | ||||
| 57 | margin-bottom: 10px; | ||||
| 58 | } | ||||
| 59 | .user-avatar-small { | ||||
| 60 | height: 30px; | ||||
| 61 | margin-right: 10px; | ||||
| 62 | } | ||||
| 63 | .username { | ||||
| 64 | font-size: 16px; | ||||
| 65 | } | ||||
| 66 | .post-content { | ||||
| 67 | margin-bottom: 10px; | ||||
| 68 | } | ||||
| 69 | .post-actions { | ||||
| 70 | display: flex; | ||||
| 71 | align-items: center; | ||||
| 72 | margin-bottom: 10px; | ||||
| 73 | } | ||||
| 74 | .like-icon, | ||||
| 75 | .comment-icon { | ||||
| 76 | margin-right: 5px; | ||||
| 77 | } | ||||
| 78 | .like-count, | ||||
| 79 | .comment-count { | ||||
| 80 | margin-left: 5px; | ||||
| 81 | } | ||||
| 82 | .post-image { | ||||
| 83 | float: right; | ||||
| 84 | width: 150px; | ||||
| 85 | height: 150px; | ||||
| 86 | background-color: #ddd; | ||||
| 87 | margin-left: 10px; | ||||
| 88 | } | ||||