Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- background: $background_color;
- color: $text_color;
- width: 250px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- html, body {
- height: 100%;
- overflow: hidden;
- }
- #log {
- font: 400 20px "Open Sans";
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- box-sizing: border-box;
- overflow: hidden;
- padding: 10px 15px;
- padding-top: 100px;
- text-overflow: ellipsis;
- }
- #log>div {
- margin-bottom: 5px;
- background: linear-gradient(rgba(70, 70, 70, 0.75), rgba(50, 50, 50, 0.85));
- padding: 5px 10px 10px;
- animation: fadeInRight 500ms ease-in-out, fadeOutUp 1s ease $message_hide_delay forwards;
- -webkit-animation: fadeInRight 500ms ease-in-out, fadeOutUp 1s ease $message_hide_delay forwards;
- border-radius: 3px;
- box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
- text-overflow: ellipsis;
- }
- .meta {
- display: block;
- max-width: 100%;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .message {
- display: block;
- max-width: 100%;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .name {
- font-size: 14px;
- text-transform: uppercase;
- font-weight: 800;
- }
- .colon {
- display: none;
- }
- .badge {
- float: right;
- padding-left: 5px;
- }
- #log .emote {
- background-repeat: no-repeat;
- background-position: center;
- padding: 4px;
- }
- #log .emote img {
- display: inline-block;
- height: 24px;
- opacity: 0;
- vertical-align: top;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement