API tools faq
paste
Beeline

DirtyProfile

Beeline
Nov 24th, 2014
148
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.00 KB | None | 0 0
raw download clone embed print report
  1. //**This goes under PROFILE SECTION**\\
  2.  
  3. <style> .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; }
  4.  
  5.  
  6. .overlay {
  7. width: 830px;
  8. height: 1200px;
  9. background: url('http://i.imgur.com/9aHdU18.png') 0px 0px no-repeat;
  10. position: absolute;
  11. top: 0px;
  12. right: 200px;
  13. border: 4px solid #BE3C3B;
  14. border-top: 8px solid #0E2736;
  15. border-bottom: 8px solid #BE3C3B;
  16. background-color: #262936;
  17. border-radius: 20px;
  18. }
  19. ::-webkit-scrollbar {
  20. width: 5px;
  21. height: 10px;
  22. }
  23.  
  24. ::-webkit-scrollbar-button:start:decrement,
  25. ::-webkit-scrollbar-button:end:increment {
  26. height: 0px;
  27. display: block;
  28. background-color: transparent;
  29. }
  30.  
  31. ::-webkit-scrollbar-track-piece {
  32. border-top: 3px solid #0E2736;
  33. background-color: #0E2736;
  34. -webkit-border-radius: 0px;
  35. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#BE3C3B), to(transparent));
  36. background-image: -webkit-linear-gradient(#BE3C3B, transparent);
  37. background-image:
  38. -moz-linear-gradient(#BE3C3B, transparent),
  39. -moz-linear-gradient(#BE3C3B, transparent);
  40. background-image:
  41. -o-linear-gradient(#BE3C3BB, transparent),
  42. -o-linear-gradient(#BE3C3B, transparent);
  43. background-image:
  44. linear-gradient(#BE3C3B, transparent),
  45. linear-gradient(#BE3C3B, transparent);
  46. -moz-background-size: 3px 100%;
  47. background-size: 3px 100%;
  48. background-position: 0 0, 100% 0;
  49. background-repeat: no-repeat;
  50. }
  51.  
  52. ::-webkit-scrollbar-thumb:vertical {
  53. height: 50px;
  54. background-color: #BE3C3B;
  55. border-color: #0E2736;
  56. -webkit-border-radius: 2px;
  57. }
  58. .innerbox {
  59. overflow: auto;
  60. border: 0px solid #7a1e48;
  61. position: absolute;
  62. top: 0px;
  63. left: 21px;
  64.  
  65. }
  66. #About {
  67. top: 600px;
  68. left: 215px;
  69. width: 400px;
  70. height: 300px;
  71. border: 2px solid #BE3C3B;
  72. border-top: 4px solid #0E2736;
  73. border-bottom: 4px solid #BE3C3B;
  74. background-color: #071017;
  75. padding: 0px;
  76. color: #cccccc;
  77. font: 11px tahoma;
  78. font-weight: lighter;
  79. letter-spacing: 1px;
  80. Text-align: center;
  81.  
  82. }
  83. #Loves {
  84. top: 695px;
  85. left: 11px;
  86. width: 200px;
  87. height: 205px;
  88. border: 2px solid #BE3C3B;
  89. border-top: 4px solid #0E2736;
  90. border-bottom: 4px solid #BE3C3B;
  91. background-color: #071017;
  92. padding: 0px;
  93. color: #cccccc;
  94. font: 11px tahoma;
  95. font-weight: lighter;
  96. letter-spacing: 1px;
  97. Text-align: center;
  98.  
  99. }
  100. #Hates {
  101. top: 695px;
  102. left: 619px;
  103. width: 200px;
  104. height: 205px;
  105. border: 2px solid #BE3C3B;
  106. border-top: 4px solid #0E2736;
  107. border-bottom: 4px solid #BE3C3B;
  108. background-color: #071017;
  109. padding: 0px;
  110. color: #cccccc;
  111. font: 11px tahoma;
  112. font-weight: lighter;
  113. letter-spacing: 1px;
  114. Text-align: center;
  115.  
  116. }
  117. #Friends {
  118. top: 908px;
  119. left: 40px;
  120. width: 250px;
  121. height: 200px;
  122. border: 2px solid #BE3C3B;
  123. border-top: 4px solid #BE3C3B;
  124. border-bottom: 4px solid #BE3C3B;
  125. background-color: #071017;
  126. padding: 0px;
  127. color: ;
  128. font: 11px tahoma;
  129. font-weight: lighter;
  130. letter-spacing: 1px;
  131. Text-align: center;
  132.  
  133. }
  134. #Cults {
  135. top: 908px;
  136. left: 545px;
  137. width: 250px;
  138. height: 200px;
  139. border: 2px solid #BE3C3B;
  140. border-top: 4px solid #BE3C3B;
  141. border-bottom: 4px solid #BE3C3B;
  142. background-color: #071017;
  143. padding: 0px;
  144. color: #cccccc;
  145. font: 11px tahoma;
  146. font-weight: lighter;
  147. letter-spacing: 1px;
  148. Text-align: center;
  149.  
  150. }
  151.  
  152. #MainImage{
  153. top: 908px;
  154. left: 293px;
  155. width: 250px;
  156. height: 250px;
  157. border: 2px solid #BE3C3B;
  158. border-top: 4px solid #BE3C3B;
  159. border-bottom: 4px solid #BE3C3B;
  160. background-color: #071017;
  161. padding: 0px;
  162. color: #cccccc;
  163. font: 11px tahoma;
  164. font-weight: lighter;
  165. letter-spacing: 1px;
  166. Text-align: center;
  167. }
  168. #navi {
  169. margin: 0px;
  170. padding-bottom:35px;
  171. position: fixed;
  172. top: -05px;
  173. right:-25px;
  174. height: 10px;
  175. width: 100%;
  176. font-family: trebuchet MS;
  177. font-size: 8pt;
  178. color: #C4B09C;
  179. text-transform: uppercase;
  180. text-align: center;
  181. letter-spacing: 2pt;
  182. background-color: ;
  183. z-index: 100;
  184. -moz-border-radius: 3px;
  185. -webkit-border-radius: 3px;
  186. border-radius: 3px;
  187.  
  188. }
  189. .portlink:link, .portlink:visited, .portlink:active{
  190. color: white;
  191. font-family: trebuchet ms;
  192. font-size: 10px;
  193. text-transform: uppercase;
  194. text-shadow: 2px 2px 4px #000000;
  195. font-weight: lighter;
  196. border-right: 3px solid #BE3C3B;
  197. border-left: 3px solid #622F3C;
  198. border-bottom: 3px solid #622F3C;
  199. line-height: 22px;
  200. text-align: center;
  201. padding:0px;
  202. margin:4px;
  203. background: #0E2736;
  204. width:100px;
  205. height:25px;
  206. -moz-border-radius: 1px;
  207. -webkit-border-radius: 1px;
  208. border-radius: 1px;
  209. -moz-box-shadow: 0px 3px 5px #000000;
  210. -webkit-box-shadow: 0px 3px 5px #000000;
  211. -webkit-border-bottom-right-radius: 4px;
  212. -webkit-border-bottom-left-radius: 2px;
  213. -moz-border-radius-bottomright: 4px;
  214. -moz-border-radius-bottomleft: 2px;
  215. border-bottom-right-radius: 4px;
  216. border-bottom-left-radius: 2px;
  217. -webkit-transition: all 0.5s ease-out;
  218. -moz-transition: all 0.5s ease-out;
  219. }
  220. .portlink:hover{
  221. color: #6BF51B;
  222. background-color: #BE3C3B;
  223. -webkit-border-radius: 8px;
  224. -moz-border-radius: 8px;
  225. border-radius: 8px;
  226. -moz-border-radius: 1px;
  227. -webkit-border-radius: 1px;
  228. border-radius: 1px;
  229. -moz-box-shadow: 0px 3px 5px #000000;
  230. -webkit-box-shadow: 0px 3px 5px #000000;
  231. -webkit-border-bottom-right-radius: 4px;
  232. -webkit-border-bottom-left-radius: 2px;
  233. -moz-border-radius-bottomright: 4px;
  234. -moz-border-radius-bottomleft: 2px;
  235. border-bottom-right-radius: 4px;
  236. border-bottom-left-radius: 2px;
  237. -webkit-border-bottom-right-radius: 8px;
  238. -webkit-border-bottom-left-radius: 8px;
  239. -moz-border-radius-bottomright: 8px;
  240. -moz-border-radius-bottomleft: 8px;
  241. border-bottom-right-radius: 8px;
  242. border-bottom-left-radius: 8px;
  243. -webkit-transition: all 0.5s ease-out;
  244. -moz-transition: all 0.5s ease-out;
  245. }
  246. div.menu5 a
  247. {
  248. display: inline-block;
  249. padding: 3 4px;
  250. background:;
  251. border:1px solid #5E544A;
  252. color:#C4B09C;
  253. text-decoration:none;
  254. font: bold 12px Arial;
  255. line-height: 20px;
  256. margin-right:1px;
  257. }
  258.  
  259. div.menu5 a:hover, div.menu5 a.current
  260. {
  261. background:;
  262. color:#6DBABF;
  263.  
  264.  
  265. }
  266. .banners:hover {
  267. background: url('http://i.imgur.com/9aHdU18.png'); background-repeat: repeat; background-position:top center;
  268. background-attachment: scrolling;
  269. border: 0px solid ;
  270. filter: alpha(opacity=70)
  271. -moz-opacity:.70;
  272. opacity: .70;
  273. -webkit-transition: all 0.5s ease-out;
  274. -moz-transition: all 0.5s ease-out;
  275. }
  276. .banners {
  277. width: 200px;
  278. height: 100px;
  279. filter: alpha(opacity=100)
  280. -moz-opacity:.80;
  281. opacity: .80;
  282. margin: 0px;
  283. margin-left: 5px;
  284. padding: 2px;
  285. background: url('http://i.imgur.com/9aHdU18.png'); background-repeat: repeat; background-position:top center;
  286. background-attachment: scrolling;
  287. border: 0px solid ;
  288. -webkit-transition: all 0.5s ease-out;
  289. -moz-transition: all 0.5s ease-out;
  290. }
  291.  
  292. .thefriends:hover {
  293. width: 100px;
  294. height: 100px;
  295. background: url('http://i.imgur.com/9aHdU18.png'); background-repeat: repeat; background-position:top center;
  296. filter: alpha(opacity=70)
  297. -moz-opacity:.70;
  298. opacity: .70;
  299. -webkit-transition: all 0.9s ease-out;
  300. -moz-transition: all 0.9s ease-out;
  301. }
  302.  
  303. .thefriends {
  304. width: 100px;
  305. height: 100px;
  306. filter: alpha(opacity=100)
  307. -moz-opacity:.80;
  308. opacity: .80;
  309. margin: 3px;
  310. margin-left: 5px;
  311. padding: 2px;
  312. background: url('http://i.imgur.com/9aHdU18.png');
  313. background-repeat: repeat;
  314. background-position:top center;
  315. background-attachment: scrolling;
  316. -webkit-transition: all 0.5s ease-out;
  317. -moz-transition: all 0.5s ease-out;
  318. }
  319. .Immy:hover {
  320. width: 200px;
  321. height: 200px;
  322. background: url('http://i.imgur.com/9aHdU18.png'); background-repeat: repeat; background-position:top center;
  323. filter: alpha(opacity=70)
  324. -moz-opacity:.70;
  325. opacity: .70;
  326. -webkit-transition: all 0.9s ease-out;
  327. -moz-transition: all 0.9s ease-out;
  328. }
  329.  
  330. .Immy {
  331. width: 200px;
  332. height: 200px;
  333. filter: alpha(opacity=100)
  334. -moz-opacity:.80;
  335. opacity: .80;
  336. margin: 3px;
  337. margin-left: 5px;
  338. padding: 2px;
  339. background: url('http://i.imgur.com/9aHdU18.png');
  340. background-repeat: repeat;
  341. background-position:top center;
  342. background-attachment: scrolling;
  343. -webkit-transition: all 0.5s ease-out;
  344. -moz-transition: all 0.5s ease-out;
  345. }
  346.  
  347. h1{ color:white;
  348. position: relative;
  349. font-family: trebuchet m;
  350. font-size:24px;
  351. text-align:center;
  352. line-height:20px;
  353. letter-spacing:-2px;
  354. padding:0px;
  355. width: absolute;
  356. padding-right: 5px;
  357. margin:0px;
  358. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #622F3C), color-stop(1, #BE3C3B));
  359. }
  360. blockquote{
  361. background: #622F3C;
  362. padding:5px;
  363. border-left: 30px solid #BE3C3B;
  364. color : white;
  365. width:240px;
  366. }
  367. b{color:#BE3C3B;}
  368. i{color:#E0BB70;}
  369. u{color:#E18530;}
  370.  
  371.  
  372. </style>
  373.  
  374. //**THIS GOES UNDER LIKES**\\
  375.  
  376. <div id="navi">
  377. <div class="menu5">
  378. <a href="http://vampirefreaks.com/profiles/home.php" class="portlink">Vf Home</a>
  379.  
  380. <a href="http://vampirefreaks.com/user_comment.php?user=Beeline&amp;rate=1" class="portlink">Inbox</a>
  381.  
  382. <a href="http://vampirefreaks.com/gallery/Beeline" class="portlink">Gallery</a>
  383.  
  384. <a href="http://vampirefreaks.com/journal/Beeline" class="portlink">Journal</a>
  385.  
  386. <a href="http://vampirefreaks.com/profile_action.php?user=Beeline" class="portlink">Add</a>
  387.  
  388. <a href="http://vampirefreaks.com/members/Beeline/Beeline+Designs" class="portlink">PD 14</a>
  389. </div> </div>
  390.  
  391. <div class="overlay">
  392.  
  393.  
  394. <div class="innerbox" id="MainImage">
  395. <h1>Main Image</h1>
  396. 200X200 image
  397. <img src="http://i.imgur.com/3dnbtQs.jpg" class="Immy" />
  398.  
  399. </div>
  400. <div class="innerbox" id="About">
  401. <h1>About Me</h1>
  402. <b>Bold lettering</b> <i>Italic lettering</i> <u>Underline lettering</u> Write some here and here and here and here and here and here.
  403. <blockquote> This is your blockquote This is your blockquote This is your blockquote This is your blockquote This is your blockquote This is your blockquote This is your blockquote This is your blockquote </blockquote></div>
  404.  
  405. <div class="innerbox" id="Loves"><h1>Likes</h1></div>
  406.  
  407. <div class="innerbox" id="Hates"><h1>Dislikes</h1></div>
  408.  
  409. <div class="innerbox" id="Friends"><h1>Friends</h1>
  410. <img src="ICON HERE 100x100best" class="thefriends" />
  411. <img src="ICON HERE 100x100best" class="thefriends" />
  412. <img src="ICON HERE 100x100best" class="thefriends" />
  413. <img src="ICON HERE 100x100best" class="thefriends" />
  414. <img src="ICON HERE 100x100best" class="thefriends" />
  415. <img src="ICON HERE 100x100best" class="thefriends" /></div>
  416.  
  417. <div class="innerbox" id="Cults"><h1>Gallery</h1>
  418. <img src="Banner Link Here 200X200" class="banners" />
  419. <img src="Banner Link Here" class="banners" />
  420. <img src="Banner Link Here" class="banners" />
  421. <img src="Banner Link Here" class="banners" />
  422. <img src="Banner Link Here" class="banners" /> </div>
  423.  
  424.  
  425.  
  426. <style>
  427. body, html { background: url('http://i.imgur.com/0dNydTB.png'); background-repeat: repeat; background-position:left top;
  428. background-attachment: fixed; } </style>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!