Advertisement
conception

gw

Dec 2nd, 2015
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.99 KB | None | 0 0
  1. <center><style>
  2. .main_content_title, #user_default_image, #user_profile_info_outer, #user_profile_info, .middle_panel, .friends-list, #user_newsfeed, .panel-footer, .panel-title, .panel-heading, #main-navbar {display: none; }
  3.  
  4. .panel-body, .user_profile_box {background: transparent; border: none;
  5. }
  6.  
  7. .leftnav, .profile_title, .likes_title, .dislikes_title,
  8. .music_title, .defaultpic, .userinfo, .journal_entry,
  9. .maintop, .thumbnail, .gallery, .videos, .profilename, .topbar, .comments, .comment_title, .friends, .buttons1, .buttons2, .buttons3, .footer_links, .tagline { display: none; }
  10. .profilepages, .rate, .menu2 { display: none; }
  11.  
  12.  
  13. html, body {
  14. background: #16011e;
  15. background-image: url('http://i.imgur.com/cYH3M2w.png');
  16. background-repeat: no-repeat;
  17. background-position: left top;
  18. background-attachment: fixed;
  19. overflow: hidden;
  20. }
  21.  
  22. .main {
  23. width: 50%;
  24. background-color: ;
  25. background-image: url('');
  26. center: center;
  27. border: none;
  28. padding-right: 4px;
  29. float: center;
  30. }
  31.  
  32. body, table, input, select, textarea {
  33. font-family: tahoma, sans-serif;
  34. font-size: 8pt;
  35. text-align: left;
  36. color: #111;
  37. letter-spacing: 0px;
  38. font-weight: lighter;
  39. font-style: normal;
  40. text-shadow: 0 0 1px #111;;
  41. }
  42.  
  43. .nav2:link, .nav2:active, .nav2:visited{
  44. color: #3c7782;
  45. font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
  46. font-size: 6pt;
  47. text-transform: uppercase;
  48. font-style: none;
  49. font-weight: lighter;
  50. letter-spacing: 2px;
  51. text-align: center;
  52. display: block;
  53. background-color: #15011d;
  54. margin-top: 3px;
  55. margin-bottom: 5px;
  56. padding: 1px;
  57. text-shadow: none;
  58. border-top-left-radius: 0.5em;
  59. border-top-right-radius: 0.5em;
  60. border-bottom-right-radius: 0.5em;
  61. border-bottom-left-radius: 0.5em;
  62. margin-left: 0px;
  63. -webkit-transition: all 0.95s ease-out;
  64. -moz-transition: all 0.95s ease-out;
  65. border-top-left-radius: 0.5em;
  66. border-top-right-radius: 0.5em;
  67. border-bottom-right-radius: 0.5em;
  68. border-bottom-left-radius: 0.5em;
  69. }
  70.  
  71. .nav2:hover{
  72. color: #b78b98;
  73. font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
  74. font-size: 6pt;
  75. text-transform: uppercase;
  76. font-style: none;
  77. font-style: normal;
  78. font-weight: lighter;
  79. text-align: center;
  80. -webkit-transition: all 0.95s ease-out;
  81. -moz-transition: all 0.95s ease-out;
  82. }
  83.  
  84. a:link, a:visited {
  85. font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
  86. font-size: 8pt;
  87. text-transform: uppercase;
  88. font-style: none;
  89. color: #582053;
  90. font-weight: lighter;
  91. font-style: none;
  92. letter-spacing: 1px;
  93. text-transform: uppercase;
  94. text-decoration:none;
  95. text-shadow: none;
  96. -webkit-transition: color 0.95s ease-out;
  97. -moz-transition: color 0.95s ease-out;
  98. }
  99. a:hover {
  100. background: none;
  101. color: #3d7581;
  102. text-shadow: none;
  103. -webkit-transition: color 0.95s ease-out;
  104. -moz-transition: color 0.95s ease-out;
  105. }
  106.  
  107. textarea {
  108. width: 80%;
  109. height: 60px;
  110. background: #111;
  111. color: #fff;
  112. font-size: 11px georgia;
  113. border: 1px solid #000;
  114. -webkit-border-radius: 5px 5px;
  115. -moz-border-radius: 5px 5px;
  116. }
  117. table,td,th {
  118. border: none;
  119. }
  120. table {
  121. width:100%;
  122. text-align: center;
  123. }
  124. th { height:30px; text-align: left; }
  125.  
  126. i, italic {
  127. color: #378589;
  128. font-family: georgia, sans-serif;
  129. font-size: 10pt;
  130. text-align: left;
  131. font-weight: lighter;
  132. letter-spacing: -1pt;
  133. text-transform: lowercase;
  134. text-shadow: none;
  135. }
  136.  
  137. b, bold {
  138. color: #58194e;
  139. font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
  140. font-size: 8pt;
  141. text-align: left;
  142. letter-spacing: 1px;
  143. font-weight: lighter;
  144. letter-spacing: 0pt;
  145. text-transform: uppercase;
  146. font-style: normal;
  147. text-shadow: none;
  148. }
  149.  
  150. u, underline {
  151. font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
  152. font-size: 8pt;
  153. text-align: left;
  154. letter-spacing: 0px;
  155. font-weight: lighter;
  156. text-transform: lowercase;
  157. font-style: normal;
  158. color: #46626d;
  159. border-bottom: 1px dashed #ff407a;
  160. }
  161.  
  162. textarea { width: 80%; height: 60px; }
  163.  
  164. h1 {
  165. color: #7a5ea2;
  166. font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
  167. font-size: 15pt;
  168. text-transform: uppercase;
  169. font-style: none;
  170. font-weight: lighter;
  171. letter-spacing: 4px;
  172. text-align: left;
  173. display: block;
  174. margin-top: 3px;
  175. margin-bottom: 5px;
  176. padding: 2px;
  177. text-shadow: none;
  178. background: -webkit-linear-gradient(#378589, #58194e);
  179. -webkit-background-clip: text;
  180. -webkit-text-fill-color: transparent;
  181. }
  182.  
  183. h3 {
  184. color: #3c7782;
  185. font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
  186. font-size: 6pt;
  187. text-transform: uppercase;
  188. font-style: none;
  189. font-weight: lighter;
  190. letter-spacing: 5px;
  191. text-align: center;
  192. display: block;
  193. background-color: #15011d;
  194. margin-top: 3px;
  195. margin-bottom: 5px;
  196. padding: 2px;
  197. text-shadow: none;
  198. border-top-left-radius: 0.5em;
  199. border-top-right-radius: 0.5em;
  200. border-bottom-right-radius: 0.5em;
  201. border-bottom-left-radius: 0.5em;
  202. }
  203.  
  204. blockquote {
  205. border: 2px solid #582858;
  206. border-left: 12px solid #582858;
  207. margin-left: 1.1em;
  208. text-align: right;
  209. margin-bottom: 0.2em;
  210. background: #15011d;
  211. padding: 18px;
  212. color: #888;
  213. width: 85%;
  214. font-size: 7pt;
  215. line-height: 6pt;
  216. text-transform: uppercase;
  217. letter-spacing: 0px;
  218. text-shadow: none;
  219. border-top-left-radius: 10em;
  220. border-top-right-radius: 0em;
  221. border-bottom-right-radius: 0em;
  222. border-bottom-left-radius: 1em;
  223. }
  224.  
  225. blockquote:first-line {
  226. color: #46626d;
  227. font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
  228. font-size: 10pt;
  229. letter-spacing: -1px;
  230. font-weight: bold;
  231. text-shadow: none;
  232. text-transform: uppercase;
  233. }
  234.  
  235. hr {background-color: #ab7384; border: 1px solid #ab7384;}
  236.  
  237. .peepss {
  238. width: 55px;
  239. height: 30px;
  240. opacity: .7;
  241. margin: 2px;
  242. -webkit-transition: all 0.95s ease-out;
  243. -moz-transition: all 0.95s ease-out;
  244. }
  245.  
  246. .peepss: hover {
  247. opacity: 100;
  248. }
  249.  
  250. .cultss {
  251. width: 88px;
  252. height: 31px;
  253. margin: 3px;
  254. opacity: .7;
  255. -webkit-transition: all 0.95s ease-out;
  256. -moz-transition: all 0.95s ease-out;
  257. }
  258.  
  259. .cultss:hover {
  260. opacity: 100;
  261. }
  262.  
  263. .header {
  264. width: 690px;
  265. height: 660px;
  266. background: url('') 0px 0px no-repeat;
  267. position: relative;
  268. top: -10px;
  269. padding: 10px;
  270. margin-bottom: 20px;
  271. }
  272.  
  273. div, table {
  274. font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
  275. font-size: 8pt;
  276. line-height: 8pt;
  277. color: #999;
  278. font-weight: lighter;
  279. }
  280.  
  281. #anchor {
  282. position: absolute;
  283. text-align: left;
  284. top: 20px;
  285. left: 190px;
  286. width: 466px;
  287. height: 196px;
  288. padding: 8px;
  289. overflow: auto;
  290. background-color: #240326;
  291. border-top-left-radius: 0.5em;
  292. border-top-right-radius: 0.5em;
  293. border-bottom-right-radius: 0.5em;
  294. border-bottom-left-radius: 0.5em;
  295. }
  296.  
  297. #navbox {
  298. position: absolute;
  299. text-align: center;
  300. top: 220px;
  301. left: 658px;
  302. width: 136px;
  303. height: 156px;
  304. padding: 8px;
  305. overflow: hidden;
  306. background-color: #240326;
  307. border-top-left-radius: 0.5em;
  308. border-top-right-radius: 0.5em;
  309. border-bottom-right-radius: 0.5em;
  310. border-bottom-left-radius: 0.5em;
  311. }
  312.  
  313. #basics {
  314. position: absolute;
  315. text-align: left;
  316. top: 370px;
  317. left: 658px;
  318. width: 141px;
  319. height: 196px;
  320. padding: 8px;
  321. overflow: hidden;
  322. border-top-left-radius: 0.5em;
  323. border-top-right-radius: 0.5em;
  324. border-bottom-right-radius: 0.5em;
  325. border-bottom-left-radius: 0.5em;
  326. }
  327.  
  328. #cultss {
  329. position: absolute;
  330. text-align: center;
  331. top: 218px;
  332. left: 190px;
  333. width: 466px;
  334. height: 146px;
  335. padding: 8px;
  336. overflow: auto;
  337. background-color: #240326;
  338. border-top-left-radius: 0.5em;
  339. border-top-right-radius: 0.5em;
  340. border-bottom-right-radius: 0.5em;
  341. border-bottom-left-radius: 0.5em;
  342. }
  343.  
  344. #friendss {
  345. position: absolute;
  346. text-align: center;
  347. top: 366px;
  348. left: 190px;
  349. width: 466px;
  350. height: 140px;
  351. padding: 8px;
  352. overflow: auto;
  353. background-color: #240326;
  354. border-top-left-radius: 0.5em;
  355. border-top-right-radius: 0.5em;
  356. border-bottom-right-radius: 0.5em;
  357. border-bottom-left-radius: 0.5em;
  358. }
  359.  
  360. .container {
  361. width: 200px;
  362. height: 175px;
  363. overflow: auto;
  364. overflow-y: hidden;
  365. }
  366. .section {
  367. height: 175px;
  368. overflow: auto;
  369. }
  370.  
  371. ::-webkit-scrollbar {
  372. width: 5px;
  373. background: #111;
  374. }
  375.  
  376. ::-webkit-scrollbar-track {
  377. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  378. border-radius: 5px;
  379. background: #111;
  380. }
  381.  
  382. ::-webkit-scrollbar-thumb {
  383. border-radius: 5px;
  384. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  385. background: #111;
  386. }
  387.  
  388. img {
  389. padding: 5px;
  390. background: #15011d;
  391. border: 1px dashed #46626d;
  392. }
  393.  
  394. </style>
  395.  
  396.  
  397. <div class="header">
  398. <div id="basics">
  399. <h3>Basics</h3><p>
  400.  
  401. <b><font size="1">Name:</font></b> Katie <br />
  402. <b><font size="1">Age:</font></b> Twenty-One <br />
  403. <b><font size="1">Location:</font></b> With my Creepers <br />
  404. <b><font size="1">Status:</font></b> Engaged <br />
  405. <b><font size="1">Account Type:</font></b> Premium <br />
  406. <b><font size="1">Occupation:</font></b> SPX Makeup Artist
  407.  
  408. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&amp;f0=http://a.tumblr.com/tumblr_m7d4v4ACI51r6jpyro1.mp3&amp;t0=Blood&amp;total=1" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  409. </div>
  410. <div id="anchor">
  411. <h1>the creature</h1><p>
  412.  
  413. <a href="" target="_blank"><img src="http://i.imgur.com/crifREY.gif" align="left" /></a>
  414.  
  415.  
  416.  
  417. <blockquote>VENI VIDI VICI
  418. <hr />
  419. <i>I was always fascinated by people who are considered completely normal, because I find them the weirdest of all.</i> -Johnny Depp
  420.  
  421. </blockquote>
  422. <center>
  423. Call me Katie. I am an introvert, artist, and geek at heart. I could ramble on about hobbies, interests, and my life circumstances; but at the end of the day all you would be learning are a few obsolete factoids. Really, there isn't much I can say in a small paragraph that would give you a glimpse of myself and who I am as a person. I currently attend college and am just trying to build my place in the world. I'm going for a major in special education, minoring with professions in deafness; with a concentration in interpreting. My life is like any other person's. It has it's ups and downs and I'm content with that. If you'd actually like to try to make a friend, feel free to drop a comment or a message. Flirting will just be ignored. I can be a real bitch when I have to be, don't push me to have to do that. You'll go home crying to mommy over "teh interwebz butthurtz".
  424. </div>
  425. <div id="navbox">
  426. <h3>navigation</h3>
  427.  
  428. <a href="http://vampirefreaks.com/profiles/home.php" class="nav2">Home</a>
  429. <a href="http://vampirefreaks.com/user_comment.php?user=Ghostwings&amp;rate=1" class="nav2">Comment</a>
  430. <a href="http://vampirefreaks.com/profile_action.php?user=Ghostwings" class="nav2">Add Friend</a>
  431. <a href="http://vampirefreaks.com/journal/Ghostwings" class="nav2">Journal</a>
  432. <a href="http://vampirefreaks.com/gallery/Ghostwings" class="nav2">Gallery</a>
  433. <a href="http://ominous-designs.tk/" class="nav2">Portfolio</a>
  434. <a href="http://brittlebonez.com/" class="nav2" target="_blank" title="silklungs @ vf 2013">Credit</a>
  435.  
  436. </div>
  437. <div id="cultss">
  438. <h3>I lurk</h3>
  439.  
  440. <a href="/cult/cordiality"><img src="http://i.imgur.com/puQCCLP.gif" class="cultss" title="Cordiality" /></a>
  441. <a href="/cult/Gratis" title="Gratis"><img src="http://i.imgur.com/BMbkt2e.gif" class="cultss" /></a>
  442. <a href="/cult/Nerdygeekydorkyappy"><img src="http://i.imgur.com/gdeuvSA.gif" class="cultss" title="Nerdy Geeky Dorky" /></a>
  443. <a href="/simply.elite"><img src="http://i.minus.com/iEwX6iuuPnbKv.gif" class="cultss" title="Simply Elite" /></a>
  444. <a href="/cult/hogwarts"><img src="http://i.imgur.com/0ZqjgPi.png" class="cultss" title="Hogwarts" /></a>
  445. <a href="/cult/Hogsmeade"><img src="http://i.imgur.com/ZJnOL.png" class="cultss" title="Hogsmeade" /></a>
  446. <a href="/cult/inspiration"><img src="http://i.imgur.com/vCcHDAX.gif" class="cultss" title="Inspiration" /></a>
  447. <a href="/cult/Oddity"><img src="http://i.imgur.com/xLgEL2R.gif" class="cultss" title="Oddity" /></a>
  448. </div>
  449.  
  450.  
  451. <div id="friendss">
  452. <h3>spookers</h3><p>
  453. <a href="/KannibalxKatiee"><img src="http://icons1.vampirefreaks.com/K/Ka/Kan/KannibalxKatiee/4809102.gif" class="peepss" title="Katiee" /></a>
  454. <a href="/Irrelevxnt"><img src="http://icons1.vampirefreaks.com/I/Ir/Irr/Irrelevxnt/5076508.gif" class="peepss" title="Linsai" /></a>
  455. <a href="/Tonks"><img src="http://icons1.vampirefreaks.com/T/To/Ton/Tonks/5037228.gif" class="peepss" title="Megan" /></a>
  456. <a href="/Sollertia"><img src="http://icons1.vampirefreaks.com/S/So/Sol/Sollertia/5058747.gif" class="peepss" title="Julie" /></a>
  457. <a href="/Ayasha"><img src="http://icons1.vampirefreaks.com/A/Ay/Aya/Ayasha/4933052.gif" class="peepss" title="Aya" /></a>
  458. <a href="/turnthepage"><img src="http://icons1.vampirefreaks.com/T/Tu/Tur/TurnThePage/5049777.png" class="peepss" title="Carly" /></a>
  459. <a href="/GRINDELWALD"><img src="http://icons1.vampirefreaks.com/G/Gr/Gri/Grindelwald/4728650.gif" class="peepss" title="V" /></a>
  460. <a href="/Voltage"><img src="http://icons1.vampirefreaks.com/V/Vo/Vol/Voltage/4999734.gif" class="peepss" title="Kariann" /></a>
  461. <a href="/Stungbyfate"><img src="http://icons1.vampirefreaks.com/S/St/Stu/StungByFate/5024467.gif" class="peepss" title="Stacey" /></a>
  462. <a href="/MaryRebecca"><img src="http://icons1.vampirefreaks.com/M/Ma/Mar/MaryRebecca/4494212.gif" class="peepss" title="Becky" /></a>
  463. <a href="/jadednightmares"><img src="http://icons1.vampirefreaks.com/j/ja/jad/jadednightmares/5061207.gif" class="peepss" title="Jess" /></a>
  464. <a href="/tiffanyshae__"><img src="http://icons1.vampirefreaks.com/t/ti/tif/tiffanyshae__/4595630.gif" class="peepss" title="Tiffany" /></a>
  465. <a href="/AnubisRising"><img src="http://icons1.vampirefreaks.com/A/An/Anu/AnubisRising/5068127.png" class="peepss" title="Sammie" /></a>
  466. <a href="/Saebyeog"><img src="http://icons1.vampirefreaks.com/S/Sa/Sae/Saebyeog/5052097.gif" class="peepss" title="Dawny" /></a>
  467. <a href="/Ellie"><img src="http://icons1.vampirefreaks.com/E/El/Ell/Ellie/5045107.gif" class="peepss" title="Ellie" /></a>
  468. <a href="/LIDDELL"><img src="http://icons1.vampirefreaks.com/L/Li/Lid/Liddell/5065660.gif" class="peepss" title="Amber" /></a>
  469. <a href=""><img src="http://i.minus.com/jEMuPguWgFnUn.png" class="peepss" /></a>
  470. <a href=""><img src="http://i.minus.com/jEMuPguWgFnUn.png" class="peepss" /></a>
  471. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement