LoginLogin

CSS snippets for SBS

Root / Site Discussion / [.]

haloopdyCreated:
chicken#21
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;
}
HTV04#22
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;
}
chicken#23
What’s a user-rank?
[Owner] [Head Admin] [Chat Moderator] [Power User] See here for more
HTV04#24
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
chicken#25
inactive users more like inactive thread there's a line to the left of the buttons that i couldn't get rid of
sendpane css
#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;
}
12