Advertisement
Guest User

asd

a guest
Aug 22nd, 2016
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.56 KB | None | 0 0
  1. <style onload="try { document.title = 'Aurora~'; } catch (e) { }">
  2. @import url(http://fonts.googleapis.com/css?family=IM+Fell+English+SC|Reenie+Beanie|Amatic+SC|Astloch);
  3. @import url(https://fonts.googleapis.com/css?family=Alegreya|Bangers|Kaushan+Script|Pinyon+Script|Courgette);
  4.  
  5. .pfor{display: none; }
  6. #profile { border: 0px; background-color: transparent; }
  7.  
  8. /* Vibes of RPC - Don't steal faggot. Song is Shatter Me by Lindsay Sterling.*/
  9. body{
  10. background-color:#FFF;
  11. font-family: 'Ek Mukta', sans-serif;
  12. color: #ddd;
  13. background-image: url(http://wallpapercomputer.com/wp-content/uploads/2016/02/White-Background-Windows-HD.jpg);
  14. background-position: bottom center;
  15. background-repeat:no-repeat;
  16. background-size:100%;
  17. background-position: absolute;
  18. }
  19.  
  20. b {color: #FFF;
  21. font-size: 11.5px;
  22. font-weight: 900;
  23. letter-spacing: 3px;
  24. font-family: Bangers;
  25. text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  26. color: #C70C0C;
  27. }
  28.  
  29. i {color: #FFF;
  30. font-size: 11.5px;
  31. font-weight: 900;
  32. letter-spacing: 3px;
  33. font-family: Kaushan Script;
  34. text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  35. color: #70D3FF;
  36. }
  37.  
  38.  
  39. h1 {
  40. margin: 0px;
  41. padding-right: 1px;
  42. text-decoration: none;
  43. font-family: Courgette;
  44. color: #FFF;
  45. font-size: 10px;
  46. font-style: none;
  47. letter-spacing: 2px;
  48. text-transform: uppercase;
  49. text-align: right;
  50. margin-bottom: 4px;
  51. border-bottom: 1px solid #553773;
  52.  
  53. }
  54.  
  55.  
  56.  
  57. #peacock {
  58. position:absolute;
  59. background-color:#000;
  60. border: 2px solid #404040;
  61. background-image: url(http://i.picpar.com/kVLb.jpg);
  62. top: 35%;
  63. left: 52.5%;
  64. height: 35%;
  65. width:15%;
  66. z-index: 6;
  67. }
  68.  
  69. #peacock img{
  70. height: 100%;
  71. width: 100%;
  72. }
  73.  
  74. #player{
  75. position: absolute;
  76. top: 35%;
  77. left: 31%;
  78. z-index:6;
  79. width: 45px;
  80. border-radius: 20px;
  81. border: 2px solid #404040;
  82. box-shadow: 0px 0px 40px #858585;
  83. overflow:hidden;}
  84.  
  85. #peacock2 {
  86. position:absolute;
  87. background-color: transparent;
  88. top: 26%;
  89. left: 2.5%;
  90. height:50%;
  91. width:29%;
  92. z-index: 6;
  93. }
  94.  
  95.  
  96. #peacock2 img{
  97. height: 100%;
  98. width: 100%;
  99. }
  100.  
  101. #peabox {
  102. position:absolute;
  103. background-image: url(http://i.picpar.com/I3Ob.jpg);
  104. background-position: top center;
  105. border: 2px solid #404040;
  106. top: 40%;
  107. left: 31%;
  108. height:25%;
  109. width:21.4%;
  110. z-index: 1;
  111. }
  112.  
  113.  
  114.  
  115.  
  116. #aurora {
  117. position:absolute;
  118. background-color: transparent;
  119. font-family: Pinyon Script;
  120. font-size: 3vw;
  121. top: 30%;
  122. left: 52.9%;
  123. text-shadow: -1px 0 #404040, 0 1px #404040, 1px 0 #404040, 0 -1px #404040;
  124. height:50px;
  125. width:215px;
  126. z-index: 7;
  127. }
  128.  
  129.  
  130. #main {
  131. position: absolute;
  132. background-color:#000;
  133. width: 323px;
  134. top: 201px;
  135. left: 618px;
  136. z-index: 1;
  137. margin-right: 2px;
  138. margin-left: 2px;
  139. text-align: justify;
  140. }
  141.  
  142.  
  143. #left {
  144. position: absolute;
  145. width: 595px;
  146. height: 50px;
  147. left: 40%;
  148. top: 38%;
  149. background-color: transparent;
  150. z-index: 6;
  151. margin-right: 2px;
  152. margin-left: 2px;
  153. text-align: justify;
  154. }
  155.  
  156. a:visited, a:active, a:link {
  157. font-family: tahoma;
  158. color: #FFF;
  159. letter-spacing: 0px;
  160. text-decoration:none;
  161. cursor: default;
  162. font-weight: bold;
  163. text-transform: none;
  164. font-size: 11px;
  165. }
  166.  
  167. a:link.nav, a:visited.nav, a:active.nav {
  168. color: #000;
  169. font-family: tahoma;
  170. width: 20px;
  171. height: 5px;
  172. font-size: 11px;
  173. line-height: 10px;
  174. display: inline-block;
  175. letter-spacing: 5px; font-weight: bold;
  176. margin-left: 0px;
  177. word-spacing: 20px;
  178. border: 1px solid #858585;
  179.  
  180. text-transform: uppercase;
  181. background-color: #000;
  182. text-align: center;
  183. text-decoration: none;
  184. }
  185.  
  186. a:hover.nav {
  187.  
  188. background-color: #000;
  189. text-align: center;
  190. text-decoration: none;
  191. border: 1px solid #FFF;
  192. }
  193.  
  194. .box {
  195. position: fixed;
  196. left: 30%;
  197. top: 0px;
  198. height:20%;
  199. width:18.8%;
  200. padding: 5px;
  201. color: #AFD7E0;
  202. font-family: Kaushan Script;
  203. font-variant: small-caps;
  204. text-align: justify;
  205. font-size: 9.5px;
  206. line-height: 12px;
  207. letter-spacing: 3px;
  208. overflow: auto;
  209. border: 3px solid #FFF;
  210. -webkit-box-shadow: 0px 0px 50px 5px #858585;
  211. -moz-box-shadow: 0px 0px 50px 5px #858585;
  212. box-shadow: 0px 0px 50px 5px #858585;
  213. background-color: #000;
  214. opacity: 0;
  215. transition: all 0.5s ease-in-out;
  216. -webkit-transition: all 0.5s ease-in-out;
  217. -moz-transition: all 0.5s ease-in-out;
  218. -o-transition: all 0.5s ease-in-out;
  219. -ms-transition: all 0.5s ease-in-out;
  220. z-index: 200;
  221. }
  222.  
  223. .box:target {
  224. top: 42%;
  225. left: 32%;
  226. opacity: 7;
  227. transition: all 0.5s ease-in-out;
  228. -webkit-transition: all 0.5s ease-in-out;
  229. -moz-transition: all 0.5s ease-in-out;
  230. -o-transition: all 0.5s ease-in-out;
  231. -ms-transition: all 0.5s ease-in-out;
  232. z-index: 200;
  233. }
  234.  
  235. ::-webkit-scrollbar-thumb:vertical
  236.  
  237. {background-color: #000;height:25px;}
  238. ::-webkit-scrollbar
  239.  
  240. {height:10px;width:1px;background-color: transparent;}
  241.  
  242. }
  243.  
  244.  
  245.  
  246.  
  247. </style>
  248. <div id="left">
  249. <a class="nav" href="#1"></a>
  250. <a class="nav" href="#2"></a>
  251. <a class="nav" href="#3"></a>
  252. <a class="nav" href="#4"></a>
  253. </font>
  254. </div>
  255. <div id="peacock"><a href=http://i.picpar.com/L3Ob.jpg target=_blank><img src=http://i.picpar.com/L3Ob.jpg></a></div>
  256. <div id="peacock2"><img src=http://i.picpar.com/D3Ob.png></div>
  257. <div id="shatterme">Shatter Me</div>
  258. <div id="snowfall"></div>
  259.  
  260. <div id="aurora">Daidoji</div>
  261. <div id="peabox">
  262. </div>
  263. <div id="player"><center><audio controls><source src="https://www.dropbox.com/s/gqlqsff4zpxyv4w/CES%20Cru%20-%20Smoke%20%28Feat%20Liz%20Suwandi%29%20-%20Official%20Music%20Video.mp3?dl=1" type="audio/mpeg"></audio>
  264. </div>
  265. <div id="main">
  266.  
  267.  
  268.  
  269.  
  270. <div id="1" class="box"><center>
  271. <h1>Personal Information</h1><br>
  272. <font color=#FFF>Love Is In The Smoke.<br><br></center>
  273. <span style="float:left;"><b>Name</b></span> <span style="float:right;">Daidoji</span><br><br>
  274. <span style="float:left;"><b>Nicknames</b></span> <span style="float:right;"> Tit Bully.</span><br><br>
  275. <span style="float:left;"><b>Species</b></span> <span style="float:right;">Human</span><br><br>
  276. <span style="float:left;"><b>Age</b></span> <span style="float:right;">Eighteen</span><br><br>
  277. <span style="float:left;"><b>B.o.O.</b></span> <span style="float:right;">Wanderer</span><br><br>
  278. <span style="float:left;"><b>Gender</b></span> <span style="float:right;">Feminine</span><br><br>
  279. <span style="float:left;"><b>Marital Status</b></span> <span style="float:right;">Single.</span><br><br>
  280. <span style="float:left;"><b>Sexuality</b></span> <span style="float:right;">Bisexual</span><br><br>
  281. <span style="float:left;"><b>Height</b></span> <span style="float:right;">6'3</span><br><br>
  282. <span style="float:left;"><b>Weight</b></span> <span style="float:right;">168 lbs</span><br><br>
  283. <span style="float:left;"><b>Build</b></span> <span style="float:right;">Tight Curves, Muscle Ridden</span><br><br>
  284. <span style="float:left;"><b>Alignment</b></span> <span style="float:right;">Chaotic neutral</span><br><br>
  285. <span style="float:left;"><b>Primary Weapon</b></span> <span style="float:right;">Fists</span><br><br>
  286. <br><br>
  287.  
  288. <p>
  289.  
  290.  
  291. </div>
  292.  
  293. <div id="2" class="box">
  294. <Center>
  295. <h1>Gallery</h1><br>
  296.  
  297. </div>
  298.  
  299.  
  300. <div id="3" class="box">
  301. <center>
  302. <h1>People</h1>
  303. <a href=https://roleplay.chat/profile.php?user=Smoker target=_blank title="This smoker."><img src=height=75px></a><br><br>
  304.  
  305.  
  306.  
  307.  
  308. </center>
  309. </div>
  310. <div id="4" class="box">
  311. <center>
  312.  
  313. <b>Writer's Block</b><br><br>
  314. PM Friendly - Skype Available - Smut is Earned - Taken IRL - Daidoji Faceclaim and Character. - I play her as I see fit. - She's RPCMultiversal - Crossovers Welcome - T1 Fighting Style - No Godmodding - No means No - Be respectful - P.S. : I ain't no Ho, i'm your Homie.
  315.  
  316.  
  317. </center>
  318. </div>
  319. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement