Update style.css

This commit is contained in:
deepend-tildeclub 2024-08-17 10:41:25 -06:00 committed by GitHub
parent b1598d1c75
commit cea587a65a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 9 deletions

View File

@ -293,23 +293,25 @@ pre {
}
.active-users-container {
margin-top: 20px;
display: flex;
align-items: center; /* Vertically align the text and scrolling list */
white-space: nowrap;
}
.active-users-list {
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
padding: 10px;
background-color: #111; /* Match the sites background color */
padding-left: 10px; /* Space between heading and scrolling list */
background-color: #111;
border-radius: 0.25em;
border: 1px solid #fb5; /* Match the border color to the site's theme */
color: #fb5; /* Match the text color to the site's theme */
border: 1px solid #fb5;
color: #fb5;
width: 100%; /* Make the list take up the rest of the available space */
}
.active-users-list ul {
display: inline-block;
padding-left: 100%; /* Start position for the animation */
animation: scroll-left 15s linear infinite; /* Adjust the duration as needed */
animation: scroll-left 15s linear infinite;
margin: 0;
list-style-type: none;
}
@ -317,8 +319,8 @@ pre {
.active-users-list li {
display: inline;
padding: 0 20px; /* Space between usernames */
color: #fb5; /* Ensure the username color matches the theme */
font-family: "courier new", monospace; /* Match the font to the rest of the site */
color: #fb5;
font-family: "courier new", monospace;
}
@keyframes scroll-left {
@ -331,3 +333,4 @@ pre {
}