Advertisement
conception

Cyanide_Fairie Profile

Feb 21st, 2015
227
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.55 KB | None | 0 0
  1. <div class="overlay">
  2. <div class="box" id="content">
  3. <div class="box" id="about"><h1>About</h1>
  4. My name is Aerielle.
  5. Mother of a 6 year old son &amp; 2 year old daughter.
  6. My kids are my world &amp; #1 priority.
  7. I graduated from ITT Technical Institute w/ a AS degree in Criminal Justice in March 12'.
  8. I have 6 tattoos and my ears pierced.
  9. The Nightmare Before Christmas is my favorite movie.
  10. Halloween is my favorite holiday.
  11. Addicted to Pinterest.
  12. I do have Yahoo, if you wish to talk to me.. Warn me first.
  13. Motorcycles are amazing.
  14. I enjoy photography.
  15. Favorite music: metal/rock.
  16. I like spending time with friends, who doesn't?
  17. I love cooking.
  18. If you have a sense of humor, we'll get along awesome.
  19. Jolly ranchers &amp; funnel cakes are epic.
  20. I wear my converse more than anything else. &lt;3
  21. Boots are gorgeous, I love mine.
  22. I can't wear heels very much since I broke my ankle a few years ago, but I still wear them when I can.. So much love.
  23. 5 o'clock shadows &amp; long hair is just sexy.
  24. I LOVE signs, so if you want to make me one.. Feel free! I'll make you one, as well. :)
  25. </div>
  26.  
  27. <div class="box" id="likes"><h3>Likes</h3>
  28. likes here <i>italic</i> <b>bold</b> <u>underline</u> <s>strike</s> <a href="">link</a>
  29. </div>
  30.  
  31. <div class="box" id="dislikes"><h3>Dislikes</h3>
  32. dislikes here
  33. </div>
  34.  
  35. <div class="box" id="friends"><h1>Friends</h1>
  36. <a href="" class="friend"><img src="http://i.imgur.com/wMk2AKG.png" /></a><a href="" class="friend"><img src="http://i.imgur.com/wMk2AKG.png" /></a><a href="" class="friend"><img src="http://i.imgur.com/wMk2AKG.png" /></a><a href="" class="friend"><img src="http://i.imgur.com/wMk2AKG.png" /></a><a href="" class="friend"><img src="http://i.imgur.com/wMk2AKG.png" /></a><a href="" class="friend"><img src="http://i.imgur.com/wMk2AKG.png" /></a><a href="" class="friend"><img src="http://i.imgur.com/wMk2AKG.png" /></a><a href="" class="friend"><img src="http://i.imgur.com/wMk2AKG.png" /></a>
  37. </div>
  38.  
  39. <div class="box" id="music"><h3>Music</h3>
  40. Music here
  41. </div>
  42. </div>
  43.  
  44. <div class="box" id="cults"><h3>Cults</h3>
  45. <a href="" class="cult"><img src="http://i.imgur.com/wMk2AKG.png" /></a><a href="" class="cult"><img src="http://i.imgur.com/wMk2AKG.png" /></a><a href="" class="cult"><img src="http://i.imgur.com/wMk2AKG.png" /></a><a href="" class="cult"><img src="http://i.imgur.com/wMk2AKG.png" /></a><a href="" class="cult"><img src="http://i.imgur.com/wMk2AKG.png" /></a><a href="" class="cult"><img src="http://i.imgur.com/wMk2AKG.png" /></a>
  46. </div>
  47. <div class="box" id="navi">
  48. <a href="http://vampirefreaks.com/user_comment.php?user=Cyanide_Fairie&amp;uid=3692579&amp;rate=1" class="navlink">Comment &amp; Rate</a><a href="http://vampirefreaks.com/profile_action.php?user=Cyanide_Fairie" class="navlink">Add Friend</a><a href="http://vampirefreaks.com/journal/Cyanide_Fairie" class="navlink">Journal</a><a href="http://vampirefreaks.com/gallery/Cyanide_Fairie" class="navlink">Gallery</a><a href="/Voltage" class="navlink">Credit</a><a href="http://vampirefreaks.com/profiles/home.php" class="navlink">VF Home</a></div>
  49. </div>
  50.  
  51. <style>
  52. .overlay {
  53. top: 50px;
  54. width: 700px;
  55. padding: 2px;
  56. background: transparent;
  57. position: relative;
  58. }
  59.  
  60. .box {
  61. overflow: auto;
  62. padding: 4px;
  63. position: absolute;
  64. text-align: center;
  65. font-size: 8pt;
  66. color: #c7c5b9;
  67. background-color: #270338;
  68. }
  69.  
  70. #content {
  71. left: 500px;
  72. top: -10px;
  73. width: 410px;
  74. height: 520px;
  75. overflow: auto;
  76. border-radius: 10px;
  77. }
  78.  
  79. #about {
  80. left: 5px;
  81. top: 5px;
  82. width: 403px;
  83. height: 170px;
  84. overflow: auto;
  85. background-color: transparent;
  86. }
  87.  
  88. #likes {
  89. left: 5px;
  90. top: 180px;
  91. width: 200px;
  92. height: 120px;
  93. overflow: auto;
  94. background-color: transparent;
  95. }
  96.  
  97. #dislikes {
  98. left: 205px;
  99. top: 180px;
  100. width: 200px;
  101. height: 120px;
  102. overflow: auto;
  103. background-color: transparent;
  104. }
  105.  
  106. #friends {
  107. left: 5px;
  108. top: 305px;
  109. width: 400px;
  110. height: 100px;
  111. overflow: hidden;
  112. background-color: transparent;
  113. }
  114.  
  115. #music {
  116. left: 5px;
  117. top: 415px;
  118. width: 400px;
  119. height: 100px;
  120. overflow: auto;
  121. background-color: transparent;
  122. }
  123.  
  124. #cults {
  125. left: 918px;
  126. top: 30px;
  127. width: 100px;
  128. height: 305px;
  129. overflow: hidden;
  130. border-radius: 0px 10px 10px 0px;
  131. background-color: #390349;
  132. }
  133.  
  134. #navi {
  135. left: 914px;
  136. top: 350px;
  137. width: 120px;
  138. height: 200px;
  139. overflow: hidden;
  140. background-color: transparent;
  141. }
  142. </style>
  143.  
  144. <style>
  145. html, body {
  146. background-color: #1a042a;
  147. background-image: url('http://i.imgur.com/R3GCovE.png');
  148. background-attachment: fixed;
  149. background-position: top left;
  150. background-repeat: no-repeat; }
  151.  
  152. h1 {
  153. color: #f1f1f1;
  154. background-image: -webkit-gradient(linear, left top, left bottom, from(#a68db6), to(#8839b6));
  155. #a68db6 &gt; top;
  156. #8839b6 &gt; bottom;
  157. text-shadow: 1px 1px #3a0046;
  158. margin: 3px;
  159. border-radius: 4px;
  160. font-family: trebuchet ms;
  161. text-transform: uppercase;
  162. font-size: 10pt;
  163. line-height: 12px;
  164. text-align: center;
  165. display: block;
  166. margin-bottom: 1px;
  167. }
  168.  
  169. h3 {
  170. display: block;
  171. background-color: #7c2caa;
  172. line-height: 12px;
  173. font-size: 10pt;
  174. text-align: center;
  175. font-family: trebuchet ms;
  176. text-transform: uppercase;
  177. border-radius: 4px;
  178. color: #160324;
  179. border-bottom: 2px solid #a892b5;
  180. margin: 2px;
  181. }
  182.  
  183. b {
  184. color: #9c67b6;
  185. font-family: trebuchet ms;
  186. text-transform: uppercase;
  187. font-size: 8pt;
  188. }
  189.  
  190. i {
  191. text-transform: none;
  192. font-family: georgia;
  193. color: #9554b6;
  194. text-shadow: 1px 1px 1px #180428;
  195. font-size: 11px;
  196. letter-spacing: 1px;
  197. }
  198.  
  199. u {
  200. text-transform: none;
  201. border-bottom: 1px dashed #140321;
  202. font-family: georgia;
  203. font-size: 11px;
  204. letter-spacing: 2px;
  205. }
  206.  
  207. s {
  208. color: #aa99b3;
  209. }
  210.  
  211. a:link, .menu2, .menu2 a:link {
  212. color: #934eb6;
  213. font-family: trebuchet ms;
  214. font-size: 11px;
  215. text-transform: uppercase;
  216. text-decoration: none;
  217. -webkit-transition: all 0.5s ease-out;
  218. -moz-transition: all 0.5s ease-out;
  219. }
  220.  
  221. a:visited, .menu2 a:visited {
  222. color: #934eb6;
  223. text-transform: uppercase;
  224. font-family: trebuchet ms;
  225. font-size: 11px;
  226. text-decoration: none;
  227. }
  228.  
  229. a:hover, .menu, .menu a:link, .menu a:visited {
  230. color: #792aa7;
  231. text-decoration: none;
  232. font-family: trebuchet ms;
  233. text-transform: uppercase;
  234. background: transparent;
  235. -webkit-transition: all 0.5s ease-out;
  236. -moz-transition: all 0.5s ease-out;
  237. }
  238.  
  239. .cult img {
  240. background-image: url('http://i.imgur.com/wMk2AKG.png');
  241. background-position: top right;
  242. border: 2px dashed #934eb6;
  243. padding: 3px;
  244. width: 88px;
  245. height: 33px;
  246. margin: 1px;
  247. margin-top: 2px;
  248. -webkit-transition: all 0.5s ease-out;
  249. -moz-transition: all 0.5s ease-out;
  250. }
  251.  
  252. .cult img:hover {
  253. background-image: url('http://i.imgur.com/wMk2AKG.png');
  254. background-position: bottom left;
  255. padding: 3px;
  256. margin: 1px;
  257. margin-top: 2px;
  258. right: 5px;
  259. border: 2px dashed #230436;
  260. width: 88px;
  261. height: 33px;
  262. -webkit-transition: all 0.5s ease-out;
  263. -moz-transition: all 0.5s ease-out;
  264. }
  265.  
  266. .friend img {
  267. background-image: url('http://i.imgur.com/wMk2AKG.png');
  268. background-position: top right;
  269. border: 2px dashed #934eb6;
  270. padding: 3px;
  271. width: 35px;
  272. height: 75px;
  273. margin: 1px;
  274. margin-top: 2px;
  275. -webkit-transition: all 0.5s ease-out;
  276. -moz-transition: all 0.5s ease-out;
  277. }
  278.  
  279. .friend img:hover {
  280. background-image: url('http://i.imgur.com/wMk2AKG.png');
  281. background-position: bottom left;
  282. padding: 3px;
  283. margin: 1px;
  284. margin-top: 2px;
  285. right: 5px;
  286. border: 2px dashed #230436;
  287. width: 35px;
  288. height: 75px;
  289. -webkit-transition: all 0.5s ease-out;
  290. -moz-transition: all 0.5s ease-out;
  291. }
  292.  
  293. .navlink:link, .navlink:active, .navlink:visited {
  294. color: #c7c5b9;
  295. height: 15px;
  296. width: 100px;
  297. line-height: 15px;
  298. font-family: Trebuchet MS;
  299. font-size: 8pt;
  300. font-weight: lighter;
  301. text-transform: uppercase;
  302. font-weight: lighter;
  303. padding: 1px;
  304. margin: 1px;
  305. margin-top: 3px;
  306. margin-left: -15px;
  307. text-align: center;
  308. display: inline-table;
  309. background: #934fb6;
  310. border: none;
  311. border-radius: 0px 10px 10px 0px;
  312. letter-spacing: 1px;
  313. -webkit-transition: all 0.5s ease-out;
  314. -moz-transition: all 0.5s ease-out;
  315. }
  316.  
  317. .navlink:hover {
  318. color: #c7c5b9;
  319. height: 15px;
  320. width: 115px;
  321. line-height: 15px;
  322. font-size: 8pt;
  323. text-transform: uppercase;
  324. font-style: normal;
  325. font-weight: lighter;
  326. text-align: center;
  327. margin: 1px;
  328. margin-top: 3px;
  329. margin-left: 0px;
  330. border: none;
  331. border-radius: 0px 10px 10px 0px;
  332. display: inline-table;
  333. background: #340040;
  334. -webkit-transition: all 0.5s ease-out;
  335. -moz-transition: all 0.5s ease-out;
  336. }
  337.  
  338. ::-webkit-scrollbar { width:3px; background:transparent; }
  339. ::-webkit-scrollbar-track-piece { background: transparent; width:1px; border: none; overflow:hidden; -webkit-border-radius:100px; }
  340. ::-webkit-scrollbar-thumb{ -webkit-border-radius:0px; background: #9655b6; width:2px; border:none; }
  341. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {height:0px; display: block; background-color:transparent; -webkit-border-radius:100px; border:none;
  342. -webkit-transition: all 0.5s ease-out;
  343. -moz-transition: all 0.5s ease-out;}
  344. ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:start:decrement:hover, ::-webkit-scrollbar-button:end:increment:hover{background-color:#9655b6; cursor:hand;}
  345. ::-webkit-scrollbar-button:start:decrement:active, ::-webkit-scrollbar-button:end:increment:active{background:transparent;}
  346.  
  347.  
  348. .defaultpic, .thumbnail, .gallery, .menu2, .topbar, .leftnav, .userinfo, .comments, .friends, .rate, .buttons1, .buttons2, .buttons3, .journal_entry, .buttons1, .buttons2, .buttons3, .profile_title, .likes_title, .dislikes_title, .music_title, h2, .maintop img, .view_comments, .maintop table .comment_title, .videos, #menu0, .footer_links { display: none; }
  349. .profilepages, .tagline { display: none;
  350. }
  351. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement