NaotoShirgone

Rina

May 8th, 2017
103
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.20 KB | None | 0 0
  1. <style>
  2. @import url(https://fonts.googleapis.com/css?family=Montserrat:100,300,400,700,900);
  3. @import url('https://fonts.googleapis.com/css?family=Playfair Display SC');
  4. @import url('https://fonts.googleapis.com/css?family=Graduate');
  5.  
  6. /*coded by [punpun]. do not steal the characters. do not remove this. do not remove the credit.*/
  7.  
  8. body {
  9. background-color: #f3f3f3;
  10. background-position:Fixed;
  11. background-image:url("data:image/jpeg;base64,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");background-size:100px;
  12. background-attachment:tile;
  13. Background-Size: 100%;
  14. overflow: disabled}
  15.  
  16. /*827A99*/
  17.  
  18. ::-webkit-scrollbar-thumb {
  19. width: 0px;
  20. background-color: transparent;}
  21. ::-webkit-scrollbar {
  22. width: 0px;
  23. background-color: transparent;}
  24.  
  25. a {
  26. color: #B33B3B;
  27. text-decoration: none;
  28. border-bottom: 2px dotted #20293F;
  29. transition: all 0.4s ease-in-out;
  30. -webkit-transition: all 0.4s ease-in-out;}
  31. a:hover {
  32. color: #000000;
  33. text-decoration: none;
  34. transition: all 0.4s ease-in-out;
  35. -webkit-transition: all 0.4s ease-in-out;}
  36. a.tabs {
  37. font-size: 14px;
  38. background: #000;
  39. border:1px solid #000;
  40. padding: 2px 18px 2px 18px;
  41. line-height: 30px;
  42. font-family: calibri;
  43. color: #f3f3f3;
  44. -webkit-transition: all 0.4s ease;
  45. transition: all 0.4s ease;}
  46.  
  47. a.tabs:hover {
  48. color: #000;
  49. background-color: transparent;
  50. border:1px solid #000; }
  51.  
  52.  
  53. #ufuk {position: fixed;right: 5;bottom: 5px;}
  54. #ufuk img {width: auto;height: 500;border:15px solid #000;}
  55.  
  56. #head {
  57. position: fixed;
  58. right: 328;
  59. bottom: 120;
  60. color: #000000;border: px solid #000;
  61. font-family: Arial;
  62. font-size: 40;
  63. }
  64.  
  65. #head2 {
  66. position: fixed;
  67. right: 335;
  68. bottom: 65;
  69. color: #000000;
  70. font-family: Graduate;border: px solid #000;
  71. font-size: 25px; text-align: center;
  72. }
  73.  
  74. #head3 {
  75. position: fixed; border: px solid #000;
  76. right: 347;
  77. bottom: 10;
  78. color: #000000;
  79. font-family: Montserrat;
  80. font-size: 14px;
  81. text-align: center;
  82.  
  83. }
  84.  
  85.  
  86. #blur {position: fixed; right:5; bottom:15; height:40px; width: 310px; background-color: #; overflow: hidden; z-index:20;;opacity:1;background-image:url("http://www.clker.com/cliparts/0/e/2/6/1194989379339979681pattern-pinstripes-diagonal.svg.med.png");background-size:100px}
  87.  
  88.  
  89. #box {
  90. position: absolute;
  91. right: 327;
  92. bottom: 190;
  93. width: 194px;
  94. height: 0px;
  95. background-color: #000;
  96. border-top: 6px solid #000;
  97. border-bottom: 6px solid #000;
  98. z-index: 1;
  99. color: #000000;
  100. padding: 4;
  101. font-family: Montserrat;
  102. font-style: normal;
  103. font-weight: 400;
  104. text-align: justify;
  105. overflow-x: hidden;
  106. overflow-y: auto;
  107. font-size: 11px;
  108. -webkit-transition: all 0.9s ease-out;
  109. transition: all 0.9s ease-out;
  110. }
  111. body:hover #box { height: 300px;
  112. background-color: transparent;
  113. }
  114.  
  115. #intro {
  116. position: absolute;
  117. right:8;
  118. width: 180px;
  119. height: 240px;
  120. background-color: transparent;
  121. border: 0px solid #000;
  122. z-index: 3;
  123. color: #000;
  124. padding: 4;
  125. font-family: Montserrat;
  126. font-style: normal;
  127. font-weight: 400;
  128. text-align: justify;
  129. overflow-x: hidden;
  130. overflow-y: auto;
  131. font-size: 11px;
  132. -webkit-transition: all 0.6s ease-out;
  133. transition: all 0.6s ease-out; }
  134.  
  135. #main {position:absolute;
  136. width: 160px; height: 110px; background: #f3f3f3; border: 3px solid #f3f3f3; border-radius: 0px 20px 0px 20px; box-shadow: #9E988B 0px 0px 0px 0px; overflow: hidden; text-align: left;}
  137.  
  138.  
  139. .darts {
  140. position: absolute;
  141. width: 190px;
  142. height: 110px;
  143. opacity: 0; z-index: 1;
  144. text-align: left;
  145. -webkit-transition: all 0.6s ease-out;
  146. -moz-transition: all 0.6s ease-out;
  147. -ms-transition: all 0.6s ease-out;
  148. -o-transition: all 0.6s ease-out;
  149. transition: all 0.6s ease-out;
  150. }
  151.  
  152. .darts:target {
  153. z-index: 5;
  154. -webkit-transition: all 0.6s ease-out;
  155. -moz-transition: all 0.6s ease-out;
  156. -ms-transition: all 0.6s ease-out;
  157. -o-transition: all 0.6s ease-out;
  158. transition: all 0.6s ease-out;
  159. opacity: 1;
  160. }
  161.  
  162. .dicks {
  163. position: absolute;right:-5;
  164. width: 185px;
  165. height: 230px;
  166. background-color: #000;
  167. border-top: 6px solid #000;
  168. border-bottom: 6px solid #000;
  169. z-index: 5;
  170. color: #f3f3f3;
  171. padding: 4;
  172. font-family: Montserrat;
  173. font-style: normal;
  174. font-weight: 100;
  175. text-align: justify;
  176. overflow-x: hidden;
  177. overflow-y: auto;
  178. font-size: 11px;
  179. -webkit-transition: all 0.6s ease-out;
  180. transition: all 0.6s ease-out;
  181.  
  182. }
  183. </style>
  184. <div id="blur"></div>
  185. <div id="ufuk"><img src="http://i.imgur.com/4PV6CfT.jpg"></div>
  186.  
  187. <div id="head">Onii-san</div><div id="head2"><b>Will you <br> play with me?</b></div>
  188. <div id="head3">16-18; Rina<br>
  189. Vampire; Straight<br>
  190. Looking for Onii-san</div>
  191.  
  192. <div id="box">
  193. <center><a href="#i" class="tabs">I</a><a href="#ii" class="tabs">II</a><a href="#" class="tabs">re</a><a target="_blank" href="https://youtu.be/-vOio7---pA" class="tabs" target="_blank">♫</a></center><br>
  194. <div id="intro">
  195. , ,
  196.  
  197. // Pm friendly<br>
  198. // enjoys storyline and smut rps<br>
  199. // very friendly in general<br>
  200. // real life comes first<br>
  201. // and if you have to leave during the Rp just let me know<br>
  202. // OOC=/=IC.<br>
  203. <center><br><center> ---<br>Acquaintances: <br> <a href="profile.php?user=Name" target="_blank">NAME</a> // <a href="profile.php?user=Name" target="_blank">NAME</a> // <a href="" target="_blank">NAME</a></center></div>
  204.  
  205. <div id="i" class="darts">
  206. <div class="dicks"> Work In progress
  207. </div>
  208. </div>
  209.  
  210. <div id="ii" class="darts">
  211. <div class="dicks"><span title="Rina">NAME:</span> //
  212. <span title="RiRi">MONIKERS:</span> //
  213. <span title="16-18; April 8th">AGE:</span> //
  214. <span title="Female">GENDER:</span> //
  215. <span title="Blue">EYES</span> //
  216. <span title="Pink">HAIR</span> //
  217. <span title="Straight">ORIENTATION</span> //
  218. <span title="Lean, athletic">BUILD</span> //
  219. <span title="Single">MARITAL <font style="color:black">//</font></span><br>
  220. <center><u>NOTES</u></center><br>
  221. Looking for Onii-san to play with.
  222. </div>
  223. </div>
  224.  
  225. <div id="a" class="darts">
  226. <div class="dicks"><u>BLISS//HORROR</u> <br><br>
  227. <u></u><br><br>
  228.  
  229. </div>
  230. </div>
  231.  
  232. </div>
  233.  
  234. <a href="profile.php?user=Punpun" title="Coded by Punpun." target="_blank"><img src="http://i.imgur.com/acD32sR.png" style="position:fixed; left:10; bottom:0;width:25;-webkit-transform: scaleX(-1); filter: FlipH;"></a>
Add Comment
Please, Sign In to add comment