Advertisement
NaotoShirgone

Aien

May 9th, 2017
93
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.64 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. .pfor {display: none; visibility: hidden;}
  4. #profile {background-color:;}
  5. #profile {border:;}
  6. body
  7. {overflow-x:hidden;
  8. background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTR0aBN5kXuO51jTj7nis9N8DTEIpU_VQ6_9jSvgXyD1hLMB_2D);
  9. Background-color:#000000;
  10. background-repeat:repeat;
  11. background-position:center;
  12. background-attachment: fixed;
  13. font: 11px arial;
  14. color: #000000;}
  15. #profile {background-color: transparent;
  16. border:0px;
  17. }
  18.  
  19. ::-webkit-scrollbar {
  20. width: 3px;
  21. height: 0px;
  22. background:;
  23. }
  24.  
  25. ::-webkit-scrollbar-thumb {
  26. background-color: white;
  27. -webkit-border-radius: 5px;
  28. border-radius: 10px;
  29. }
  30.  
  31. a {color: #B30000;
  32. text-decoration: none;
  33. }
  34.  
  35. a:hover {color: #ccc;
  36. text-decoration: line-through;
  37. cursor:
  38. url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');
  39. }
  40.  
  41. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
  42. }
  43.  
  44.  
  45. #pictureone { position:fixed; left:0px; top:-10px; }
  46.  
  47. #bar { position: fixed; top: 10px; left:-10px; height: 350px; width: 2000px; background-image:url(http://orig14.deviantart.net/661b/f/2016/099/e/5/cloud_divider_2_by_6_88_13-d9ycylu.png); overflow: auto; opacity: 0.9; z-index: -3; }
  48.  
  49. .abox {background-image:url(https://images.freecreatives.com/wp-content/uploads/2016/03/Grunge-Effect-Black-Wallpaper-for-Website.jpg); color: #fff; font-size: 14px; font-family: calibri; text-align: justify; opacity: 0.7; position: absolute; width:700; height:350; left: 450; top:250; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px double red;}
  50.  
  51. .navbar {Background-color: transparent; Position: absolute; Height: 13px; Width: 242px; Left: 564; Top: 155; padding: 4px; z-index: 100;}
  52.  
  53. .link1 {Position: absolute; Left: 10px; Border: double 3px #FF0000; Height: 10px; Width: 25px; background-color: #000; }
  54.  
  55. .link2 {Position: absolute; Left: 55px; Border: double 3px #FF0000; Height: 10px; Width: 25px; background-color: #000; }
  56.  
  57. .link3 {Position: absolute; Left: 210px; Border: double 3px #FF0000; Height: 10px; Width: 25px; background-color: #000; }
  58.  
  59. .link4 {Position: absolute; Left: 255px; Border: double 3px #FF0000; Height: 10px; Width: 25px; background-color: #000; }
  60.  
  61. .link5 {Position: absolute; Left: 410px; Border: double 3px #FF0000; Height: 10px; Width: 25px; background-color: #000; }
  62.  
  63. .link6 {Position: absolute; Left: 455px; Border: double 3px #FF0000; Height: 10px; Width: 25px; background-color: #000; }
  64.  
  65. .link1:hover {Background-color: #FF0000;}
  66. .link2:hover {Background-color: #FF0000;}
  67. .link3:hover {Background-color: #FF0000;}
  68. .link4:hover {Background-color: #FF0000;}
  69. .link5:hover {Background-color: #FF0000;}
  70. .link6:hover {Background-color: #FF0000;}
  71.  
  72. .slide {Position: fixed; Height: 555555; Width: 555555; Top: -200px; Left: 0; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  73.  
  74. .slide:target {Top: 0; Opacity: 1; Z-index: 1; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  75. #title {position:absolute;
  76. color: black;
  77. font-size:70;
  78. font-family:tunga;
  79. left:230;
  80. top:140;
  81. }
  82.  
  83. #gifone { position:fixed; left:460px; top:130px; border: double red; border-radius:50%;}
  84. #giftwo { position:fixed; left:660px; top:130px; border: double red; border-radius:50%;}
  85. #gifthree { position:fixed; left:860px; top:130px; border: double red; border-radius:50%;}
  86. #giffour { position:fixed; left:1060px; top:130px; border: double red; border-radius:50%;}
  87.  
  88.  
  89.  
  90. h2 {
  91. position: fixed;
  92. right: 10px;
  93. bottom: 0px;
  94. font-family: Arial;
  95. font-variant: normal;
  96. font-weight: normal;
  97. font-size: 100%;
  98. color: #000000;}
  99. </style>
  100.  
  101. <div id="bar">
  102. </div></div>
  103.  
  104. <div id="pictureone">
  105. <img src="http://i.imgur.com/1QWjjg7.png" class="image" height="650px;" width="490px;">
  106. </div>
  107.  
  108. <div id="gifone">
  109. <img src="http://vignette3.wikia.nocookie.net/magi/images/d/de/Sharrkan_card_04_SSR.png/revision/latest?cb=20140714091706" class="image" height="100px;" width="100px;" style="border-radius:50%" >
  110. </div>
  111. <div id="giftwo">
  112. <img src="http://vignette2.wikia.nocookie.net/magi/images/6/6e/Sharrkan_card_05_SSR%2B.png/revision/latest?cb=20140714091734" class="image" height="100px;" width="100px;" style="border-radius:50%">
  113. </div>
  114. <div id="gifthree">
  115. <img src="http://vignette2.wikia.nocookie.net/magi/images/e/ed/Sharrkan_card_02_SSR.png/revision/latest?cb=20140611091650" class="image" height="100px;" width="100px;" style="border-radius:50%">
  116. </div>
  117. <div id="giffour">
  118. <img src="http://vignette2.wikia.nocookie.net/magi/images/5/52/Sharrkan_card_06_SR.png/revision/latest?cb=20140714091758" class="image" height="100px;" width="100px;" style="border-radius:50%">
  119. </div>
  120.  
  121. <div class="navbar">
  122. <a class="link1" href="#1"></a>
  123. <a class="link2" href="#2"></a>
  124. <a class="link3" href="#3"></a>
  125. <a class="link4" href="#4"></a>
  126. <a class="link5" href="#5"></a>
  127. <a class="link6" href="#6"></a>
  128. </div></div>
  129.  
  130. <div id="1" class="slide">
  131. <div class="abox">
  132. <center><H1>Status</H1></center>
  133. <p style="text-align:Left;text-indent:0%;">
  134. <b><font Size= 3>
  135. Name:</b><Font Color=#ffffff>Aien</Font>
  136. <br>
  137. <b><font Size= 3>
  138. Species:</b><Font Color=#ffffff>Demon</Font>
  139. <br>
  140. <b><font Size= 3>
  141. Gender:</b><Font Color=#ffffff> Male</Font>
  142. <br>
  143. <b><font Size= 3>
  144. Age:</b> <Font Color=#ffffff>19</Font>
  145. <br>
  146. <b><font Size= 3>
  147. True Age:</b> <Font Color=#ffffff>immortal</Font>
  148. <br>
  149. <b><font Size= 3>
  150. <br>
  151. <b><font Size= 3>
  152. Mistress:</b><font Color=#ffffff>AriaRose</font>
  153. <br>
  154. <b><font Size= 3>
  155. Relationship/Mate:</b><font Color=#ffffff>None</font>
  156. <br>
  157. <b><font Size= 3>
  158. Hair:</b><Font Color=#ffffff>White</Font>
  159. <br>
  160. <b><font Size= 3>
  161. Eyes:</b><Font Color=#ffffff>blue</Font>
  162. <br>
  163. <b><font Size= 3>
  164. Height:</b><Font Color=#ffffff>6'2 </Font>
  165. <br>
  166. <b><font Size= 3>
  167. Orientation:</b><Font Color=#ffffff> Straight</Font>
  168. <br>
  169.  
  170.  
  171.  
  172. </div></div>
  173.  
  174. <div id="2" class="slide">
  175. <div class="abox">
  176. <center><h1> Bio</h1><br></center>
  177. Work.In.Progress</p>
  178. <p>
  179. </p>
  180.  
  181.  
  182.  
  183. </div></div>
  184.  
  185. <div id="3" class="slide">
  186. <div class="abox">
  187. <center><h1>Gallery</h1></center>
  188. <center>
  189. <img src="https://s-media-cache-ak0.pinimg.com/originals/b8/30/c7/b830c775729ff32436d7656d97918f3b.jpg" title="..." style="width:100px;height:140px;border:1px solid #690000;border-radius:10px;float: center;"></a>
  190. <img src="https://s-media-cache-ak0.pinimg.com/736x/7c/7c/a5/7c7ca523bee9dde92c5958801074abcc.jpg" title="..." style="width:100px;height:140px;border:1px solid #690000;border-radius:10px;float: center;"></a>
  191. <img src="https://s-media-cache-ak0.pinimg.com/736x/d7/93/c7/d793c7de2a6480ef325551dc9891c60e.jpg" title="..." style="width:100px;height:140px;border:1px solid #690000;border-radius:10px;float: center;"></a>
  192. <img src="https://s-media-cache-ak0.pinimg.com/736x/1a/2b/d0/1a2bd0df2712da970178cf140f29ceaa.jpg" title="..." style="width:100px;height:140px;border:1px solid #690000;border-radius:10px;float: center;"></a>
  193. <img src="https://s-media-cache-ak0.pinimg.com/236x/34/9d/ef/349def32d2c7a5bcb9e506dfb8451ff9.jpg" title="..." style="width:100px;height:140px;border:1px solid #690000;border-radius:10px;float: center;"></a>
  194. <br>
  195. <center><h1>My Mistress and Myself</h1><br></center>
  196.  
  197. <img src="https://s-media-cache-ak0.pinimg.com/736x/5a/0b/a6/5a0ba626e6a9b27a0ae5b4e6289d0a6b.jpg" title="..." style="width:100px;height:140px;border:1px solid #690000;border-radius:10px;float: center;"></a>
  198. <img src="https://s-media-cache-ak0.pinimg.com/736x/6f/6b/59/6f6b593efe97a9d3c7671493c62df0f3.jpg" title="..." style="width:100px;height:140px;border:1px solid #690000;border-radius:10px;float: center;"></a>
  199. <img src="https://s-media-cache-ak0.pinimg.com/736x/b1/47/90/b147900e28833ba48a2714b38199e802.jpg" title="...." style="width:100px;height:140px;border:1px solid #690000;border-radius:10px;float: center;"></a>
  200. <img src="https://s-media-cache-ak0.pinimg.com/736x/f7/15/58/f71558d99007f547b6e53964a2ee83ad.jpg" title="..." style="width:100px;height:140px;border:1px solid #690000;border-radius:10px;float: center;"></a>
  201. <br>
  202. </center>
  203.  
  204.  
  205.  
  206.  
  207.  
  208. </div></div>
  209.  
  210. <div id="4" class="slide">
  211. <div class="abox">
  212. <center><h1>Family</h1></center>
  213. <a href="http://i.imgur.com/YNn1hYB.jpg">Mistress: </a>Aria<br>
  214. <a href="https://s-media-cache-ak0.pinimg.com/564x/b4/8e/ba/b48ebaab5794dc44e6989a39de440c0a.jpg">Mother: </a>Vis<br>
  215. <center><h1>Friends</h1></center>
  216. <a href="UrlHere">Name.Info.Quote</a><br>
  217. <a href="UrlHere">Name.Info.Quote</a><br>
  218. <a href="UrlHere">Name.Info.Quote</a><br>
  219. <a href="UrlHere">Name.Info.Quote</a><br>
  220.  
  221.  
  222. <br>
  223.  
  224. </div></div>
  225.  
  226. <div id="5" class="slide">
  227. <div class="abox">
  228. <center><h1>Abilities:</H1></center>
  229.  
  230.  
  231.  
  232.  
  233.  
  234. </div></div>
  235.  
  236. <div id="6" class="slide">
  237. <div class="abox">
  238. <h1>OOC</h1>
  239. <P align="left">
  240.  
  241. <b>*</b> In-room approach is your best bet.<br>
  242. <b>*</b> Smut is earned.<br>
  243. <b>*</b> I reserve the right to make you disappear [or ignore you, whichever is convenient].<br>
  244. <b>*</b> I'm actually friendlier than my character.<br>
  245. <b>*</b> PM Picky.<br>
  246. <b>*</b> No profile = immediate no.<br>
  247. <b>*</b> Better be ready to dish what you serve.<br>
  248. <b>*</b> LT is preferred.<br>
  249. <b>*</b> Planned or impromptu. Doesn't matter.<br>
  250. <b>*</b> If you can not toelrate my character having more then one master then you are not worth it and can shove off. Not gonna deal with bitching over what I do with MY Character<br>
  251.  
  252.  
  253.  
  254. </div></div>
  255. <h2>Layout © <a target="_blank" href="http://pastebin.com/u/A_Bad_Bitch" target="_blank"><font color="#B30000">A Bad Bitch</font></a></h2></div>
  256. </center>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement