Advertisement
bythestars

Ayvindr - Profile

Oct 29th, 2020
42
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.42 KB | None | 0 0
  1. <style>
  2.  
  3. @import url('https://fonts.googleapis.com/css?family=Lobster|Satisfy|Homemade+Apple&display=swap');
  4.  
  5. body {background: #001a00;}
  6. ::-webkit-scrollbar {display:none}
  7.  
  8. h1 {font-size: 10px; text-align: center; font-style: italic; letter-spacing: 3px; text-shadow: 2px 2px #001a00; text-transform: lowercase;}
  9. b {color: #001a00; font-variant: small-caps; font-size: 11px; letter-spacing: 0;}
  10. i {color: #009900; font-variant: small-caps; font-size: 11px; letter-spacing: 0;}
  11. s {color: #009900; font-variant: small-caps; font-size: 11px; letter-spacing: 0;}
  12. u {color: #009900; font-variant: small-caps; font-size: 11px; letter-spacing: 0;}
  13. a {text-decoration: none; color: #008000;}
  14. a:hover {color: #001a00;}
  15. a.coded {text-decoration: none; color: #fff;}
  16. a.coded:hover {color: #001a00;}
  17.  
  18. .container {position: absolute; height: 648px; width: 940px; margin: auto; left: 0px; right: 0px; top: 0px; bottom: 0px;}
  19.  
  20. .image {position: absolute; background: url('https://i.imgur.com/z4tPqOX.jpg') no-repeat; background-size: 400px; background-position: 0px 0px; height: 710px; width: 400px; left: 0px; top: 0px; border: 1px solid #000; box-shadow:1px 1px 3px #000;}
  21.  
  22. .hoverbox {position: absolute; background: #fff; height: 710px; width: 282px; left: 310px; bottom: 0px; opacity: 0; transition: all .7s ease-in-out;}
  23.  
  24. .hoverbox:hover {opacity: 1; transition: all .7s ease-in-out;}
  25.  
  26. .box2 {position: absolute; height: 548px; width: 270px; left: 5px; bottom: 5px; border: 1px solid #000; box-shadow: 0px 0px 1px #000;}
  27.  
  28. .name2 {position: absolute; font-family: 'Satisfy', cursive; font-size: 20px; color: #006600; width: 488px; text-align: center; left: -110px; top: 35px;}
  29.  
  30. .name {position: absolute; font-family: 'Lobster', cursive; font-size: 40px; color: #001a00; letter-spacing: 1px; width: 488px; text-align: center; left: 0px; top: -35px;}
  31.  
  32. .stats {position: absolute; overflow: auto; font-family: Georgia; font-size: 10px; color: #40374a; line-height: 15px; text-align: justify; letter-spacing: 1px; height: 480px; width: 230px; left: 20px; top: 70px;}
  33.  
  34. .image2 {position: absolute; background: url('https://i.imgur.com/jhuoRC6.gif') no-repeat; background-size: 300px; background-position: 0px 0px; height: 140px; width: 267px; left: 0px; top: -150px; border: 1px solid #000; box-shadow:1px 1px 3px #000;}
  35.  
  36. </style>
  37.  
  38. <div id="nofucku" oncontextmenu="return false;">
  39.  
  40. <div class="container">
  41. <div class="image">
  42. <div class="hoverbox">
  43. <div class="box2">
  44. <div class="image2"></div>
  45. <div class="name2">against the wind
  46. <div class="name">anvindr</div></div>
  47.  
  48. <div class="stats">
  49. <font style="float:left"><b>name</b></font> <font style="float:right">Anvindr Ingólfrdottir</font><br>
  50. <font style="float:left"><b>alias</b></font> <font style="float:right">the Sky Ripper, Little Wolf, Anvi</font><br>
  51. <font style="float:left"><b>age</b></font> <font style="float:right">Eighteen</font><br>
  52. <font style=float:left><b>birthplace</b> </font> <font style=float:right>Norrvik</font><br>
  53. <font style=float:left><b>occupation</b> </font> <font style=float:right>Skjaldmær</font><br><br>
  54.  
  55. <font style=float:left><b>marital status</b> </font> <font style=float:right><a target="_blank" href="profile link here">Single</a></font><br>
  56. <font style=float:left><b>orientation</b> </font> <font style=float:right>Heterosexual</font><br><br>
  57.  
  58. <font style="float:left"><b>gender</b></font> <font style="float:right">♀ Female</font><br>
  59. <font style=float:left><b>height</b> </font> <font style=float:right>5'5"</font><br>
  60. <font style=float:left><b>weight</b> </font> <font style=float:right>121 lbs</font><br>
  61. <font style=float:left><b>hair color</b> </font> <font style=float:right>Dark Brown</font><br>
  62. <font style=float:left><b>eye color</b> </font> <font style=float:right>Green</font><br>
  63. <font style=float:left><b>scent</b> </font> <font style=float:right>--</font><br><br>
  64.  
  65. <center><i>"The water hears and understands.<br>The ice does not forgive."</i></center><br>
  66.  
  67. Blurb here. A whole mini paragraph worth. Although it is doubtful anyone would actually read it. Who checks bios? No one. That'd involve looking beyond the instinct to message someone with a genric message that has been copy/pasted to so many DMs it has lost the ability to stand out. Or the equally cringe worthy "hur hur boobies" messages of want-to-be doms. <br><br>
  68.  
  69. <center><b>DMs Open. Story + Smut. OOC ≠ IC.<br>
  70. Please don't steal the code.</b>
  71. </center>
  72. </div>
  73.  
  74.  
  75.  
  76. </div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement