SHARE
TWEET

dialogue css

Seymour_Schlong Jun 17th, 2019 (edited) 60 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .dialogue-box {
  2.     background-image: url(https://pipe.miroware.io/5b52ba1d94357d5d623f74aa/HTML%20and%20CSS%20Things/bg.png);
  3.     height: 318px;
  4.     width: 650px;
  5.     margin: 0 -25px;
  6. }
  7.  
  8. line {
  9.     color: white;
  10. }
  11.  
  12. .text-container {
  13.     position: absolute;
  14.     width: 550px;
  15.     height: 190px;
  16.     transform: translate(50px, 45px);
  17.     text-align: left;
  18. }
  19.  
  20. .dialogue-box input {
  21.     float: left;
  22.     background-color: #0000;
  23.     color: #0000;
  24.     border: none;
  25.     width: 35px;
  26.     height: 35px;
  27.     background-image: url(https://pipe.miroware.io/5b52ba1d94357d5d623f74aa/HTML%20and%20CSS%20Things/arrow.png);
  28. }
  29.  
  30. .back {
  31.     transform: translate(40px, 275px);
  32. }
  33. .continue {
  34.     transform: translate(78px, 275px) scaleX(-1);
  35. }
  36.  
  37. .hidden {
  38.     visibility: hidden;
  39. }
  40.  
  41. dialogue line {
  42.     display: none;
  43. }
  44. dialogue > br {
  45.     display: none;
  46. }
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