API tools faq
paste
letsrp

Strawberry Bubblegum - Theme Version

letsrp
Apr 2nd, 2013
898
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.52 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. theme by letsrp | tumblr
  5. -->
  6.  
  7. <html>
  8. <head>
  9. <script type='text/javascript' src='http://code.jquery.com/jquery.min.js'></script>
  10. <script type='text/javascript'>
  11. $(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>
  12.  
  13.  
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}" />
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  17. <meta name="description" content="{MetaDescription}" />
  18.  
  19. <!-- DEFAULT VARIABLES -->
  20. <meta name="color:Background" content="#b2b5be"/>
  21. <meta name="color:Posts" content="#ffffff"/>
  22. <meta name="color:Text" content="#534d42"/>
  23. <meta name="color:Links" content="#474747"/>
  24. <meta name="color:Links Hover" content="#5e5e5d"/>
  25. <meta name="color:Border" content="#949aaa"/>
  26. <meta name="color:Side Links BG" content="#f8f8f8"/>
  27. <meta name="color:Scrollbar" content="#4b5677"/>
  28. <meta name="color:Bold" content="#a7aec4"/>
  29. <meta name="color:Phone Accent" content="#ffffff"/>
  30. <meta name="color:Desc Text" content="#31302f"/>
  31. <meta name="color:Side Links BG" content="#949aaa"/>
  32.  
  33. <meta name="image:Sidebar" content=""/>
  34. <meta name="image:Background" content=""/>
  35.  
  36. <meta name="if:ShowLink1" content="1"/>
  37. <meta name="if:ShowLink2" content="1"/>
  38. <meta name="if:ShowLink3" content="1"/>
  39. <meta name="if:ShowLink4" content="1"/>
  40.  
  41. <meta name="text:Link 1 Title" content="home"/>
  42. <meta name="text:Link 1" content="/#" />
  43. <meta name="text:Link 2 Title" content="message" />
  44. <meta name="text:Link 2" content="/#" />
  45. <meta name="text:Link 3 Title" content="archive" />
  46. <meta name="text:Link 3" content="/#" />
  47. <meta name="text:Link 4 Title" content="etc" />
  48. <meta name="text:Link 4" content="/#" />
  49.  
  50.  
  51. <style type="text/css">
  52.  
  53. body{color:{color:Text};background-attachment:fixed; background-color:{color:Background}; background-image: url('{image:Background}'); text-align:justify; font-family:georgia; font-size:9px;
  54. }
  55.  
  56. a {color: {color:Links}; text-decoration:none;}
  57.  
  58. a:hover {
  59. color:{color:Links Hover};
  60. text-decoration:none;
  61. }
  62.  
  63. blockquote {padding-left:3px;margin-bottom:-5px;margin-left:10px;margin-right:10px; border-left:1px dotted {color:Border};}
  64.  
  65. #entries {margin-top:-80px;margin-left:330px; float:left; text-align:justify;height:100%; width:680px;}
  66.  
  67. #posts {position:relative; overflow:hidden;margin-top:0px; margin-bottom:0px; margin-left:65px; padding:25px; text-align:justify; width:500px;background-color:{color:posts}; border:1px solid {color:Border};}
  68.  
  69.  
  70. #audio {margin-bottom:5px; width:500px; height:105px;}
  71. .albumart {width:100px; height:100px; position:absolute;}
  72. .albumart img {width:100px; height:100px; float:left;}
  73. .playercontainer {opacity: .2; display:block; width:100px; height:100px; background-color:#ffffff; position:absolute; z-index:3;}
  74. .playercontainer:hover {opacity:.7; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  75. .player {margin-left:36px; margin-top:36px; width:25px; height:25px; overflow:hidden; background-color:white;}
  76. .audioinfo {margin-left:110px; float:left; background-color:{color:Text}; width:388px; padding:2px; margin-top:3px;}
  77.  
  78.  
  79. #info {display:block; margin:5px 0px 2px 0px; padding:4px 5px 4px 5px; color:{color:Text}; font-size:8px; font-family:calibri; line-height:110%; text-transform:uppercase; width:492px; letter-spacing:1px; text-align:center;}
  80.  
  81. #info a {color:{color:Links};}
  82.  
  83. #info a:hover {color:{color:Links Hover};}
  84.  
  85. #tags {margin-top:0px; margin-right:7px; font-family:calibri; text-align:right; text-transform:lowercase;font-size:9px; opacity:1; -webkit-transition:0.3s linear; outline: none; font-style:italic;}
  86.  
  87.  
  88. #entries:hover #tags{opacity:1; display:block;}
  89.  
  90. #questions {color: {color:Text}; padding:10px;background:{color:Background}; background-image:url('{image:Background}');margin-bottom:0px; font-family:calibri; font-size:11px; font-style:; text-align:center;}
  91. #questions a {color:{color:Links};}
  92. #questions a:hover {color:{color:Links Hover};}
  93.  
  94.  
  95. #title2 {font-size:16px; color:{color:Bold};font-style:nomral; font-family:Lucida Sans Unicode; text-align:center;}
  96.  
  97. #source {margin-top:3px; text-align:right; margin-bottom:5px; font-size:10px;}
  98.  
  99. .chat {line-height: 12px; list-style: none;}
  100. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  101. .person1 {background-color:{color:Background}; color: {color:Text};;}
  102. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Text};}
  103. .person2 {color: {color:Text};}left: 5px; color:{color:Text};}
  104.  
  105.  
  106. blockquote {border-left:3px solid {color:border}; padding:0px; padding-left:5px; margin:5px;}
  107.  
  108.  
  109. .slinks {position:fixed !important;opacity: 1;margin-left: 990px;margin-top: 30px;width: 50px;
  110. -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  111.  
  112. .slinks a{color: {color:Links};width: 200px;margin-bottom: 2px;display: inline-block;text-align:center;text-transform:uppercase;font-size:8px;font-family:Lucida Sans Unicode;letter-spacing:0px;background-color:{color:Side Links BG};padding:4px;}
  113.  
  114. .slinks a:hover{-webkit-transition: all 0.7s ease;
  115. -moz-transition: all 0.7s ease;
  116. -o-transition: all 0.7s ease; opacity:0.4;}
  117.  
  118. ::-webkit-scrollbar {width: 7px; height: 4px; background: {color:Background}; }
  119. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
  120.  
  121. #side {width:205px;height:450px;margin-top:-30px; margin-left:130px;
  122. position:fixed;padding:5px; text-align:left;font-family:arial;font-size:14px;background-image: url('http://media.tumblr.com/e9864c66356a6ef988f4319a6fc9a3c9/tumblr_inline_mkcmspc7MR1qz4rgp.png');}
  123.  
  124.  
  125. #phonepic {width:186px;height:316px;position:fixed;margin-top:53px; margin-left:146px; background-image: url('{image:Sidebar}');}
  126.  
  127. .daddy {display:inline;border-bottom:0px;margin-right:10px;cursor:pointer;}
  128. .tab-content {text-align:justify;padding:5px;display: none; }
  129. #tab1-content { display: block; }
  130. .high {background-color:none;}
  131. #tab-strip {list-style: none outside none;margin-left:95px;margin-top:100px;position:fixed;padding-left:2px;display:block;width:25px;}
  132. #tab-strip a { text-decoration: none; }
  133.  
  134. .yolo {text-align:center;margin-top:-2px;color:#fff;background:{color:Bold}; border-radius:100px;}
  135.  
  136. .ringg {text-align:left;padding-left:5px;margin-top:-2px;height:10px;color:{color:Side Links};background:{color:Bold}; border-radius:100px;}
  137.  
  138. #pagination {color:{color:text}; font-size:21px; font-family:georgia; text-decoration:none; text-align:center; padding:3px; letter-spacing:3px; text-transform: lowercase; margin-top:100px; margin-left:830px;}
  139.  
  140. #pagination a{color:{color:Links};padding:2px;}
  141.  
  142. </style>
  143.  
  144. {CustomCSS}
  145.  
  146. </style>
  147. </head>
  148. <body><center>
  149.  
  150.  
  151.  
  152. <div class="slinks">
  153.  
  154. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:IfShowLink1}
  155. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:IfShowLink2}
  156. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:IfShowLink3}
  157. {block:IfShowLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:IfShowLink4}
  158. <a href="http://letsrp.tumblr.com/">credit</a></div>
  159.  
  160. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{block:Pagination}
  161. {/block:Pagination}</div></div>
  162.  
  163.  
  164.  
  165. </div></div></div></div>
  166.  
  167.  
  168.  
  169. <div id='tab-strip'>
  170. <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>
  171. <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>
  172. <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>
  173. <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>
  174. <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>
  175.  
  176.  
  177. <div id="side"><center>
  178.  
  179.  
  180.  
  181. </div>
  182. <div id="phonepic">
  183. <table cellspacing="0" cellpadding="0" style="width:176px; height:400px;">
  184. <td style="width:177px;" valign="top">
  185.  
  186. <!-- VOICEMAIL SECTION -->
  187. <div id='tab1-content' class='tab-content'>
  188. <div style="width:155px; height:40px;color:{color:Desc Text};margin-top:250px;margin-left:7px;overflow:auto; font-size:9px;line-height:8px;font-family:georgia;padding:2px; background:{color:Phone Accent}; opacity:0.9;">{Description}
  189. </div></div></div>
  190.  
  191.  
  192. <!-- CONTACTS SECTION -->
  193. <div id='tab2-content' class='tab-content'>
  194. <img src="http://media.tumblr.com/181a339e6c0076710afa21acf9a4b7a9/tumblr_inline_mkeglkzIL31qz4rgp.png"style="width:186px; margin-left:-5px; margin-top:-5px;" />
  195. <div style="width:182px; height:291px;color:{color:Desc Text};margin-top:-6px;margin-left:-5px;overflow:auto; font-size:9px;font-family:Avqest;padding:2px; background:{color:Phone Accent}; opacity:0.9;">
  196.  
  197.  
  198. <!-- ADD A CONTACT -->
  199. <table><tr><td><img src="IMGURL" width="50" height="50"></td><td style="width: 186px; font-family: georgia; font-size: 8px; text-align:left;border-bottom: 1px solid {color:Border};">
  200. Contact Name<br>
  201. "song" - artist <br>
  202. <h><a href="/#"> text messages </a></h>
  203. </tr></table>
  204.  
  205. <!-- ADD A CONTACT -->
  206. <table><tr><td><img src="IMGURL" width="50" height="50"></td><td style="width: 186px; font-family: georgia; font-size: 8px; text-align:left;border-bottom: 1px solid {color:Border};">
  207. Contact Name<br>
  208. "song" - artist <br>
  209. <h><a href="/#"> text messages </a></h>
  210. </tr></table>
  211.  
  212. <!-- ADD A CONTACT -->
  213. <table><tr><td><img src="IMGURL" width="50" height="50"></td><td style="width: 186px; font-family: georgia; font-size: 8px; text-align:left;border-bottom: 1px solid {color:Border};">
  214. Contact Name<br>
  215. "song" - artist <br>
  216. <h><a href="/#"> text messages </a></h>
  217. </tr></table>
  218.  
  219.  
  220.  
  221. </div></div></div>
  222. <div id='tab3-content' class='tab-content'>
  223.  
  224.  
  225.  
  226. <!-- TWITTER SECTION -->
  227. <img src="http://media.tumblr.com/47fe4f3bbcbcc069ffed8687fec51194/tumblr_inline_mkeisz86wL1qz4rgp.png"style="width:186px; margin-left:-5px; margin-top:-5px;" />
  228. <div style="width:182px; height:283px;color:{color:Desc Text};margin-top:-6px;margin-left:-5px;font-size:9px;font-family:Avqest;padding:2px; background:{color:Phone Accent}; opacity:0.9;">
  229. <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>
  230. <br>
  231.  
  232.  
  233. <!-- ADD A TWEET -->
  234. <table><tr><td><td style="color:#4c4c4c;width: 180px; font-family: Georgia; font-size: 10px; text-align:left;border-bottom: 1px solid #ddd;">
  235. <big><b>Name</b></big>
  236. <small><i>@username</i></small><br>
  237. tweet
  238. </tr></table>
  239.  
  240. <!-- ADD A TWEET -->
  241. <table><tr><td><td style="color:#4c4c4c;width: 180px; font-family: Georgia; font-size: 10px; text-align:left;border-bottom: 1px solid #ddd;">
  242. <big><b>Name</b></big>
  243. <small><i>@username</i></small><br>
  244. tweet
  245. </tr></table>
  246.  
  247. <!-- ADD A TWEET -->
  248. <table><tr><td><td style="color:#4c4c4c;width: 180px; font-family: Georgia; font-size: 10px; text-align:left;border-bottom: 1px solid #ddd;">
  249. <big><b>Name</b></big>
  250. <small><i>@username</i></small><br>
  251. tweet
  252. </tr></table>
  253.  
  254. <center><br>
  255. <h><a href"/tagged/tweet">LOAD MORE TWEETS...</a></h>
  256. </div></div>
  257.  
  258.  
  259.  
  260. <!-- PICTURE ALBUMS SECTION -->
  261. <div id='tab4-content' class='tab-content'>
  262. <div style="width:182px; height:315px;color:{color:Desc Text};margin-top:-6px;margin-left:-5px;overflow:auto; font-size:9px;font-family:Avqest;padding:2px; background:{color:Phone Accent};opacity:0.9;">
  263. <center><table width=170">
  264. <tr valign=top>
  265. <td width=50% style="padding: 15 25;">
  266.  
  267.  
  268. <!-- ADD AN ALBUM -->
  269. <img src="http://media.tumblr.com/2469e88ba2ba956df54d539daabc22fb/tumblr_inline_mkfujxEIqP1qz4rgp.png" />
  270. <div class="yolo"><a href="/tagged/pic:paige">me</div>
  271.  
  272. <!-- ADD AN ALBUM -->
  273. <img src="http://media.tumblr.com/2469e88ba2ba956df54d539daabc22fb/tumblr_inline_mkfujxEIqP1qz4rgp.png" />
  274. <div class="yolo"><a href="/tagged/pic:fam">family</div>
  275.  
  276.  
  277. </td><td width=50% style="padding: 15 25;">
  278.  
  279. <!-- ADD AN ALBUM -->
  280. <img src="http://media.tumblr.com/2469e88ba2ba956df54d539daabc22fb/tumblr_inline_mkfujxEIqP1qz4rgp.png" />
  281. <div class="yolo"><a href="/tagged/pic:friends">friends</div>
  282.  
  283. <!-- ADD AN ALBUM -->
  284. <img src="http://media.tumblr.com/2469e88ba2ba956df54d539daabc22fb/tumblr_inline_mkfujxEIqP1qz4rgp.png" />
  285. <div class="yolo"><a href="/tagged/pic:other">other</div>
  286.  
  287. </td></tr></table></li></div></div>
  288.  
  289.  
  290. <!-- RINGTONES SECTION -->
  291. <div id='tab5-content' class='tab-content'>
  292. <div style="width:182px; height:314px;color:{color:Desc Text};margin-top:-6px;margin-left:-5px;overflow:auto; font-size:9px;line-height:11px;font-family:georgia;padding:2px; background:{color:Phone Accent}; opacity:0.9;"><center><br><big><big>Ringtones:</big></big></center>
  293. <br>
  294.  
  295. <div class="ringg">calls: song - artist </div><br>
  296. <div class="ringg">texts: song - artist </div><br>
  297. <div class="ringg">voicemail: song - artist </div><br>
  298. <div class="ringg">pic mssg: song - artist </div><br>
  299.  
  300. </div></div></td></tr></table></div></div></div>
  301. </div></div></div>
  302. <div id="entries">
  303.  
  304.  
  305. {block:Posts}
  306. <br>
  307. <div id="posts">
  308. {block:Title}<div id="title2">{Title}</div>{/block:Title}
  309. {block:Text}{Body}{/block:Text}
  310.  
  311. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  312.  
  313. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  314.  
  315. {block:Quote}<div id="title2">"{Quote}"</div>
  316. {block:Source}<div id="source">— {Source}</div>{/block:Source}{/block:Quote}
  317.  
  318. {block:Link}<div id="title2"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  319. {block:Description}{Description}{/block:Description}
  320. {/block:Link}
  321.  
  322. {block:Chat}<div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  323.  
  324. {block:Audio}<div id="_">{block:AlbumArt}<img src="{AlbumArtURL}" width="170px" height="170px" align="left" style="margin-right:10px" />{/block:AlbumArt}{AudioPlayerBlack}<br>
  325. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  326. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  327. {block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">click here</a><br />{/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  328. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div> {/block:Audio}
  329.  
  330. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  331.  
  332. {block:Answer}<div id="questions"><em></em><b>{asker}</b> asked: {Question} <br /></div>
  333. {Answer}{/block:answer}
  334.  
  335. {block:Date}<div id="info"><a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:RebloggedFrom} / <a href="{ReblogParentURL}" title="{ReblogParentTitle}"><small><small>@</small></small></a> / {block:ContentSource} <a href="{SourceURL}">©</a>{/block:ContentSource}{/block:RebloggedFrom}{block:NoteCount}
  336. / <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  337. {block:HasTags}<div id="tags">{block:Tags} <b>#</b><a href="{TagURL}">{Tag}</u></i></a>{/block:Tags}</div>{/block:HasTags}</div><br>
  338.  
  339. {/block:posts}
  340.  
  341. {block:PostNotes}{PostNotes}{/block:PostNotes}
  342. </div>
  343.  
  344. </div>
  345. </div></div>
  346. </div>
  347.  
  348. </body>
  349. </html>
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!