Added back the css templates and added logout button
This commit is contained in:
@@ -128,4 +128,35 @@ picture {
|
||||
|
||||
.login-footer a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Header Styles */
|
||||
.main-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 1rem 0;
|
||||
width: 100%;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.header-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.logout-btn {
|
||||
display: inline-block;
|
||||
padding: 0.5rem 1rem;
|
||||
background-color: #7f5af0; /* Same as .btn-primary */
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
border-radius: 6px;
|
||||
font-weight: 500;
|
||||
transition: background-color 0.2s ease;
|
||||
}
|
||||
|
||||
.logout-btn:hover {
|
||||
background-color: #6a48d7; /* Same as .btn-primary:hover */
|
||||
}
|
||||
28
static/css/overlay-bright-green.css
Normal file
28
static/css/overlay-bright-green.css
Normal file
@@ -0,0 +1,28 @@
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: #f0f0f0;
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-size: 16px;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
overflow: hidden;
|
||||
text-shadow: 0 0 5px rgba(57, 255, 20, 0.5);
|
||||
}
|
||||
|
||||
.chat-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.chat-message {
|
||||
padding: 6px 10px;
|
||||
background-color: rgba(10, 30, 10, 0.6);
|
||||
border-radius: 6px;
|
||||
border-left: 3px solid #39FF14; /* Neon green accent */
|
||||
}
|
||||
|
||||
.username {
|
||||
font-weight: 800;
|
||||
color: #39FF14; /* Neon green */
|
||||
}
|
||||
28
static/css/overlay-dark-purple.css
Normal file
28
static/css/overlay-dark-purple.css
Normal file
@@ -0,0 +1,28 @@
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: #e0e0e0;
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-size: 16px;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
overflow: hidden;
|
||||
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.chat-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.chat-message {
|
||||
padding: 6px 10px;
|
||||
background-color: rgba(26, 26, 46, 0.7); /* Dark blue/purple transparent background */
|
||||
border-radius: 6px;
|
||||
border: 1px solid rgba(127, 90, 240, 0.3);
|
||||
}
|
||||
|
||||
.username {
|
||||
font-weight: 800;
|
||||
color: #a970ff; /* Twitch-like purple */
|
||||
}
|
||||
Reference in New Issue
Block a user