API tools faq
paste
Advertisement
letsrp

Strawberry Bubblegum - About Me

letsrp
Mar 29th, 2013
2,302
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.33 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. <!--
  4. Code by letsrp | tumblr
  5. About Me: Strawberry Bubblegum
  6. -->
  7.  
  8. <html>
  9. <head>
  10. <script type='text/javascript' src='http://code.jquery.com/jquery.min.js'></script>
  11. <script type='text/javascript'>
  12. $(function(){ function selectTab(tab){ var i=1; while($('#tab'+i).length){ if(tab.attr('id')!=='tab'+i){ $('#tab'+i).removeClass('high'); $('#tab'+i+'-content').hide(); } else { tab.addClass('high'); $('#tab'+i+'-content').show(); } i++; }} $('#tab1').addClass('high'); $('.daddy').each(function(){ $(this).click(function(){ selectTab($(this)); });});});</script>
  13.  
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}" />
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  18. <link href='http://fonts.googleapis.com/css?family=Questrial' rel='stylesheet' type='text/css'>
  19. <style type="text/css">
  20.  
  21. ::-webkit-scrollbar-thumb{
  22. background-color: #eda09c; /*change scrollbar color*/
  23. }
  24.  
  25. ::-webkit-scrollbar{
  26. width:4px;
  27. height: 4px;
  28. background: #fff; /*change scrollbar bg color*/
  29. }
  30.  
  31.  
  32. h {
  33. background:#eda09c; /*pink highlighter color*/
  34. -webkit-border-radius: 5px;
  35. -moz-border-radius: 5px;
  36. border-radius: 5px;
  37. }
  38.  
  39. b, strong {
  40. color: #e08986; /*pink bold color*/
  41. }
  42.  
  43. i, em {
  44. font: italic 11px;
  45. }
  46.  
  47. blockquote {
  48. padding:2px;
  49. margin-top:0px;
  50. margin-bottom:0px;
  51. margin-left:10px;
  52. margin-right:10px;
  53. background-color:#f5f5f5; /*blockquote bg color*/
  54. border:1px dotted #e08986;/*blockquote border color*/
  55. }
  56.  
  57. body{
  58. color:#424242; /*change text color*/
  59. background-attachment:fixed;
  60. background-color:#fff;
  61. background-image: url('http://24.media.tumblr.com/d5c8f9c364ba31faf2b01e22eaa0ed29/tumblr_mih5stth6e1r24l6ro1_250.png'); /*change bg image*/
  62. text-align:justify;
  63. }
  64.  
  65. a{
  66. color:#fff; /*change color of links*/
  67. font-size:9.5px;
  68. text-transform:lowercase;
  69. font-family:'Questrial';
  70. padding:3px;
  71. text-decoration:none;
  72. }
  73.  
  74. a:hover{
  75. color:#000; /*change hover color of links*/
  76. }
  77.  
  78.  
  79. #side {
  80. width:205px;
  81. height:450px;
  82. margin-top:-270px;
  83. margin-left:-500px;
  84. padding:5px;
  85. text-align:left;
  86. font-family:arial;
  87. font-size:14px;
  88. background-image: url('http://media.tumblr.com/e9864c66356a6ef988f4319a6fc9a3c9/tumblr_inline_mkcmspc7MR1qz4rgp.png');/*don't touch this*/
  89. }
  90.  
  91.  
  92. #phonepic {
  93. width:186px;
  94. height:316px;
  95. margin-top:-377px;
  96. margin-left:-496px;
  97. background-image: url('IMAGEURL');/*iphone screensaver img*/
  98. }
  99.  
  100.  
  101. .daddy {
  102. display:inline;
  103. border-bottom:0px;
  104. margin-right:10px;
  105. cursor:pointer;
  106. }
  107.  
  108. .tab-content {
  109. text-align:justify;
  110. padding:5px;
  111. display: none; /* do not remove this */
  112. }
  113.  
  114. #tab1-content {
  115. display: block;
  116. } /* do not remove this */
  117.  
  118. .high {
  119. background-color:none;
  120. }
  121.  
  122. #tab-strip {
  123. list-style: none outside none;
  124. margin-right:760px;
  125. margin-top:200px;
  126. padding-left:2px;
  127. display:block;
  128. color:#fff; /* change white roman numerals */
  129. width:25px;
  130. }
  131.  
  132. #tab-strip a {
  133. text-decoration: none;
  134. }
  135.  
  136. .yolo {
  137. text-align:center;
  138. margin-top:-2px;
  139. color:#000;
  140. background:#eda09c; /* change pink pic album headers */
  141. border-radius:100px;
  142. }
  143.  
  144. .ringg {
  145. text-align:left;
  146. padding-left:5px;
  147. margin-top:-2px;
  148. height:10px;
  149. color:#000;
  150. background:#eda09c; /* change pink ringtone bg */
  151. border-radius:100px;
  152. }
  153.  
  154. #name {
  155. background-color:#fff; /* name bg color */
  156. width:280px;
  157. color:#bbb;
  158. height:20px;
  159. margin-top:-380px;
  160. margin-left:60px;
  161. padding:10px;
  162. text-align:right;
  163. font-family:georgia;
  164. text-transform:uppercase;
  165. line-height:27px;
  166. font-size:13px;
  167. border-top-left-radius:20px;
  168. border-bottom-left-radius:20px;
  169. }
  170.  
  171. #about {
  172. background-color:#fff; /* about bg color */
  173. width:240px;
  174. height:300px;
  175. margin-top:0px;
  176. margin-left:100px;
  177. padding-left:10px;
  178. padding-right:10px;
  179. padding-bottom:10px;
  180. text-align:justify;
  181. font-family:georgia;
  182. text-transform:none;
  183. line-height:9px;
  184. font-size:9px;
  185. overflow:auto;
  186. border-bottom-left-radius:20px;
  187. }
  188.  
  189. #sidepic {
  190. background-color:#fff;
  191. width:170px;
  192. height:350px;
  193. margin-top:-350px;
  194. margin-left:529px;
  195. background-image: url('IMAGEURL'); /* sidebar image */
  196. }
  197.  
  198. #q {
  199. width:410px;
  200. height:50px;
  201. margin-top:-5px;
  202. margin-left:271px;
  203. padding:10px;
  204. text-align:center;
  205. font-family:sunshine;
  206. color:#fff; /* quote text color */
  207. font-size:18px;
  208. text-transform:none;
  209. line-height:24px;
  210. text-shadow: 1px 1px 4px #000;
  211. }
  212.  
  213. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  214. @font-face { font-family: "Amelie"; src: url ('http://static.tumblr.com/pwgdr2n/BrEm3j3p3/amelie.ttf'); }
  215.  
  216. .ugh {
  217. opacity: 0;
  218. width: 170px;
  219. height: 350px;
  220. -webkit-transition: all 1s ease-out;
  221. -moz-transition: all 1s ease-out; transition: all 1s ease-out;
  222. }
  223.  
  224. .ugh:hover {
  225. opacity: 1.0;
  226. width: 170px;
  227. height: 350px;
  228. -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; transition: all 1s ease-out;
  229. }
  230.  
  231.  
  232. {CustomCSS}
  233. </style>
  234. </head>
  235. <body>
  236. <center>
  237.  
  238.  
  239. <div id='tab-strip'>
  240. <span class="info_line"><li id='tab1' class='daddy'><img src="http://media.tumblr.com/f9091e205691e414c5ab1a1dba1123ed/tumblr_inline_mkedpdKiIB1qz4rgp.png"style="width:25px; margin-left:-1px; margin-top:1px;"></li> <br>
  241. <span class="info_line"><li id='tab2' class='daddy'><img src="http://media.tumblr.com/7b6c396c04c8b0259459fdae7ef02ab7/tumblr_inline_mkedp2iXEE1qz4rgp.png" style="width:25px; margin-left:-1px; margin-top:1px;"></li> <br>
  242. <span class="info_line"><li id='tab3' class='daddy'><img src="http://media.tumblr.com/03659c701b39bce64a54281c436e6cf0/tumblr_inline_mkek8nnS0g1qz4rgp.png" style="width:25px; margin-left:-1px; margin-top:1px;"></li> <br>
  243. <span class="info_line"><li id='tab4' class='daddy'><img src="http://media.tumblr.com/1272ca9eb66c87a6c496cdb6734809d7/tumblr_inline_mkedoxhvJj1qz4rgp.png" style="width:25px; margin-left:-1px; margin-top:1px;"></li> <br>
  244. <span class="info_line"><li id='tab5' class='daddy'><img src="http://media.tumblr.com/b4dede741570265cc74b71b7979ef556/tumblr_inline_mkedp9c9801qz4rgp.png" style="width:25px;margin-top:1px;margin-left:-1px;"></li><br> </div></div></div></div>
  245.  
  246.  
  247. <div id="side"><center>
  248.  
  249.  
  250.  
  251.  
  252.  
  253.  
  254. </div>
  255. <div id="phonepic">
  256. <table cellspacing="0" cellpadding="0" style="width:176px; height:400px;">
  257. <td style="width:177px;" valign="top">
  258.  
  259. <!-- VOICEMAIL SECTION -->
  260. <div id='tab1-content' class='tab-content'>
  261. <div style="width:155px; height:40px;color:#000;margin-top:250px;margin-left:7px;overflow:auto; font-size:9px;line-height:8px;font-family:georgia;padding:2px; background:#fff; opacity:0.9;">
  262.  
  263. VOICEMAIL GOES HERE.
  264.  
  265. </div></div></div>
  266.  
  267.  
  268. <!-- CONTACTS SECTION -->
  269. <div id='tab2-content' class='tab-content'>
  270. <img src="http://media.tumblr.com/181a339e6c0076710afa21acf9a4b7a9/tumblr_inline_mkeglkzIL31qz4rgp.png"style="width:186px; margin-left:-5px; margin-top:-5px;" />
  271. <div style="width:182px; height:287px;color:#000;margin-top:-6px;margin-left:-5px;overflow:auto; font-size:9px;font-family:Avqest;padding:2px; background:#fff; opacity:0.9;">
  272.  
  273.  
  274.  
  275. <!-- ADD A CONTACT -->
  276. <table><tr><td><img src="IMAGEURL" width="50" height="50"></td><td style="width: 186px; font-family: georgia; font-size: 8px; text-align:left;border-bottom: 1px solid #ddd;">
  277. CONTACT NAME <br>
  278. "SONG" - ARTIST <br>
  279. <h><a href="/#"> text messages </a></h>
  280. </tr></table>
  281.  
  282.  
  283.  
  284.  
  285.  
  286.  
  287. </div></div></div>
  288. <div id='tab3-content' class='tab-content'>
  289.  
  290.  
  291.  
  292. <!-- TWITTER SECTION -->
  293. <img src="http://media.tumblr.com/47fe4f3bbcbcc069ffed8687fec51194/tumblr_inline_mkeisz86wL1qz4rgp.png"style="width:186px; margin-left:-5px; margin-top:-5px;" />
  294. <div style="width:182px; height:279px;color:#000;margin-top:-6px;margin-left:-5px;font-size:9px;font-family:Avqest;padding:2px; background:#fff; opacity:0.9;">
  295. <div style="width:160px; height:15px;color:#c1c1c1;margin-top:7px;margin-left:7px; border-radius:20px;font-size:11px;font-family:Arial;padding:2px; border:1px solid #c1c1c1; line-height:16px;"> What are you doing?</div>
  296. <br>
  297.  
  298. <!-- ADD A TWEET -->
  299. <table><tr><td><td style="color:#4c4c4c;width: 180px; font-family: Georgia; font-size: 10px; text-align:left;border-bottom: 1px solid #ddd;">
  300. <big><b>FIRST LAST NAME</b></big>
  301. <small><i>@TWITTERUSERNAME</i></small><br>
  302. TWEET
  303. </tr></table>
  304.  
  305.  
  306.  
  307.  
  308.  
  309. <center><br>
  310. <h><a href"/tagged/tweet">LOAD MORE TWEETS...</a></h>
  311. </div></div>
  312.  
  313.  
  314.  
  315. <!-- PICTURE ALBUMS SECTION -->
  316. <div id='tab4-content' class='tab-content'>
  317. <div style="width:182px; height:313px;color:#000;margin-top:-6px;margin-left:-5px;overflow:auto; font-size:9px;font-family:Avqest;padding:2px; background:#fff; opacity:0.9;">
  318. <center><table width=170">
  319. <tr valign=top>
  320. <td width=50% style="padding: 15 25;">
  321.  
  322.  
  323. <!-- ADD AN ALBUM -->
  324. <img src="http://media.tumblr.com/2469e88ba2ba956df54d539daabc22fb/tumblr_inline_mkfujxEIqP1qz4rgp.png" />
  325. <div class="yolo"><a href="/#">paige</div>
  326.  
  327. <!-- ADD AN ALBUM -->
  328. <img src="http://media.tumblr.com/2469e88ba2ba956df54d539daabc22fb/tumblr_inline_mkfujxEIqP1qz4rgp.png" />
  329. <div class="yolo"><a href="/#">family</div>
  330.  
  331.  
  332. </td><td width=50% style="padding: 15 25;">
  333.  
  334. <!-- ADD AN ALBUM -->
  335. <img src="http://media.tumblr.com/2469e88ba2ba956df54d539daabc22fb/tumblr_inline_mkfujxEIqP1qz4rgp.png" />
  336. <div class="yolo"><a href="/#">friends</div>
  337.  
  338. <!-- ADD AN ALBUM -->
  339. <img src="http://media.tumblr.com/2469e88ba2ba956df54d539daabc22fb/tumblr_inline_mkfujxEIqP1qz4rgp.png" />
  340. <div class="yolo"><a href="/#">other</div>
  341.  
  342. </td></tr></table></li></div></div>
  343.  
  344.  
  345. <!-- RINGTONES SECTION -->
  346. <div id='tab5-content' class='tab-content'>
  347. <div style="width:182px; height:313px;color:#000;margin-top:-6px;margin-left:-5px;overflow:auto; font-size:9px;line-height:11px;font-family:georgia;padding:2px; background:#fff; opacity:0.9;"><center><br><big><big>Ringtones:</big></big></center>
  348. <br>
  349.  
  350. <div class="ringg">calls: SONG - ARTIST </div><br>
  351. <div class="ringg">texts: SONG - ARTIST </div><br>
  352. <div class="ringg">voicemail: SONG - ARTIST </div><br>
  353. <div class="ringg">pic mssg: SONG - ARTIST </div><br>
  354.  
  355. </div></div></td></tr></table></div></div>
  356.  
  357.  
  358.  
  359.  
  360.  
  361.  
  362.  
  363.  
  364.  
  365. <!-- BIO SECTION -->
  366. <div id="name"> <b>NAME GOES HERE.</b> AGE. OCCUPATION
  367. </div>
  368.  
  369. <div id="about">
  370. Bio
  371.  
  372. <blockquote>
  373. <b> bold </b> <br>
  374. <small> small </small> <br>
  375. <big> big </big> <br>
  376. <h> highlight </h> <br>
  377. <i> italic </i> <br>
  378. <u> underline </u> <br>
  379. <s> strike </s> <br>
  380. </blockquote>
  381.  
  382. </div></div>
  383. <div id="sidepic">
  384. <div class="ugh" style="margin-top: 0px; width: 165px; height: 350px; background-color: #fff; padding-left:5px;text-align: left; font-family: 'amelie'; font-size: 12px; line-height: 10px; color: #000; text-transform: lowercase;"><br>
  385.  
  386. <b>• Nicknames:</b> text <br>
  387. <b>• Age:</b> text <br>
  388. <b>• Date of birth:</b> text <br>
  389. <b>• Place of birth:</b> text <br>
  390. <b>• Occupation:</b> text <br>
  391. <b>• Residence:</b> text <br>
  392. <b>• hair color:</b> text <br>
  393. <b>• eye color:</b> text <br>
  394. <b>• weight:</b> text <br>
  395. <b>• height:</b> text <br>
  396. <b>• relationship status:</b> text <br>
  397. <b>• fears:</b> text <br>
  398. <b>• likes:</b> text <br>
  399. <b>• dislikes:</b> text <br>
  400.  
  401.  
  402.  
  403. </div></div>
  404. <div id="q">You're on a different road I'm in the milky way. You want me down on earth, but I'm up in space.
  405.  
  406.  
  407. </div>
  408. </div>
  409. </div>
  410. </body>
  411. <div style="position:fixed; bottom:3px; right:5px;font-family:arial; font-size:9px;"><h><a href="http://letsrp.tumblr.com">©</h></a>
  412. </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!