Advertisement
conception

atyp

Dec 2nd, 2015
106
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.64 KB | None | 0 0
  1. <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. .maintop, .leftnav, .profilename, .profilepages, .topbar, .defaultpic, .thumbnail, .gallery, .videos, .userinfo, .journal_entry, .profile_title, .likes_title, .dislikes_title, .music_title, .buttons1, .buttons2, .buttons3, .friends, .rate, .comment_title, .comments, .tagline, .menu2, .profilepages, .footer_links { display: none; }
  8.  
  9. body, html {
  10. background-color: #000000;
  11. background-image: url('http://i.imgur.com/BdvClkk.png');
  12. background-position: center center;
  13. background-size: 512px 512px;
  14. background-repeat: repeat;
  15. background-attachment: fixed;
  16. }
  17.  
  18. body, div, table {
  19. font-family: calibri;
  20. font-size: 12px;
  21. line-height: 11px;
  22. color: #c8c8c8;
  23. }
  24.  
  25. b {
  26. color: #A1D3A9;
  27. font-size: 11px;
  28. font-family: trebuchet MS;
  29. font-weight: lighter;
  30. text-transform: uppercase;
  31. }
  32.  
  33. i {
  34. color: #469d74;
  35. font-size: 11px;
  36. font-family: georgia;
  37. font-weight: lighter;
  38. }
  39.  
  40. u {
  41. color: #A1D3A9;
  42. border-bottom: 1px dotted #469d74;
  43. font-size: 11px;
  44. font-family: trebuchet MS;
  45. font-weight: lighter;
  46. }
  47.  
  48. s {
  49. color: #469d74;
  50. font-size: 11px;
  51. font-family: trebuchet MS;
  52. font-weight: lighter;
  53. }
  54.  
  55. a:link, .menu2, .menu2 a:link {
  56. color: #A1D3A9;
  57. font-size: 8pt;
  58. font-family : trebuchet MS;
  59. text-transform: none;
  60. text-decoration: none;
  61. -webkit-transition: all 0.5s ease-out;
  62. -moz-transition: all 0.5s ease-out;
  63. }
  64.  
  65. a:visited, .menu2 a:visited {
  66. color: #A1D3A9;
  67. font-family : trebuchet MS;
  68. }
  69.  
  70. a:hover, .menu, .menu a:link, .menu a:visited {
  71. color: #469d74;
  72. font-family : trebuchet MS;
  73. background: transparent;
  74. -webkit-transition: all 0.5s ease-out;
  75. -moz-transition: all 0.5s ease-out;
  76. }
  77.  
  78. h1 {
  79. color: #dedede;
  80. text-transform: uppercase;
  81. font-style: none;
  82. font-family: trebuchet MS;
  83. letter-spacing: 1pt;
  84. text-align: center;
  85. font-weight: lighter;
  86. line-height: 14pt;
  87. font-size: 14pt;
  88. margin-top: 2px;
  89. margin-bottom: 2px;
  90. margin-left: 2px;
  91. margin-bottom: 4px;
  92. background: -webkit-linear-gradient(#cccccc, #469d74);
  93. -webkit-background-clip: text;
  94. -webkit-text-fill-color: transparent;
  95. }
  96.  
  97. h3 {
  98. font-size: 7pt;
  99. line-height: 9pt;
  100. font-family: trebuchet MS;
  101. text-align: center;
  102. letter-spacing: 2px;
  103. color: #dddddd;
  104. font-weight: lighter;
  105. text-transform: uppercase;
  106. font-style: none;
  107. margin-top: 2px;
  108. margin-bottom: 2px;
  109. background-color: #3F2D50;
  110. border-radius: 4px;
  111. }
  112.  
  113. blockquote {
  114. color: #dddddd;
  115. border-left: 6px solid #469d74;
  116. padding: 6px;
  117. font-size: 7pt;
  118. text-transform: uppercase;
  119. text-align: left;
  120. }
  121.  
  122. body {
  123. position: absolute;
  124. top: 0;
  125. left: 0;
  126. bottom: 0;
  127. right: 10px;
  128. overflow-y: scroll;
  129. overflow-x: hidden;
  130. }
  131.  
  132. ::-webkit-scrollbar {
  133. width: 5px;
  134. height: 10px;
  135. }
  136.  
  137. ::-webkit-scrollbar-button:start:decrement,
  138. ::-webkit-scrollbar-button:end:increment {
  139. height: 0px;
  140. display: block;
  141. background-color: transparent;
  142. }
  143.  
  144. ::-webkit-scrollbar-track-piece {
  145. background-color: #2d2038;
  146. -webkit-border-radius: 0px;
  147. }
  148.  
  149. ::-webkit-scrollbar-thumb:vertical {
  150. height: 50px;
  151. background-color: #A1D3A9;
  152. border: none;
  153. -webkit-border-radius: 0px;
  154. }
  155.  
  156. a:link img, a:visited img {
  157. filter: alpha(opacity=100)
  158. -moz-opacity:100;
  159. opacity: 100;
  160. -webkit-border-radius: 0px;
  161. -moz-border-radius: 0px;
  162. -webkit-transition: all 0.5s ease-out;
  163. -moz-transition: all 0.5s ease-out;
  164. }
  165.  
  166. a:hover img {
  167. filter: alpha(opacity=70)
  168. -moz-opacity:.70;
  169. opacity: .70;
  170. -webkit-border-radius: 0px;
  171. -moz-border-radius: 0px;
  172. -webkit-transition: all 0.5s ease-out;
  173. -moz-transition: all 0.5s ease-out;
  174. }
  175.  
  176. .navlink:link, .navlink:active, .navlink:visited {
  177. color: #dddddd;
  178. font-family: trebuchet MS;
  179. font-size: 20pt;
  180. width: 24px;
  181. height: 24px;
  182. text-transform: uppercase;
  183. font-style: none;
  184. font-weight: lighter;
  185. padding: 2px;
  186. line-height: 24px;
  187. margin: 2px;
  188. text-align: center;
  189. display: inline-table;
  190. background-color: #3F2D50;
  191. border-radius: 100px;
  192. -webkit-transition: all 0.5s ease-out;
  193. -moz-transition: all 0.5s ease-out;
  194. text-shadow: 0px 0px 0px 0px #000;
  195. }
  196.  
  197. .navlink:hover {
  198. color: #469d74;
  199. -webkit-transition: all 0.5s ease-out;
  200. -moz-transition: all 0.5s ease-out;
  201. }
  202.  
  203. .fri img {
  204. width: 50px;
  205. height: 56px;
  206. filter: alpha(opacity=100)
  207. -moz-opacity:100;
  208. opacity: 100;
  209. margin: 1px;
  210. padding: 0px;
  211. border: 2px solid #3F2D50;
  212. border-radius: 2px;
  213. -webkit-transition: all 0.5s ease-out;
  214. -moz-transition: all 0.5s ease-out;
  215. }
  216. .fri img:hover {
  217. filter: alpha(opacity=70)
  218. -moz-opacity:.80;
  219. opacity: .80;
  220. -webkit-transition: all 0.5s ease-out;
  221. -moz-transition: all 0.5s ease-out;
  222. }
  223.  
  224. .gall img {
  225. width: 194px;
  226. height: 118px;
  227. filter: alpha(opacity=100)
  228. -moz-opacity:100;
  229. opacity: 100;
  230. margin: 2px;
  231. padding: 0px;
  232. border: 2px solid #3F2D50;
  233. border-radius: 2px;
  234. -webkit-transition: all 0.5s ease-out;
  235. -moz-transition: all 0.5s ease-out;
  236. }
  237. .gall img:hover {
  238. filter: alpha(opacity=70)
  239. -moz-opacity:.80;
  240. opacity: .80;
  241. -webkit-transition: all 0.5s ease-out;
  242. -moz-transition: all 0.5s ease-out;
  243. }
  244.  
  245. .cull img {
  246. width: 88px;
  247. height: 31px;
  248. filter: alpha(opacity=100)
  249. -moz-opacity:100;
  250. opacity: 100;
  251. margin: 1px;
  252. padding: 0px;
  253. border: 2px solid #3F2D50;
  254. border-radius: 2px;
  255. -webkit-transition: all 0.5s ease-out;
  256. -moz-transition: all 0.5s ease-out;
  257. }
  258. .cull img:hover {
  259. filter: alpha(opacity=70)
  260. -moz-opacity:.80;
  261. opacity: .80;
  262. -webkit-transition: all 0.5s ease-out;
  263. -moz-transition: all 0.5s ease-out;
  264. }
  265.  
  266. #header {
  267. top: 0px;
  268. left: 0px;
  269. width: 600px;
  270. height: 450px;
  271. background: url('http://i.imgur.com/zt9mILV.png') 0px 0px no-repeat;
  272. position: fixed;
  273. }
  274.  
  275. #navi {
  276. position: fixed;
  277. top: 320px;
  278. left: 476px;
  279. width: 120px;
  280. height: 70px;
  281. padding: 0px;
  282. border: 0px solid #000000;
  283. overflow: hidden;
  284. text-align: center;
  285. }
  286.  
  287. #box {
  288. position: fixed;
  289. top: 84px;
  290. left: 610px;
  291. width: 242px;
  292. height: 270px;
  293. padding: 6px;
  294. border: 0px solid #000000;
  295. overflow: auto;
  296. text-align: center;
  297. background-color: #2d2038;
  298. border-top-left-radius: 6px;
  299. border-top-right-radius: 0px;
  300. border-bottom-left-radius: 0px;
  301. border-bottom-right-radius: 0px;
  302. }
  303.  
  304. #box2 {
  305. position: fixed;
  306. top: 84px;
  307. left: 852px;
  308. width: 218px;
  309. height: 270px;
  310. padding: 6px;
  311. border: 0px solid #000000;
  312. overflow: auto;
  313. text-align: center;
  314. background-color: #2d2038;
  315. border-top-left-radius: 0px;
  316. border-top-right-radius: 6px;
  317. border-bottom-left-radius: 0px;
  318. border-bottom-right-radius: 0px;
  319. }
  320.  
  321. #box3 {
  322. position: fixed;
  323. top: 354px;
  324. left: 610px;
  325. width: 460px;
  326. height: 96px;
  327. padding: 6px;
  328. border-bottom: 4px solid #3F2D50;
  329. overflow: auto;
  330. text-align: center;
  331. background-color: #2d2038;
  332. border-top-left-radius: 0px;
  333. border-top-right-radius: 0px;
  334. border-bottom-left-radius: 6px;
  335. border-bottom-right-radius: 6px;
  336. }
  337.  
  338. </style>
  339.  
  340. <div id="header"></div>
  341.  
  342. <div id="navi">
  343.  
  344. <a href="http://vampirefreaks.com/profiles/home.php" class="navlink"><img src="http://i.imgur.com/b50fAeD.png" title="VF Home" /></a>
  345. <a href="http://www.vampirefreaks.com/user_comment.php?user=a_typical&amp;rate=1" class="navlink"><img src="http://i.imgur.com/EksR9Li.png" title="Contact" /></a>
  346. <a href="http://www.vampirefreaks.com/profile_action.php?user=a_typical" class="navlink"><img src="http://i.imgur.com/XombXoN.png" title="Add Friend" /></a>
  347. <a href="http://www.vampirefreaks.com/journal/a_typical" class="navlink"><img src="http://i.imgur.com/vYOFW8v.png" title="Journal" /></a>
  348. <a href="http://www.vampirefreaks.com/gallery/a_typical" class="navlink"><img src="http://i.imgur.com/vQC6GQz.png" title="Gallery" /></a>
  349. <a href="http://vampirefreaks.com/StungByFate" class="navlink"><img src="http://i.imgur.com/vkfE09j.png" title="© 2015" /></a>
  350.  
  351. </div>
  352.  
  353. <div id="box">
  354.  
  355. <h1>About</h1>
  356.  
  357. <blockquote>
  358. <b>Age:</b>25<br />
  359.  
  360. <b>Member since:</b>2008<br />
  361.  
  362. <b>Sister:</b> <a href="http:/vampqueen24">vampqueen24</a><br />
  363. <b>Sister:</b> <a href="http://vampirefreaks.com/Ivory">Ivory</a><br />
  364. <b>PIC:</b> <a href="http://vampirefreaks.com/jewpacabra">jewpacabra</a><br /></p>
  365. </blockquote>
  366. <p>Faint-hearted <i>creep</i> with an ego.<br />
  367. A fancy mermaid that doesn't swim.<br />
  368. I will <u>haunt</u> you like a bad-tempered ghost.<br />
  369. <b>Easily</b> obsessed,always a little <u>bored</u>.<br />
  370. Don't let this <i>try hard</i> layout fool you, I don't try at all.<br />
  371. </p>
  372. </div>
  373.  
  374. <div id="box2">
  375.  
  376. <a href="/gallery/a_typical" class="gall"><img src="http://i.imgur.com/IVXK8gR.png" title="View Gallery" /></a>
  377.  
  378. <h3>Cults</h3>
  379.  
  380. <a href="http:/cult/coffeeshop" class="cull"><img src="http://i.imgur.com/os7GxQq.gif" /></a>
  381. <a href="http:/cult/Score" class="cull"><img src="http://i.imgur.com/V0KY9gz.png" /></a>
  382. <a href="/cult/Obscene" class="cull"><img src="http://i.imgur.com/eQ9KbkN.gif" /></a>
  383. <a href="" class="cull"><img src="http://i.imgur.com/6PqJL8s.png" /></a>
  384. <a href="/cult/Inspiration" class="cull"><img src="http://i.imgur.com/sLTwhKE.gif" /></a>
  385. <a href="" class="cull"><img src="http://i.imgur.com/6PqJL8s.png" /></a>
  386.  
  387.  
  388. <br />
  389.  
  390. </div>
  391.  
  392. <div id="box3">
  393.  
  394. <h3>Friends</h3>
  395.  
  396. <a href="http:/Vampqueen24" class="fri"><img src="http://i.imgur.com/0NHWocw.gif" /></a>
  397. <a href="http:/Ivory" class="fri"><img src="http://i.imgur.com/fdQx5SN.gif" /></a>
  398. <a href="/jewpacabra" class="fri"><img src="http://i.imgur.com/63BRZRq.gif" /></a>
  399. <a href="http:/chrissie" class="fri"><img src="http://i.imgur.com/fd3dEPb.gif" /></a>
  400. <a href="" class="fri"><img src="http://i.imgur.com/RaCcT2A.png" /></a>
  401. <a href="" class="fri"><img src="http://i.imgur.com/RaCcT2A.png" /></a>
  402. <br />
  403.  
  404. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement