Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url(https://fonts.googleapis.com/css?family=Open+Sans:600,700);
- body {
- background: $background_color;
- color: $text_color;
- text-shadow: 0 0 1px rgba(0, 0, 0, 0.6), 0 0 2px rgba(0, 0, 0, 0.6);
- }
- html, body {
- height: 100%;
- overflow: hidden;
- }
- #log {
- font: 600 $font_size "Open Sans";
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- box-sizing: border-box;
- overflow: hidden;
- padding: 10px 15px;
- padding-top: 100px;
- }
- #log>div {
- margin-bottom: 5px;
- background: rgba(70, 70, 70, 0.6);
- padding: 5px 10px 10px;
- animation: flipInX 500ms ease, fadeOutUp 1s ease $message_hide_delay forwards;
- -webkit-animation: flipInX 500ms ease, fadeOutUp 1s ease $message_hide_delay forwards;
- box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
- border: 10px solid transparent;
- padding: 15px;
- border: 22px transparent;
- -webkit-border-image: url(http://i.imgur.com/h53uvUc.png) 22 round; /* Safari 3.1-5 */
- -o-border-image: url(http://i.imgur.com/h53uvUc.png) 22 round; /* Opera 11-12.1 */
- border-image: url(http://i.imgur.com/h53uvUc.png) 22 round;
- padding: 10px;
- border-radius: 10px;
- }
- #log>div.deleted {
- visibility: hidden;
- }
- .meta {
- display: block;
- line-height: 1em;
- }
- .message {
- word-wrap: break-word;
- line-height: 1.5em;
- }
- .name {
- font-size: 0.6em;
- text-transform: uppercase;
- font-weight: 700;
- }
- .colon {
- display: none;
- }
- .badge {
- float: right;
- padding-left: 5px;
- height: 0.8em;
- }
- #log .emote {
- background-repeat: no-repeat;
- background-position: center;
- padding: 0.1em;
- background-size: contain;
- }
- #log .emote img {
- display: inline-block;
- height: 1em;
- opacity: 0;
- vertical-align: top;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement