TildeClub
/
site
mirror of https://github.com/tildeclub/site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
style.css
View File

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