SHARE
TWEET

Sona / Beats

bythestars Mar 22nd, 2019 164 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. ::-webkit-scrollbar-thumb:vertical {
  3. background-color: transparent;
  4. }
  5. ::-webkit-scrollbar {
  6. width: 0px;
  7. background-color: transparent;
  8. }
  9.  
  10. body {
  11. background: url(http://i.picpar.com/cElc.png) repeat fixed;
  12. font:9px calibri, sans-serif;
  13. color:#321F25;
  14. }
  15.  
  16. body, a {
  17. cursor:default;
  18. }
  19.  
  20.  
  21. .cred{ border:1px #999 solid;padding:5px;background-color:#fff;position:absolute;top:10px;width:10px;right:10px;height:10px;overflow:hidden;text-align:left;opacity:1.0-webkit-border-radius: 100px;
  22. -moz-border-radius: 100px;
  23. border-radius: 100px;}
  24. .cred a{text-decoration:none;color:#11304d;font-style:italic;margin-left:1px}
  25. .cred a:hover{text-shadow:4px -2px #dbe7e5}
  26.  
  27. .holder {
  28. position:absolute;
  29. left:0px; right:0px; bottom:0px; top:0px;
  30. margin:auto;
  31. height:330px;
  32. width:290px;
  33. padding:20px;
  34. background-color:#fff;
  35. text-align:center;
  36. border:1px solid #eee;
  37. }
  38.  
  39. .icons {
  40. margin-top:0px;
  41. width:250px;
  42. height:100px;
  43. display:inline-block;
  44. }
  45.  
  46. .betty {
  47. position:absolute;
  48. left:0px;
  49. top:125px;
  50. width:330px;
  51. overflow:hidden;
  52. height:230px;
  53. background-color:#fff;
  54. }
  55.  
  56. .coop {
  57. position:absolute;
  58. top:0px;
  59. left:30px;
  60. width:250px;
  61. padding:7px;
  62. height:120px;
  63. text-align:justify;
  64. text-transform:uppercase;
  65. line-height:150%;
  66. margin-top:20px;
  67. overflow:auto;
  68. }
  69. b {
  70. color:#344792;
  71. }
  72.  
  73. .cooper {
  74. position:absolute;
  75. left:30px;
  76. width:250px;
  77. top:150px;
  78. background-color:#263eb3;
  79. padding:4px;
  80. text-transform:uppercase;
  81. text-align:center;
  82. z-index:4;
  83. font-size:10px;
  84. color:#fff;
  85. border:1px #322171 solid;
  86. }
  87.  
  88. .line {
  89. position:absolute;
  90. left:40px;
  91. top:130px;
  92. height:1px;
  93. z-index:1;
  94. width:250px;
  95. background-color:#344792;
  96. }
  97.  
  98. a {
  99. display:block;
  100. width:40px;
  101. text-decoration:none;
  102. color:#2a6b97;
  103. text-transform:lowercase;
  104. }
  105.  
  106. a:hover {
  107. color:#2b2627;
  108. }
  109.  
  110. .hovs {
  111. -webkit-transition:all 0.4s ease-out;
  112. -moz-transition:all 0.4s ease-out;
  113. transition:all 0.4s ease-out;
  114. }
  115.  
  116. .al {
  117. padding-left:20px;
  118. text-align:right;
  119. font:9px calibri, sans-serif;
  120. }
  121.  
  122. .ar {
  123.  
  124. text-align:left;
  125. font:9px calibri, sans-serif;
  126. }
  127. table {
  128. width:130px;
  129. }
  130.  
  131. .ooc {
  132. position:absolute;
  133. top:165px;
  134. left:30px;
  135. width:260px;
  136. color:#2a6b97;
  137. padding:0px;
  138. font:9px calibri, sans-serif;
  139. }
  140. .ten {
  141. padding:10px;
  142. background-color:#e8e8e8;
  143. }
  144.  
  145. </style>
  146.  
  147. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  148. <div class="holder">
  149.  
  150. <img src="https://i.imgur.com/X0ExSIA.png" class="icons">
  151. <div class="line hovs"></div>
  152.  
  153. <div class="betty">
  154. <div class="coop hovs">
  155. <b>Sona Buvelle</b>;
  156.  
  157. is Demacia's foremost virtuoso of the stringed etwahl, speaking only through her graceful chords and vibrant arias. This genteel manner has endeared her to the highborn, though others suspect her spellbinding melodies to actually emanate magic—a Demacian taboo. Silent to outsiders but somehow understood by close companions, Sona plucks her harmonies not only to soothe injured allies, but also to strike down unsuspecting enemies.
  158. </div>
  159. <div class="cooper hovs">Maven of the Strings
  160.  
  161. </div>
  162.  
  163. <div class="ooc">
  164. <p class="ten">
  165. cindy made this for me, back off. ♩ league of legends rp preferred. sway me. ♪ open to most ships. short term or long term. ♫ drama is for in character only. ♬ star, cap'n, summer, etc. ♥ ☆</p>
  166. </div>
  167. </div>
  168. </div>
  169.  
  170. </div>
  171. <div class="cred hovs"> <a target="_blank" href="https://roleplay.chat/profile.php?user=Cindy Moon" class="hovs" title="codes by cindy!"><i class="fa fa-moon-o" aria-hidden="true"></i></a></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