diff --git a/assets/css/custom.css b/assets/css/custom.css index 86d4f4b..24ccfb9 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -101,7 +101,7 @@ body { background-color: #161b22; padding: 40px 0; color: #8b949e; - border-top: 1px solid #30363d; + border-top: 1px solid #3036d; } h1, h2, h3, h4, h5 { @@ -174,6 +174,10 @@ h2 { text-decoration: underline; } +.discussion-card .card-text { + color: #c9d1d9 !important; +} + .pagination .page-item .page-link { background-color: #161b22; border-color: #30363d; @@ -222,14 +226,243 @@ h2 { margin-bottom: 0.5rem; } + .profile-container { - background-color: #161b22; - border: 1px solid #30363d; - border-radius: 1rem; - padding: 3rem; + background: rgba(255, 255, 255, 0.1); + border-radius: 15px; + padding: 2rem; margin-top: 2rem; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border: 1px solid rgba(255, 255, 255, 0.2); + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } +.event-card { + background: rgba(255, 255, 255, 0.1); + border-radius: 15px; + margin-bottom: 1.5rem; + overflow: hidden; + border: 1px solid rgba(255, 255, 255, 0.2); + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.event-card:hover { + transform: translateY(-5px); + box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15); +} + +.event-card a { + text-decoration: none; + color: inherit; +} + +.event-card-header { + background-color: rgba(0, 0, 0, 0.2); + padding: 1rem 1.5rem; +} + +.event-card-header h5 { + margin-bottom: 0; + color: #fff; +} + +.event-card-body { + padding: 1.5rem; +} + +.event-card-footer { + background-color: rgba(0, 0, 0, 0.1); + padding: 1rem 1.5rem; + font-size: 0.9rem; + color: #ccc; +} + +.proposal-card { + background: rgba(255, 255, 255, 0.1); + border-radius: 15px; + margin-bottom: 1.5rem; + overflow: hidden; + border: 1px solid rgba(255, 255, 255, 0.2); + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.proposal-card:hover { + transform: translateY(-5px); + box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15); +} + +.proposal-card a { + text-decoration: none; + color: inherit; +} + +.proposal-card-body { + padding: 1.5rem; +} + +.proposal-card-footer { + background-color: rgba(0, 0, 0, 0.1); + padding: 1rem 1.5rem; + font-size: 0.9rem; + color: #ccc; + display: flex; + justify-content: space-between; + align-items: center; +} + +.event-details-container { + background: rgba(255, 255, 255, 0.1); + border-radius: 15px; + padding: 2.5rem; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border: 1px solid rgba(255, 255, 255, 0.2); + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); +} + +.event-details-header { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); + padding-bottom: 1.5rem; + margin-bottom: 1.5rem; +} + +.rsvp-section { + background: rgba(255, 255, 255, 0.05); + border-radius: 15px; + padding: 2rem; + margin-top: 2rem; + text-align: center; +} + +.rsvp-count { + font-size: 3rem; + font-weight: bold; + color: #fff; +} + +.rsvp-label { + font-size: 1.2rem; + color: #ccc; +} + +.proposal-details-container { + background: rgba(255, 255, 255, 0.1); + border-radius: 15px; + padding: 2.5rem; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border: 1px solid rgba(255, 255, 255, 0.2); + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); +} + +.proposal-details-header { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); + padding-bottom: 1.5rem; + margin-bottom: 1.5rem; +} + +.proposal-status { + font-size: 1.2rem; + font-weight: bold; + padding: 0.5rem 1rem; + border-radius: 8px; + color: #fff; +} + +.proposal-status-pending { + background-color: #ffc107; +} + +.proposal-status-approved { + background-color: #28a745; +} + +.proposal-status-rejected { + background-color: #dc3545; +} + +.message-item { + background: rgba(255, 255, 255, 0.1); + border-radius: 15px; + margin-bottom: 1rem; + overflow: hidden; + border: 1px solid rgba(255, 255, 255, 0.2); + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.message-item:hover { + transform: translateY(-5px); + box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15); +} + +.message-item a { + text-decoration: none; + color: inherit; + padding: 1.5rem; + display: block; +} + +.message-item-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 0.5rem; +} + +.chat-container { + background: rgba(255, 255, 255, 0.1); + border-radius: 15px; + overflow: hidden; + border: 1px solid rgba(255, 255, 255, 0.2); + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); +} + +.chat-messages { + height: 60vh; + overflow-y: auto; + padding: 1.5rem; +} + +.message-bubble { + border-radius: 20px; + padding: 0.8rem 1rem; + max-width: 75%; + margin-bottom: 1rem; +} + +.message-sent { + background-color: #0d6efd; + color: white; + align-self: flex-end; + margin-left: auto; +} + +.message-received { + background-color: rgba(255, 255, 255, 0.2); + color: white; + align-self: flex-start; +} + +.chat-input-group { + background-color: rgba(0, 0, 0, 0.2); + padding: 1rem; +} + +.chat-input-group .form-control { + background-color: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + color: white; +} + +.chat-input-group .form-control::placeholder { + color: rgba(255, 255, 255, 0.5); +} + + .profile-avatar { width: 150px; height: 150px; diff --git a/communities.php b/communities.php index de65223..535e79d 100644 --- a/communities.php +++ b/communities.php @@ -44,6 +44,7 @@ try {