Update style.css

This commit is contained in:
Voxel 2025-04-15 18:28:50 -04:00 committed by GitHub
parent d147d1ffd8
commit 76d2618287
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,25 +1,28 @@
body { body {
font-family: Arial, sans-serif; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #f4f4f4; background: linear-gradient(to right, black, #1e3a8a); /* Black to Blue gradient */
color: white; /* Set text color to white */
} }
.container { .container {
width: 80%; width: 80%;
margin: 0 auto; margin: 0 auto;
padding: 20px; padding: 20px;
background-color: white; background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent black background */
border-radius: 8px; border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
} }
h1 { h1 {
text-align: center; text-align: center;
color: white;
} }
#user-info { #user-info {
text-align: right; text-align: right;
color: white;
} }
#post-form { #post-form {
@ -36,6 +39,8 @@ h1 {
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 8px; border-radius: 8px;
margin-bottom: 10px; margin-bottom: 10px;
background-color: #333;
color: white;
} }
button { button {
@ -57,8 +62,10 @@ button:hover {
.post { .post {
padding: 10px; padding: 10px;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #444;
margin-bottom: 10px; margin-bottom: 10px;
background-color: rgba(255, 255, 255, 0.1); /* Semi-transparent background for posts */
border-radius: 5px;
} }
.post .username { .post .username {