Advertisement
NaotoShirgone

Lyari Vera

Apr 24th, 2018
84
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.45 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. @import url(https://fonts.googleapis.com/css?family=Coda);
  4. @import url(https://fonts.googleapis.com/css?family=Karla);
  5. @import url(https://fonts.googleapis.com/css?family=Squada+One);
  6.  
  7. body { background-color: #000000; background-image: url(https://storge.pic2.me/cm/2560x1920/309/584c6c4f2898c.jpg); background-attachment: fixed; background-position: center center; background-repeat: repeat; background-size: auto;}
  8.  
  9. a { background: #b29494; padding: 2px 5px 2px 5px; font-size: 9px; border-radius: 5px; font-family: karla; color: #fff; letter-spacing: .2; text-decoration: none;}
  10. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}
  11. a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important; color: #fff; text-decoration: line-through; }
  12.  
  13. ::-webkit-scrollbar-track {background-color:;}
  14. ::-webkit-scrollbar-thumb {background-color:;}
  15. ::-webkit-scrollbar {width:2px;height:5px;}
  16.  
  17. b, strong { background: #990505; padding: 2px 5px 2px 5px; font-size: 9px; border-radius: 5px; font-family: karla; color: #000; letter-spacing: .2; }
  18.  
  19. .container { background-image:url('https://i.imgur.com/Ogwgq9T.jpg'); background-attachment: absolute; background-position: center center; background-repeat: repeat; background-size: auto; position: absolute; top: 280px; left: 370px; height: 240px; width: 720px; border: 1px solid #731A1A; border-radius: 10px 120px 120px 10px; overflow: hidden; z-index: 1000; z-index: 1;}
  20.  
  21. .img { position: absolute; top: 80px; left: 370px; height: 440px; width: 240px; background-image: url("https://i.imgur.com/1HEwl4z.png"); background-size: 100% 100%; background-position: center center; overflow: hidden; z-index: 2;}
  22.  
  23. .ooc { position: fixed; background-color: #000000; border: 1px #731A1A solid; overflow: auto; width: 400; height: 190; top: 290px; left: 570; padding: 3px; text-align: justify; font-size: 11px; font-family: 'karla', sans-serif; color: #900303; line-height: 15px; z-index: 3;}
  24.  
  25. .abox { background-color: #000000; color: #ff0000; font-size: 11px; font-family: 'karla', sans-serif; text-align: justify; position: absolute; width: 400; height: 190; left: 570; top: 290; line-height: 15px; padding: 3px; overflow:auto; border: 1px solid #731A1A ; z-index: 3;}
  26.  
  27. .quote { position:fixed; top: 233px; left: 600px; text-align: left; font-family: 'Squada One'; text-shadow: -1px 0px 0px #FFFFFF, 0px 1px 0px #FFFFFF, 1px 0px 0px #FFFFFF, 0px -1px 0px #FFFFFF; font-size: 50px; color: #730000; z-index:999; text-align: center;}
  28.  
  29. .navbar {Background-color: transparent; Position: absolute; left: 570px; top: 500px; z-index: 3000; }
  30.  
  31. .link1 {Position: absolute; Border: solid 1px #000; Height: 10px; Width: 70px; background-image:url('http://hdwallpaperbackgrounds.net/wp-content/uploads/2016/07/black-background-Wallpapers-13.jpg'); border: 1px solid #731A1A; border-radius: 0;}
  32.  
  33. .link2 {Position: absolute; Left: 108px; Border: solid 1px #000; Height: 10px; Width: 70px; background-image:url('http://hdwallpaperbackgrounds.net/wp-content/uploads/2016/07/black-background-Wallpapers-13.jpg'); border: 1px solid #731A1A; border-radius: 0;}
  34.  
  35. .link3 {Position: absolute; Left: 218px; Border: solid 1px #000; Height: 10px; Width: 70px; background-image:url('http://hdwallpaperbackgrounds.net/wp-content/uploads/2016/07/black-background-Wallpapers-13.jpg'); border: 1px solid #731A1A; border-radius: 0;}
  36.  
  37. .link4 {Position: absolute; Left: 327px; Border: solid 1px #000; Height: 10px; Width: 70px; background-image:url('http://hdwallpaperbackgrounds.net/wp-content/uploads/2016/07/black-background-Wallpapers-13.jpg'); border: 1px solid #731A1A; border-radius: 0;}
  38.  
  39. .link1:hover {Background-color: #d3895a; -webkit-transition: background-color 1s ease-in-out; -moz-transition: background-color 1s ease-in-out; -o-transition: background-color 1s ease-in-out; transition: background-color 1s ease-in-out;}
  40. .link2:hover {Background-color: #d3895a; -webkit-transition: background-color 1s ease-in-out; -moz-transition: background-color 1s ease-in-out; -o-transition: background-color 1s ease-in-out; transition: background-color 1s ease-in-out;}
  41. .link3:hover {Background-color: #d3895a; -webkit-transition: background-color 1s ease-in-out; -moz-transition: background-color 1s ease-in-out; -o-transition: background-color 1s ease-in-out; transition: background-color 1s ease-in-out;}
  42. .link4:hover {Background-color: #d3895a; -webkit-transition: background-color 1s ease-in-out; -moz-transition: background-color 1s ease-in-out; -o-transition: background-color 1s ease-in-out; transition: background-color 1s ease-in-out;}
  43.  
  44. h1 { font-family: coda; font-size: 10px; color: #C4A7A6; text-transform: uppercase; letter-spacing: 5px; border-bottom: 2px solid #C4A7A6; background: transparent; text-align: right; margin-right: 3px; margin-left: 3px; line-height: 17px; margin-top: 1px;}
  45.  
  46. .slide {Position: fixed; Height: 555555; Width: 555555; Top: 0px; Left: 0px; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  47.  
  48. .slide:target {Left: 0; Opacity: 1; Z-index: 1000; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  49.  
  50. .credit { position: fixed; Bottom: 10px; Right: 10px; height: 25px; width: 25px; background-color: #111; border: 1px solid #FF0000; font-size: 15px; font-family: karla; text-align: justify; color: #FF0000; z-index: 7000; text-align: center; line-height: 25px;}
  51.  
  52. </style>
  53. <div class="quote">Do you Dare?</div>
  54.  
  55. <div class="container"></div>
  56. <div class="img"></div>
  57.  
  58. <div class="ooc">
  59. <h2></h2>
  60. <p style="text-align:Left;text-indent:0%;">
  61. <b>Name:</b><i><b>Lyria Vera</i></b>
  62. <br>
  63. <b>Species:</b><i><b>Elf Nymph</i></b>
  64. <br>
  65. <b>Gender:</b><i><b>Female</i></b>
  66. <br>
  67. <b>Age:</b><i><b>20</i></b>
  68. <br>
  69. <b>Occupation:</b><i><b>Guardian of the Woods</i></b>
  70. <br>
  71. <b>Relationship/Mate:</b><i><b>None</i></b>
  72. <br>
  73. <b>Hair:</b><i><b> White</i></b>
  74. <br>
  75. <b>Eyes:</b><i><b>Ocean Blue</i></b>
  76. <br>
  77. <b>Height:</b><i><b>5'6 </i></b>
  78. <br>
  79. <b>Orientation:</b><i><b>BiSexual</i></b>
  80. <br>
  81.  
  82.  
  83. </div>
  84.  
  85. <div class="navbar">
  86. <a class="link1" href="#1"></a>
  87. <a class="link2" href="#2"></a>
  88. <a class="link3" href="#3"></a>
  89. <a class="link4" href="#4"></a>
  90. </div>
  91.  
  92. <div id="1" class="slide">
  93. <div class="abox">
  94. <center><i><b>About</i></b></center><br><br>
  95. Coming soon
  96.  
  97. </div></div>
  98.  
  99. <div id="2" class="slide">
  100. <div class="abox">
  101. <center><i><b>Gallery</i></b></center>
  102. <center><i><b>Click to scroll down</i></b></center>
  103. <img src="http://p1.i.ntere.st/2b42ce4d9f7fe249a76d3bbb271c304c_480.jpg" title="..." style="width:100px;height:140px;border:1px solid #FF115E;border-radius:10px;float: center;"></a>
  104. <img src="https://i.pinimg.com/736x/28/30/7d/28307d96599e0ea2d3823d21b9944346--first-place-anime-sexy.jpg" title="..." style="width:100px;height:140px;border:1px solid #FF115E;border-radius:10px;float: center;"></a>
  105. <img src="https://cdnio.luscious.net/625/lusciousnet_alisa-ilinchina-amiella_613340923.jpg" title="..." style="width:100px;height:140px;border:1px solid #FF115E;border-radius:10px;float: center;"></a>
  106.  
  107. <br><br>
  108. <img src="https://i.pinimg.com/736x/07/9b/81/079b81514b31f4c6f3652459f1444bd9--ecchi-girl-anime-sexy.jpg" title="..." style="width:100px;height:140px;border:1px solid #FF115E;border-radius:10px;float: center;"></a>
  109. <img src="https://i.pinimg.com/736x/85/ec/00/85ec007d35e08d49f0620ab8964fea77--ecchi-girl-anime-girls-ecchi.jpg" title="..." style="width:100px;height:140px;border:1px solid #FF115E;border-radius:10px;float: center;"></a>
  110. <img src="https://s-media-cache-ak0.pinimg.com/736x/d4/d3/d6/d4d3d6ec247562237e7f945ead9c84cc--art-asiatique-anime-pictures.jpg" title="..." style="width:100px;height:140px;border:1px solid #FF115E;border-radius:10px;float: center;"></a>
  111.  
  112.  
  113.  
  114.  
  115. </div></div>
  116.  
  117. <div id="3" class="slide">
  118. <div class="abox">
  119.  
  120. <i><b>❃ OCC and IC are two different worlds, </i></b><br>
  121. <i><b>❃ Don't just assume something sexual will happen because that is earned not just given. </i></b><br>
  122. <i><b>❃ Don't start a story with out discussing the plot, setting, and boundaries with me</i></b><br>
  123. <i><b>❃ Also one last thing, DON'T DO ONE LINERS!!! </i></b><br>
  124. <i><b>❃Multi-para to Semi-para is very well appreciated and detail is orgasmic to the eyes. </i></b><br>
  125. <i><b>❃ Semi-PM Friendly</i></b><br>
  126.  
  127. </div></div>
  128.  
  129.  
  130.  
  131. <div class="credit"><a target="_blank" href="http://[FILTERED].tumblr.com/" target="_blank">©</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement