SHARE
TWEET

Untitled

a guest Apr 26th, 2019 80 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @import url(https://fonts.googleapis.com/css?family=Roboto:700);
  2.  
  3. * {
  4.     box-sizing: border-box;
  5.     text-align: right;
  6.     font-size: 25px;
  7. }
  8.  
  9. table{
  10.   float: right;
  11.   margin-bottom: 0.25em;
  12. }
  13.  
  14. html, body {
  15.     height: 100%;
  16.     overflow: hidden;
  17. }
  18.  
  19. body {
  20.     text-shadow: 0 0 1px #000, 0 0 2px #000;
  21.     background: {background_color};
  22.     font-family: 'Roboto';
  23.     font-weight: 700;
  24.     font-size: {font_size};
  25.     line-height: 1.5em;
  26.     color: {text_color};
  27. }
  28.  
  29. #log>div {
  30.     animation: fadeInRight .3s ease forwards, fadeOut 0.5s ease {message_hide_delay} forwards;
  31.     -webkit-animation: fadeInRight .3s ease forwards, fadeOut 0.5s ease {message_hide_delay} forwards;
  32. }
  33.  
  34. .colon {
  35.     display: none;
  36. }
  37.  
  38. #log {
  39.     display: table;
  40.     position: absolute;
  41.     bottom: 0;
  42.     left: 0;
  43.     padding: 0 10px 10px;
  44.     width: 100%;
  45.     table-layout: fixed;
  46. }
  47.  
  48. #log>div {
  49.     display: table-row;
  50. }
  51.  
  52. #log>div.deleted {
  53.     visibility: hidden;
  54. }
  55.  
  56. #log .emote {
  57.     background-repeat: no-repeat;
  58.     background-position: center;
  59.     background-size: contain;
  60.     padding: 0.4em 0.2em;
  61.     position: relative;
  62. }
  63.  
  64. #log .emote img {
  65.     display: inline-block;
  66.     height: 1em;
  67.     opacity: 0;
  68. }
  69.  
  70. #log .message,#log .meta {
  71.     vertical-align: top;
  72.     margin-right: 0.5em;
  73.     padding-bottom: 0.1em;
  74. }
  75.  
  76. #log .meta {
  77.     width: 35%;
  78.     text-align: right;
  79.     padding-right: 0.5em;
  80.     white-space: nowrap;
  81.     text-overflow: ellipsis;
  82.     overflow: hidden;
  83. }
  84.  
  85. #log .message {
  86.     word-wrap: break-word;
  87.     width: 65%;
  88. }
  89.  
  90. .badge {
  91.     display: inline-block;
  92.     margin-right: 0.1em;
  93.     position: relative;
  94.     height: 1em;
  95.     vertical-align: middle;
  96.     top: -0.1em;
  97. }
  98.  
  99. .name {
  100.     margin-left: 0.2em;
  101. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top