SHARE
TWEET

Hati

Motoko-Codes-09 Jul 22nd, 2019 54 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2.  
  3. @import url('https://fonts.googleapis.com/css?family=Great+Vibes&display=swap');
  4.  
  5. .knockout {
  6.  background: url(https://i.imgur.com/oqyv2vp.gif);
  7. background-position:bottom center;
  8.  color: black;
  9.  -webkit-text-fill-color: transparent;
  10.  -webkit-background-clip: text;
  11.  font-weight: bold;
  12.  font-size: 60px;
  13. font-family: 'Great Vibes', cursive;
  14.  width: 600px;
  15.  margin: 30px -100;
  16.  text-align: center;
  17.  
  18.  
  19. }
  20.  
  21. .fire{ background: url(https://i.imgur.com/pw8X0yd.gif);
  22. background-position:bottom center;
  23. background-size:contain;
  24. mix-blend-mode: screen;}
  25.  
  26.  
  27. /* unvisited link */
  28. a:link {
  29.  color: #FFF; text-decoration: none;
  30. }
  31.  
  32. /* visited link */
  33. a:visited {
  34.  color: #fff; text-decoration: none;
  35. }
  36.  
  37. /* mouse over link */
  38. a:hover {
  39.  color: #fff; text-decoration: none;
  40. }
  41.  
  42. /* selected link */
  43. a:active {
  44.  color: blue; text-decoration: none;
  45. }
  46.  
  47. /* width */
  48. ::-webkit-scrollbar {
  49.  width: 5px;
  50. }
  51.  
  52. /* Track */
  53. ::-webkit-scrollbar-track {
  54.  box-shadow: inset 0 0 5px black;
  55.  border-radius: 10px;
  56. }
  57.  
  58. /* Handle */
  59. ::-webkit-scrollbar-thumb {
  60.  background: transparent;
  61.  box-shadow: inset 0 0 5px red;
  62.  border-radius: 10px;
  63. }
  64. body{background-image:url('https://i.imgur.com/Smwku35.png');background-color:#000;background-size:100%;background-repeat:no-repeat;background-position:center left;}
  65.  
  66. .op-tbl .ooc{font-style:italic;font-size:8px;}
  67. .op-tbl p{padding:2px 0px;margin:0px;text-indent:35px;  text-shadow:
  68.         -1px -1px 0 #000,
  69.         1px -1px 0 #F50,
  70.         -1px 1px 0 #F00,
  71.         1px 1px 0 #700;
  72. }
  73. .op-tbl b{color:#CBCACA;letter-spacing:-.2px;text-shadow:#435743 1px 1px 0;}
  74. .op-tbl{background-color:#transparent;background-image:url('');background-position:top center;background-repeat:no-repeat;border:2px solid #transparent;font-family:georgia, serif;font-size:12px;color:#fc0;letter-spacing:.4px;word-spacing:.3px;line-height:15px;width:450px;text-align:justify;height:400px;}
  75. .op-tbl-border{width:454px;border:1px solid #transparent; position: absolute;overflow-y:auto;overflow-x:hidden;
  76.  right: 150px; top:0;}
  77. .op-tbl .inner{margin:40px 10px 10px 10px;padding:10px;background-color: rgba(0, 0, 0, 0.4);border:1px solid #000;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}</style>
  78.  
  79.  
  80.  
  81. <div class="op-tbl-border"><div class="knockout"><center>Hati</br></center></div>
  82. <div class="op-tbl">
  83. <div class="inner">
  84. <p class="ooc">
  85. Do not approach ICly. Do not be a brat. Golden rule applies.
  86. </p>
  87. <p>        
  88. Black elder dragon cloaked in flame, another product of experimental neural link technology.<p>
  89. Golden mane and pitch black wings. He invokes the image of the beast who devours the sun. An infernal beast.
  90. </p></div></div></div>
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