API tools faq
paste
Advertisement
letsrp

Update - About Me

letsrp
Dec 7th, 2013
256
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.50 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3. <!-- letsrp @ tumblr.com -->
  4.  
  5. <html>
  6. <head>
  7. <title>Facebook (1)</title>
  8. <link rel="shortcut icon" href="http://iosapps.com/Facebook-big-icon_41.jpg" /><link rel="alternate" type="application/rss+xml" href="{RSS}" />
  9. <style type="text/css">
  10.  
  11. body{
  12. background-color:#fff;
  13. background-attachment:fixed;
  14. }
  15.  
  16. a:link, a:active, a:visited{
  17. color:#746757;
  18. text-decoration:none;
  19. -webkit-transition-duration: .50s;
  20. }
  21.  
  22. a:hover{
  23. color:#746757;
  24. -webkit-transition-duration: .50s;}
  25.  
  26. h{color:#3a5898;
  27. text-decoration: none;
  28. }
  29.  
  30. h:hover{
  31. text-decoration: underline;
  32. }
  33.  
  34. @font-face {font-family: "Facebolf"; src: url('http://static.tumblr.com/yy7o4zk/YLRmt30zk/facebolf.otf');}
  35.  
  36.  
  37. /* ------------ SEARCH -------------- */
  38.  
  39. #header {
  40. background-color:#3a5898;
  41. margin-left:-35px;
  42. margin-top:-8px;
  43. width:1376px;
  44. height:45px;
  45. }
  46.  
  47. #title{
  48. width:180px;
  49. margin-left:230px;
  50. margin-top:13px;
  51. position:absolute;
  52. }
  53.  
  54. .fb{
  55. color:#fff;
  56. font-family:Facebolf;
  57. position:absolute;
  58. font-size:25px;
  59. }
  60.  
  61. .search{
  62. background-color:#fff;
  63. position:absolute;
  64. margin-left:220px;
  65. margin-top:-4px;
  66. width:330px;
  67. height:25px;
  68. border: solid 1px #eee;
  69. }
  70.  
  71. .dash{
  72. position:absolute;
  73. line-height:25px;
  74. width: 90px;
  75. height: 25px;
  76. margin-left: 750px;
  77. margin-top: -5px;
  78. background-color: #d8deea;
  79. font-size: 11px;
  80. font-family:verdana;
  81. text-align:center;
  82. font-weight:bold;
  83. border:1px solid #1c3466;
  84. }
  85.  
  86. .dash:hover {
  87. background-color: #fff;
  88. }
  89.  
  90. /* ------------ PROFILE PICTURE/WALL/PHOTOS -------------- */
  91.  
  92. #side {
  93. position:absolute;
  94. margin-left:230px;
  95. margin-top:75px;
  96. height:700px;
  97. width:220px;
  98. }
  99.  
  100. #side img{
  101. height:auto;
  102. width:220px;
  103. }
  104.  
  105. #wall{
  106. width: 220px;
  107. height: 20px;
  108. margin-top:8px;
  109. background-color: #d8deea;
  110. font-size: 10px;
  111. font-family:verdana;
  112. font-weight:bold;
  113. text-indent:25px;
  114. color:#000;
  115. position:relative;
  116. }
  117.  
  118. #wall img{
  119. width:17px;
  120. height:17px;
  121. margin-left:-21px;
  122. padding-right:3px;
  123. }
  124.  
  125. #photos{
  126. width: 220px;
  127. height: 20px;
  128. font-size: 10px;
  129. margin-top:1px;
  130. font-family:verdana;
  131. font-weight:bold;
  132. text-indent:25px;
  133. color:#000;
  134. }
  135.  
  136. #photos img{
  137. width:17px;
  138. height:17px;
  139. margin-left:-21px;
  140. padding-right:3px;
  141. }
  142.  
  143. #photos:hover {
  144. background-color: #f1f4f9;
  145. }
  146.  
  147. #friends{
  148. width: 220px;
  149. margin-top:10px;
  150. }
  151.  
  152. #fri {
  153. display:inline-block;
  154. width:24px;
  155. }
  156.  
  157. #fri img{
  158. width:24px;
  159. height:24px;
  160. }
  161.  
  162. /* ------------ CONTENT -------------- */
  163.  
  164. #container{
  165. position:absolute;
  166. margin-left:415px;
  167. width:700px;
  168. height:900px;
  169. }
  170.  
  171. #box{
  172. width:700px;
  173. height:730px;
  174. border: solid 1px #b4b4b4;
  175. }
  176.  
  177. #details {
  178. margin-top:25px;
  179. margin-left:25px;
  180. height:auto;
  181. width:400px;
  182. font-size: 11px;
  183. font-family:tahoma;
  184. }
  185.  
  186. .username{
  187. margin-left:2px;
  188. margin-top:5px;
  189. text-align:left;
  190. font-family:tahoma;
  191. font-size:22px;
  192. color:#000;
  193. }
  194.  
  195. #deet{
  196. text-align:left;
  197. border-bottom: solid 1px #5e5e5e;
  198. padding-bottom:5px;
  199. }
  200.  
  201. /* ------------ LINKS -------------- */
  202.  
  203. .lcont {
  204. float: left;
  205. width: 190px;
  206. height: 150px;
  207. position: relative;
  208. text-align: center;
  209. margin: 5px;
  210. }
  211.  
  212. .ltitle {
  213. font-family:lucida grande;
  214. font-size:21px;
  215. text-align:center;
  216. text-shadow:1px 1px 3px #969696;
  217. padding-top:10px;
  218. color:#fff;
  219. }
  220.  
  221. .lcont a{
  222. margin-top: 3px;
  223. width:185px;
  224. background-color:#f1f4f9;
  225. padding:2px;
  226. color:#3a5898;
  227. text-transform:uppercase;
  228. display:inline-block;
  229. font-size:8px;
  230. letter-spacing:1px;
  231. font-family:calibri;
  232. border-left:3px solid #3a5898;
  233. }
  234.  
  235. .lcont a:hover{
  236. margin-top: 3px;
  237. width:185px;
  238. background-color:#f1f4f9;
  239. padding:2px;
  240. color:#3a5898;
  241. text-transform:uppercase;
  242. display:inline-block;
  243. letter-spacing:4px;
  244. font-family:calibri;
  245. border-left:3px solid #d8deea;
  246. }
  247.  
  248. /* ------------ ABOUT ME -------------- */
  249.  
  250. #about {
  251. background-color:#f0f0f0;
  252. margin-top:-20px;
  253. margin-left:440px;
  254. height:auto;
  255. width:200px;
  256. padding:2px;
  257. border-top: solid 1px #ccc
  258. }
  259.  
  260. .about{
  261. margin-left:1px;
  262. margin-top:-3px;
  263. font-family:Tahoma;
  264. font-size:10px;
  265. color:#959595;
  266. text-align:justify;
  267. padding:4px;
  268. }
  269.  
  270. /* ------------ CREDIT -------------- */
  271.  
  272. #credit{
  273. font-family:Tahoma;
  274. color:#000;
  275. font-size:11px;
  276. line-height:17px;
  277. padding:3px;
  278. text-align:left;
  279. }
  280.  
  281.  
  282. {CustomCSS}
  283. </style>
  284. </head>
  285. <body>
  286.  
  287. <div id="header"><div id="title"><div class="fb">facebook <img src="http://i41.tinypic.com/2zyjvbt.jpg"/> <img src="http://i40.tinypic.com/dqrvkk.jpg"/> <img src="http://i42.tinypic.com/2qxqiag.jpg"/></div><div class="search"></div><div class="dash"><a href="http://www.tumblr.com/dashboard">Dashboard</a></div></div>
  288.  
  289. <!---------------------------------------------------- PROFILE PICTURE -->
  290. <div id="side"><img src="PROFILE PIC"/>
  291. <!------------------------------------------------ END PROFILE PICTURE -->
  292.  
  293. <div id="wall"><img src="http://media.tumblr.com/057106e15b4810723dba23de1ed442b4/tumblr_inline_mg4qrvyGE81r4iu2l.png"/>Wall</div><div id="photos"><img src="http://media.tumblr.com/b9d21ac0575e1f3839997b1d5f2bc057/tumblr_inline_mg4s5vEYZT1r4iu2l.png"/>Photos</div>
  294.  
  295. <div id="friends">
  296. {block:Following}{block:Followed}
  297. <div id="fri"><a href="{FollowedURL}" title="{FollowedName}">
  298. <img src="{FollowedPortraitURL-24}"></a></div>
  299. {/block:Following}{/block:Followed}</div></div></div>
  300.  
  301. <div id="container">
  302. <div ID="box">
  303.  
  304. <!--------------------------- FACEBOOK SETTINGS/CHANGE THESE SETTINGS -->
  305. <div id="details"><div class="username"><b>Faith Brown</b></div>
  306. <div id="deet">
  307.  
  308. <span class="info_line">Works at <h>Unemployed</h></a>
  309. <span class="info_line">
  310. <img height="13" src="http://static.tumblr.com/imovwvl/kAMld5e9k/uhsudtrsxnp.png" width="11" /> Studies at <h>New York City Academy</h></a>
  311. <span class="info_line">
  312. <img height="13" src="http://static.tumblr.com/imovwvl/XUIld5ea8/sllgifnsvv_.png" width="8" /> Lives in <h>New York, NY</h></a>
  313. <span class="info_line">
  314. <img height="13" src="http://static.tumblr.com/imovwvl/zapld5ear/tyi8ktypwv9.png" width="9" /> In a Relationship with <h>Reese Lexington</h></a>
  315. <span class="info_line">
  316. <img height="13" src="http://static.tumblr.com/imovwvl/ULKld5eba/pntbwsjpwxw.png" width="10" /> Speaks <h>English</h></a>
  317. <span class="info_line">
  318. <img height="13" src="http://static.tumblr.com/imovwvl/ctnld5ebr/splteenyycr.png" width="9" /> Born on <h>May 17th, 1994</h></a>
  319. <span class="info_line">
  320. <img height="13" src="http://static.tumblr.com/imovwvl/poAld5ecf/rmd1vdgalqu.png" width="9" /> From <h>Dallas, TX</h></a>
  321. </div>
  322. <!------------------------ END FACEBOOK SETTINGS/CHANGE THESE SETTINGS -->
  323. <!---------------------------------------------------------- LINKS -->
  324. <!-- START -->
  325. <div class="lcont">
  326. <div class="ltitle"><img src="http://media.tumblr.com/541029181d4aeafffc1e65e19d849f54/tumblr_inline_mg55oqjKUu1r4iu2l.png" /> Title</div>
  327. <a href="/">link 1</a>
  328. <a href="/">link 2</a>
  329. <a href="/">link 3</a>
  330. <a href="/">link 4</a>
  331. <a href="/">link 5</a>
  332. <a href="/">link 6</a>
  333. </div>
  334. <!-- END -->
  335.  
  336. <!-- START -->
  337. <div class="lcont">
  338. <div class="ltitle"><img src="http://media.tumblr.com/541029181d4aeafffc1e65e19d849f54/tumblr_inline_mg55oqjKUu1r4iu2l.png" /> Title</div>
  339. <a href="/">link 1</a>
  340. <a href="/">link 2</a>
  341. <a href="/">link 3</a>
  342. <a href="/">link 4</a>
  343. <a href="/">link 5</a>
  344. <a href="/">link 6</a>
  345. </div>
  346. <!-- END -->
  347.  
  348. <!-- START -->
  349. <div class="lcont">
  350. <div class="ltitle"><img src="http://media.tumblr.com/541029181d4aeafffc1e65e19d849f54/tumblr_inline_mg55oqjKUu1r4iu2l.png" /> Title</div>
  351. <a href="/">link 1</a>
  352. <a href="/">link 2</a>
  353. <a href="/">link 3</a>
  354. <a href="/">link 4</a>
  355. <a href="/">link 5</a>
  356. <a href="/">link 6</a>
  357. </div>
  358. <!-- END -->
  359.  
  360. <!-- START -->
  361. <div class="lcont">
  362. <div class="ltitle"><img src="http://media.tumblr.com/541029181d4aeafffc1e65e19d849f54/tumblr_inline_mg55oqjKUu1r4iu2l.png" /> Title</div>
  363. <a href="/">link 1</a>
  364. <a href="/">link 2</a>
  365. <a href="/">link 3</a>
  366. <a href="/">link 4</a>
  367. <a href="/">link 5</a>
  368. <a href="/">link 6</a>
  369. </div>
  370. <!-- END -->
  371. <!---------------------------------------------------------- END LINKS -->
  372. <!-------------------------------------------------------------- ABOUT -->
  373. <div id="about">
  374. <div style="text-align: center; font-size:13px;"><b>About</b></div>
  375. <div class="about">
  376. text
  377. </div></div></div></div>
  378. <!---------------------------------------------------------- END ABOUT -->
  379.  
  380. <div id="credit""><a href="http://letsrp.tumblr.com/">&copy;</a> For roleplay purposes only.</div>
  381.  
  382. </div>
  383. </div>
  384. </body>
  385. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!