milknet/pages
1
0
Fork 0
mirror of https://github.com/milk-net/milk-net.github.io.git synced 2025-04-20 10:03:41 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update style.css

Browse source
This commit is contained in:
Voxel 2025-04-15 15:02:49 -04:00 • committed by GitHub
parent 7a620a0fca
commit 8766b10d14
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 25 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
forum/style.css
View file

@ -1,15 +1,19 @@
body { body, html {
height: 100%;
margin: 0;
padding: 0;
font-family: sans-serif; font-family: sans-serif;
background: linear-gradient(to bottom right, #1e3c72, #a9a9a9); background: linear-gradient(to bottom right, #1e3c72, #9b59b6); /* blue to purple */
color: white; color: white;
padding: 20px; display: flex;
max-width: 800px; flex-direction: column;
margin: auto; align-items: center;
overflow-y: auto;
} }
header { header {
text-align: center; text-align: center;
margin-bottom: 30px; margin: 30px 0;
} }
header h1 { header h1 {
@ -18,39 +22,38 @@ header h1 {
color: white; color: white;
} }
h2, h3 { #new-thread, .thread, .reply, .auth-container {
color: white;
}
#new-thread, .thread, .reply {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
border: 1px solid #ccc; border: 1px solid rgba(255,255,255,0.2);
padding: 15px; padding: 15px;
margin-bottom: 20px; margin-bottom: 20px;
border-radius: 8px; border-radius: 10px;
width: 90%;
max-width: 700px;
} }
textarea, input[type="text"] { textarea, input[type="text"], input[type="password"] {
width: 100%; width: 100%;
background: #eee; background: #eee;
color: black; color: black;
padding: 8px; padding: 10px;
margin-top: 10px;
border: none; border: none;
border-radius: 4px; border-radius: 5px;
} }
button { button {
margin-top: 10px; margin-top: 10px;
padding: 8px 16px; padding: 10px 16px;
border: none; border: none;
background: #0077cc; background: #6c5ce7;
color: white; color: white;
border-radius: 4px; border-radius: 5px;
cursor: pointer; cursor: pointer;
} }
button:hover { button:hover {
background: #005fa3; background: #5a4dbf;
} }
img { img {
@ -59,10 +62,6 @@ img {
border-radius: 5px; border-radius: 5px;
} }
input, button {
margin-top: 10px;
}
.emoji-wrap { .emoji-wrap {
position: relative; position: relative;
} }
@ -77,21 +76,8 @@ input, button {
cursor: pointer; cursor: pointer;
} }
/* Auth container for login/register */
.auth-container { .auth-container {
background: rgba(255, 255, 255, 0.1); margin-top: 50px;
padding: 20px;
border-radius: 10px;
max-width: 400px;
margin: 50px auto;
text-align: center; text-align: center;
} }
.auth-container input {
width: 100%;
padding: 10px;
margin-top: 10px;
background: #eee;
border: none;
border-radius: 5px;
color: black;
}