SHARE
TWEET

fewrthbfv

spookyghostgirl Aug 23rd, 2019 68 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
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top