Advertisement
conception

KrissyKhaotic

Jun 10th, 2014
255
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.86 KB | None | 0 0
  1. <center><img src="http://i.imgur.com/CtWpB1o.png" />
  2.  
  3. </center>
  4.  
  5. <div class="overlay">
  6. <div class="box" id="navi"><a href="http://vampirefreaks.com/user_comment.php?user=Krissy_Khaotic&amp;rate=1" class="navlink"> C&amp;R </a><a href="http://vampirefreaks.com/profile_action.php?user=Krissy_Khaotic&amp;friendslist=1" class="navlink"> Add </a><a href="http://vampirefreaks.com/journal/Krissy_Khaotic" class="navlink"> Jnl </a><a href="http://vampirefreaks.com/gallery/Krissy_Khaotic" class="navlink"> Gal </a><a href="http://vampirefreaks.com" class="navlink"> Mn. </a><a href="/Voltage" class="navlink"> CC. </a><a href="/Gaderwist" class="navlink"> HC. </a>
  7. </div>
  8.  
  9. <div class="box" id="about"><h1>About Me</h1> Regular text. ! <b>bold text</b> <i>italic text</i> <u>underline text</u> <s>strikeout text</s> <a href="">this is a link</a>
  10. </div>
  11.  
  12. <div class="box" id="like"><h1>My Likes</h1>
  13. </div>
  14.  
  15. <div class="box" id="dislike"><h1>My Dislikes</h1>
  16. </div>
  17.  
  18. <div class="box" id="music"><h1>My Music</h1>
  19. </div>
  20.  
  21. <div class="box" id="friend"><h1>My Friends</h1><a href="/USER" class="friend" title="Name"><img src="http://i.imgur.com/wwBV970.png" /></a><a href="/USER" class="friend" title="Name"><img src="http://i.imgur.com/wwBV970.png" /></a><a href="/USER" class="friend" title="Name"><img src="http://i.imgur.com/wwBV970.png" /></a><a href="/USER" class="friend" title="Name"><img src="http://i.imgur.com/wwBV970.png" /></a><a href="/USER" class="friend" title="Name"><img src="http://i.imgur.com/wwBV970.png" /></a><br /><a href="/USER" class="friend" title="Name"><img src="http://i.imgur.com/wwBV970.png" /></a><a href="/USER" class="friend" title="Name"><img src="http://i.imgur.com/wwBV970.png" /></a><a href="/USER" class="friend" title="Name"><img src="http://i.imgur.com/wwBV970.png" /></a><a href="/USER" class="friend" title="Name"><img src="http://i.imgur.com/wwBV970.png" /></a><a href="/USER" class="friend" title="Name"><img src="http://i.imgur.com/wwBV970.png" /></a>
  22. </div>
  23.  
  24. <div class="box" id="cult"><h1>My Cults</h1><a href="/cult/cultname" class="cult" title="Name"><img src="http://i.imgur.com/TIpCq2y.png" /></a><a href="/cult/cultname" class="cult" title="Name"><img src="http://i.imgur.com/TIpCq2y.png" /></a><a href="/cult/cultname" class="cult" title="Name"><img src="http://i.imgur.com/TIpCq2y.png" /></a><br /><a href="/cult/cultname" class="cult" title="Name"><img src="http://i.imgur.com/TIpCq2y.png" /></a><a href="/cult/cultname" class="cult" title="Name"><img src="http://i.imgur.com/TIpCq2y.png" /></a><a href="/cult/cultname" class="cult" title="Name"><img src="http://i.imgur.com/TIpCq2y.png" /></a><br /><a href="/cult/cultname" class="cult" title="Name"><img src="http://i.imgur.com/TIpCq2y.png" /></a><a href="/cult/cultname" class="cult" title="Name"><img src="http://i.imgur.com/TIpCq2y.png" /></a><a href="/cult/cultname" class="cult" title="Name"><img src="http://i.imgur.com/TIpCq2y.png" /></a>
  25. </div>
  26.  
  27.  
  28. </div>
  29.  
  30. <style>
  31. .overlay {
  32. width: 800px;
  33. top: -40px;
  34. height: 477px;
  35. padding: 2px;
  36. background: transparent;
  37. position: relative;
  38. }
  39.  
  40. .box {
  41. overflow: auto;
  42. padding: 4px;
  43. background: #9f4964;
  44. position: absolute;
  45. text-align: center;
  46. border-radius: 40px;
  47. }
  48.  
  49. #navi {
  50. top: -250px;
  51. width: 100px;
  52. height: 480px;
  53. left: -105px;
  54. background: transparent;
  55. }
  56.  
  57. #about {
  58. top: 30px;
  59. width: 350px;
  60. height: 150px;
  61. left: 0px;
  62. }
  63. #like {
  64. top: 30px;
  65. width: 240px;
  66. height: 150px;
  67. left: 363px;
  68. }
  69.  
  70. #dislike {
  71. top: 193px;
  72. width: 240px;
  73. height: 150px;
  74. left: 363px;
  75. }
  76.  
  77. #music {
  78. top: 30px;
  79. width: 180px;
  80. height: 312px;
  81. left: 616px;
  82. }
  83.  
  84. #friend {
  85. top: 193px;
  86. width: 350px;
  87. height: 150px;
  88. left: 0px;
  89. overflow: hidden;
  90. }
  91.  
  92. #cult {
  93. top: 356px;
  94. width: 796px;
  95. height: 215px;
  96. left: 0px;
  97. overflow: hidden;
  98. }
  99. </style>
  100. <style>
  101. html, body {
  102. background: url('http://i.imgur.com/6nNPSnz.png');
  103. color: #fbdbdb;
  104. }
  105. .main {
  106. width: 800px;
  107. background: #62444E;
  108. text-align: center;
  109. border-radius: 0px 0px 40px 40px;
  110. }
  111.  
  112. h1 {
  113. background: -webkit-gradient(linear, left top, left bottom, from(#fbdbdb), to(#fa5285));
  114. -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  115. #fbdbdb &gt; top;
  116. #fa5285 &gt; bottom;
  117. font-family: trebuchet ms;
  118. text-transform: uppercase;
  119. font-size: 15pt;
  120. display: block;
  121. margin-top: 0px;
  122. margin-bottom: 2px;
  123. }
  124.  
  125. b {
  126. background: -webkit-gradient(linear, left top, left bottom, from(#fbdbdb), to(#fa5285));
  127. -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  128. #fbdbdb &gt; top;
  129. #fa5285 &gt; bottom;
  130. font-family: trebuchet ms;
  131. text-transform: uppercase;
  132. font-size: 10pt;
  133. }
  134.  
  135. i {
  136. font-family: georgia;
  137. font-size: 10pt;
  138. text-transform: lowercase;
  139. color: #fc6fa2;
  140. }
  141.  
  142. u {
  143. font-family: georgia;
  144. }
  145.  
  146. s {
  147. color: #62444E;
  148. }
  149.  
  150. a:link, .menu2, .menu2 a:link {
  151. color: #d59092;
  152. font-size: 8pt;
  153. font-family: trebuchet ms;
  154. text-transform: uppercase;
  155. text-decoration: none;
  156. -webkit-transition: all 0.5s ease-out;
  157. -moz-transition: all 0.5s ease-out;
  158. }
  159.  
  160. a:visited, .menu2 a:visited {
  161. color: #d59092;
  162. text-transform: none;
  163. font-family: trebuchet ms;
  164. text-decoration: none;
  165. }
  166.  
  167. a:hover, .menu, .menu a:link, .menu a:visited {
  168. color: #f8578c;
  169. text-decoration: none;
  170. font-family: trebuchet ms;
  171. text-transform: uppercase;
  172. background: transparent;
  173. -webkit-transition: all 0.5s ease-out;
  174. -moz-transition: all 0.5s ease-out;
  175. }
  176.  
  177. .friend img {
  178. height: 48px;
  179. width: 48px;
  180. filter: alpha(opacity=100)
  181. -moz-opacity:100;
  182. opacity: 100;
  183. margin: 1px;
  184. margin-top: 0px;
  185. padding: 2px;
  186. border: 2px solid #e9587b;
  187. background: url('http://i.imgur.com/wwBV970.png');
  188. -webkit-transition: all 0.5s ease-out;
  189. -moz-transition: all 0.5s ease-out;
  190. }
  191.  
  192. .friend img:hover {
  193. background: url('http://i.imgur.com/wwBV970.png');
  194. border: 2px solid #bc6b70;
  195. filter: alpha(opacity=70)
  196. -moz-opacity:.70;
  197. border-radius: 10px;
  198. opacity: .70;
  199. -webkit-transition: all 0.5s ease-out;
  200. -moz-transition: all 0.5s ease-out;
  201. }
  202.  
  203. .cult img {
  204. height: 50px;
  205. width: 200px;
  206. filter: alpha(opacity=100)
  207. -moz-opacity:100;
  208. opacity: 100;
  209. margin: 1px;
  210. margin-top: 0px;
  211. padding: 2px;
  212. border: 2px solid #e9587b;
  213. background: url('http://i.imgur.com/TIpCq2y.png');
  214. -webkit-transition: all 0.5s ease-out;
  215. -moz-transition: all 0.5s ease-out;
  216. }
  217.  
  218. .cult img:hover {
  219. background: url('http://i.imgur.com/TIpCq2y.png');
  220. border: 2px solid #bc6b70;
  221. filter: alpha(opacity=70)
  222. -moz-opacity:.70;
  223. border-radius: 10px;
  224. opacity: .70;
  225. -webkit-transition: all 0.5s ease-out;
  226. -moz-transition: all 0.5s ease-out;
  227. }
  228.  
  229. ::-webkit-scrollbar { width:5px; background:#fbdbdb; }
  230. ::-webkit-scrollbar-track-piece { background: transparent; width:1px; border: none; overflow:hidden; -webkit-border-radius:100px; }
  231. ::-webkit-scrollbar-thumb{ -webkit-border-radius:10px; background: #ff5586; width:5px; border:none; }
  232. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {height:10px; display: block; background-color:transparent; -webkit-border-radius:100px; border:none;
  233. -webkit-transition: all 0.5s ease-out;
  234. -moz-transition: all 0.5s ease-out;}
  235. ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:start:decrement:hover, ::-webkit-scrollbar-button:end:increment:hover{background-color:#ff5586; cursor:hand;}
  236. ::-webkit-scrollbar-button:start:decrement:active, ::-webkit-scrollbar-button:end:increment:active{background:transparent;}
  237.  
  238. .navlink:link, .navlink:active, .navlink:visited {
  239. background: -webkit-gradient(linear, left top, left bottom, from(#fbdbdb), to(#fa5285));
  240. -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  241. #fbdbdb &gt; top;
  242. #fa5285 &gt; bottom;
  243. font-family: trebuchet ms;
  244. text-transform: uppercase;
  245. font-size: 20pt;
  246. display: inline-table;
  247. margin-top: 6px;
  248. border: 2px dashed #e9587b;
  249. border-radius: 50px;
  250. height: 55px;
  251. width: 55px;
  252. margin-left: 25px;
  253. line-height: 50px;
  254. background-color: #c17579;
  255. letter-spacing: 1px;
  256. -webkit-transition: all 0.5s ease-out;
  257. -moz-transition: all 0.5s ease-out;
  258. }
  259.  
  260. .navlink:hover {
  261. background: -webkit-gradient(linear, left top, left bottom, from(#fbdbdb), to(#fa5285));
  262. -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  263. #fbdbdb &gt; top;
  264. #fa5285 &gt; bottom;
  265. font-family: trebuchet ms;
  266. text-transform: uppercase;
  267. font-size: 20pt;
  268. display: inline-table;
  269. margin-top: 6px;
  270. border: 2px solid #fbd5d5;
  271. border-radius: 50px;
  272. width: 55px;
  273. height: 55px;
  274. margin-left: 0px;
  275. line-height: 50px;
  276. background-color: #c17579;
  277. letter-spacing: 1px;
  278. -webkit-transition: all 0.5s ease-out;
  279. -moz-transition: all 0.5s ease-out;
  280. }
  281.  
  282. .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; }
  283. .profilepages, .tagline { display: none;
  284. }
  285. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement