spookyghostgirl

fewrthbfv

Aug 23rd, 2019
84
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style type="text/css">
  2.  
  3. @import url('https://fonts.googleapis.com/css?family=Karla|Montserrat|Oswald|PT+Sans|Pacifico|Poppins|Ubuntu');
  4.  
  5.  
  6. body
  7. {overflow-x:hidden;
  8. background-image:
  9. url('');
  10. background-position: bottom right;
  11. background-repeat: repeat;
  12. background-attachment: fixed;
  13. background-color:#d6ccab;
  14. overflow:hidden;}
  15.  
  16. ::-webkit-scrollbar-thumb:vertical {background-color:#302820; height:3px; }
  17. ::-webkit-scrollbar { height:3px; width:1px; background-color:transparent; }
  18.  
  19. ::selection {
  20. color: #fff;
  21. background: #121212;}
  22.  
  23. a {color: #000;
  24. border:1px solid #45362d;
  25. text-decoration:none;
  26. padding:2;
  27. text-transform:uppercase;
  28. font-family: 'Karla', cursive;
  29. font-size:12px;
  30. -webkit-transition: all 0.5s ease-in-out;
  31. -moz-transition: all 0.5s ease-in-out;
  32. -o-transition: all 0.5s ease-in-out;
  33. -ms-transition: all 0.5s ease-in-out;
  34. transition: all 0.5s ease-in-out;}
  35.  
  36. a:hover {color: #fff;
  37. -webkit-transition: all 0.5s ease-in-out;
  38. -moz-transition: all 0.5s ease-in-out;
  39. -o-transition: all 0.5s ease-in-out;
  40. -ms-transition: all 0.5s ease-in-out;
  41. transition: all 0.5s ease-in-out;}
  42.  
  43. b {
  44. color:#1f1713;
  45. border:1px solid #fff;
  46. padding:2;
  47. font-family: 'Karla', sans-serif;
  48. text-transform: uppercase;
  49. font-size:12px;
  50. letter-spacing: 0;
  51. font-weight:1;}
  52.  
  53. i {
  54. color:#bd9798;
  55. font-family: 'Pacifico', cursive;
  56. text-transform:lowercase;
  57. font-size:15px;
  58. letter-spacing: 0;
  59. font-weight:1;}
  60.  
  61. u {
  62. color:#bd9798;
  63. font-family: 'Montserrat', sans-serif;
  64. text-transform:lowercase;
  65. font-size:15px;
  66. letter-spacing: 0;
  67. font-weight:1;}
  68.  
  69. h1 {
  70. padding:1px;
  71. margin-top:10px;
  72. margin-bottom:10px;
  73. color:#1f1712;
  74. font-size:30px;
  75. font-family: 'Poppins', sans-serif;
  76. text-transform:lowercase;
  77. letter-spacing:1px;
  78. text-align:center;
  79. font-weight:1;}
  80.  
  81. h2 {
  82. padding:5px;
  83. margin-top:10px;
  84. margin-bottom:10px;
  85. color:#bd9798;
  86. background: #fff;
  87. border-left:100px solid #e6ebfc;
  88. font-size:15px;
  89. font-family: 'Poppins', sans-serif;
  90. text-transform:uppercase;
  91. letter-spacing: 1px;
  92. text-align:right;
  93. font-weight:1;}
  94.  
  95. blockquote {
  96. background: transparent;
  97. font-family: 'Oswald', sans-serif;
  98. font-size: 12px;
  99. border-left: 10px solid #d6bc5c;
  100. margin: 1.5em 10px;
  101. padding: 0.5em 10px;
  102. quotes: "\201C""\201D""\2018""\2019";}
  103.  
  104. blockquote:before {
  105. color: #bbb;
  106. content: open-quote;
  107. font-size: 2.5em;
  108. line-height: 0.1em;
  109. margin-right: 0.25em;
  110. vertical-align: -0.4em;}
  111.  
  112. blockquote p {
  113. display: inline;}
  114.  
  115. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}
  116.  
  117. #bitch{position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  118.  
  119. .and {
  120. overflow:hidden;
  121. position:absolute;
  122. bottom:0px;
  123. right:0px;
  124. height:400px;
  125. width:269px;
  126. z-index:10;
  127. opacity:1;
  128. background-color: transparent;
  129. background-image: url('http://i.picpar.com/269d.png');
  130. background-position:center center;
  131. background-attachment: absolute;
  132. background-repeat: no-repeat;}
  133.  
  134. #container {
  135. position:absolute;
  136. top:50%;
  137. margin-top:-300px;
  138. left:50%;
  139. margin-left:-150px;
  140. height:600px;
  141. width:269px;
  142. background:#fff2e8;
  143. border:2px solid #1f1712;
  144. outline:20px solid #857562;
  145. outline-offset:10px;}
  146.  
  147. #box {
  148. background-color: rgb(230, 219, 186, 0.9);
  149. text-transform: lowercase;
  150. text-align:center;
  151. color: #1f1713;
  152. font-size:10px;
  153. font-family: 'Poppins', sans-serif;
  154. position: absolute;
  155. width:205px;
  156. height:300px;
  157. left:20px;
  158. top:20px;
  159. line-height:25px;
  160. padding:10px;
  161. margin:1px;
  162. opacity:1;}
  163.  
  164. #box2 {
  165. background-color: rgb(230, 219, 186, 0.5);
  166. text-transform:lowercase;
  167. font-style:italic;
  168. text-align:left;
  169. color: #1f1713;
  170. font-size:10px;
  171. font-family: 'georgia', sans-serif;
  172. position: absolute;
  173. width:235px;
  174. height:50px;
  175. left:5px;
  176. bottom:0px;
  177. line-height:13px;
  178. padding:10px;
  179. margin:1px;
  180. overflow:hidden;
  181. opacity:1;
  182. z-index:10;}
  183.  
  184. [data-tooltip] {
  185. position: relative;
  186. z-index: 2;
  187. cursor: pointer;}
  188.  
  189. [data-tooltip]:before,
  190. [data-tooltip]:after {
  191. visibility: hidden;
  192. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  193. filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  194. opacity: 0;
  195. pointer-events: none;}
  196.  
  197. [data-tooltip]:before {
  198. position: absolute;
  199. bottom: 150%;
  200. left: 50%;
  201. margin-bottom: 5px;
  202. margin-left: -80px;
  203. padding: 7px;
  204. width: 160px;
  205. -webkit-border-radius: 3px;
  206. -moz-border-radius: 3px;
  207. border-radius: 3px;
  208. border-top:1px solid #7a5d59;
  209. background-color: rgb(15, 15, 15, 0.9);
  210. color: #fff;
  211. font-family: 'Poppins', sans-serif;
  212. content: attr(data-tooltip);
  213. text-align: center;
  214. font-size: 10px;
  215. line-height: 1.2;}
  216.  
  217. [data-tooltip]:after {
  218. position: absolute;
  219. bottom: 150%;
  220. left: 50%;
  221. margin-left: -5px;
  222. width: 0;
  223. border-top: 5px solid #000;
  224. border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  225. border-right: 5px solid transparent;
  226. border-left: 5px solid transparent;
  227. content: " ";
  228. font-size: 0;
  229. line-height: 0;}
  230.  
  231. [data-tooltip]:hover:before,
  232. [data-tooltip]:hover:after {
  233. visibility: visible;
  234. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  235. filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  236. opacity: 1;}
  237.  
  238. </style>
  239.  
  240. <div id="bitch" oncontextmenu="return false;">
  241. <div id="blanket">
  242.  
  243. <div id= "container">
  244. <div class="and"></div>
  245.  
  246. <div id="box">
  247. <h1>「andreya」</h1>
  248. <b>andreya avervale</b>
  249. <a target="_blank" href="https://imgur.com/a/qw0fMvK" target="_blank">gallery</a>
  250. <b>ranger</b> <a href="#" data-tooltip="father was lord of the deep wood. mother's identity is unknown for now.">half elf</a>
  251. <b>chaotic good</b> <b>heterosexual</b> <a href="#" data-tooltip="paints the scenery of everywhere she's been, and those she imagines. ariamis calls through each brush stroke.">painter</a>
  252. <b>bubbly</b> <b>overtly kind</b> <b>brave-hearted</b><br>
  253. <a href="#" data-tooltip="people, places, things - it even holds her deepest thoughts.">keeps a traveler's diary</a>
  254. </div>
  255.  
  256. <div id="box2">
  257. dm preferred. story is everything; always looking
  258. for long term partners. fantasy settings and dark themes wanted.
  259. profile is a work in progress. no ooc contact will be given. art @nat the lich.
  260. </div>
RAW Paste Data