? CSS snippets for SBS (Page 2) ● SmileBASIC Source Forums

Sign In

Register
*Usernames are case-sensitive
Forgot my password

Migrating to a new website for SmileBASIC 4

CSS snippets for SBS

1 2
  • #21 ✎ 522 chicken message-part { padding: 0 2px; box-shadow: 1px 1px #6B6B6B; max-width: 100%; width: intrinsic; width: -moz-max-content; width: -webkit-max-content; } .chatimage { box-shadow: 1px 1px #6B6B6B; } Posted Edited by chicken
  • #22 ✎ 562 HTV04 Forum Leader Hidden Achievements Third Year My account is over 3 years old Website Intermediate Programmer I can make programs, but I still have trouble here and there. Programming Strength
    Sorry if this is necroposting, but I found a cool and very simple way to have a sticky header on modern browsers: header { position: sticky; top: 0; z-index: 999; }
    Nice, but it doesn’t work on mobile. Here’s a fix: header { position: -webkit-sticky position: sticky; top: 0; z-index: 999; }
    Posted
  • #23 ✎ 522 chicken
    What’s a user-rank?
    [Owner] [Head Admin] [Chat Moderator] [Power User] See here for more
    Posted
  • #24 ✎ 562 HTV04 Forum Leader Hidden Achievements Third Year My account is over 3 years old Website Intermediate Programmer I can make programs, but I still have trouble here and there. Programming Strength
    What’s a user-rank?
    [Owner] [Head Admin] [Chat Moderator] [Power User] See here for more
    Thanks, forgot what they were because it seems like they don’t exist anymore lol I guess except for inactive users
    Posted Edited by HTV04
  • #25 ✎ 522 chicken inactive users more like inactive thread there's a line to the left of the buttons that i couldn't get rid of #sendpane { height: 4.25rem; } #sendpane textarea { border: none; box-shadow: none; padding: 2px 3px; } #sendpane img { height: 4.25rem; width: 4.25rem; } .sendbutton { display: none !important; } #image-upload { position: absolute; bottom: 0; right: 0; width: 24px; height: 25px; font-size: 14px; text-align: center; line-height: 25px; background-color: #e9e9e6; z-index:5; } #image-upload:hover { background-color: #d5d5d3; } #chatdraw { bottom: 0; right: -1px; } #chatdraw[data-hidden] { position: relative !important; z-index: 0; } #chatdraw[data-hidden] button[data-keep] { height: calc(4.25rem - 25px); } #chatdraw[style="visibility: hidden;"] { visibility: visible !important; } Posted
1 2