API tools faq
paste
cindie

Bubble Pop

cindie
Jul 8th, 2011
4,321
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.45 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <!--
  5.  
  6. "Bubble Pop" THEMED BY CINDIE.TUMBLR.COM
  7. Please do not remove this credit!
  8. Thanks for using my public theme, enjoy!
  9.  
  10. -->
  11.  
  12.  
  13. <head>
  14.  
  15. <!-- Default Colors -->
  16. <META name="image:Background" content="">
  17. <META name="image:Sidebar" content="http://28.media.tumblr.com/tumblr_lm4p2xmk0I1qa6im7o1_500.gif"/>
  18. <META name="text:Sidebar Image Height" content="100px"/>
  19. <META name="if:Show Sidebar Image" content="0"/>
  20. <META name="if:Show Menu" content="1"/>
  21. <META name="if:Show Title Description" content="1"/>
  22. <META name="if:Show Border" content="1"/>
  23. <META name="color:Background" content="#f9f9f9">
  24. <META name="color:Sidebar Background" content="">
  25. <META name="color:Tables" content="#ffffff">
  26. <META name="color:Notes" content="#ffffff">
  27. <META name="color:Font" content="#666666">
  28. <META name="color:Link" content="#666666">
  29. <META name="color:Link hover" content="#000000">
  30. <META name="color:Borders" content="#ebebeb">
  31. <META name="color:Nav font" content="#dddddd">
  32. <META name="color:Nav hover" content="#909090">
  33. <META name="color:Nav background" content="#f9f9f9">
  34. <META name="color:Nav hover background" content="#f9f9f9">
  35. <META name="text:Custom Link One" content=""/>
  36. <META name="text:Custom Link One URL" content=""/>
  37. <META name="text:Custom Link Two" content=""/>
  38. <META name="text:Custom Link Two URL" content=""/>
  39. <META name="text:Custom Link Three" content=""/>
  40. <META name="text:Custom Link Three URL" content=""/>
  41. <!-- End Default Colors -->
  42.  
  43.  
  44. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  45. <script type="text/javascript">
  46. $(document).ready(function(){
  47. $(".links_body").hide();
  48. $(".links_head").click(function(){
  49. $(this).next(".links_body").slideToggle('fast');
  50. }); }); </script>
  51. <style type="text/css">
  52. .links_list { margin-top:3px;}
  53. .links_head { display: inline;
  54. background:#;
  55. color: {color:Nav font};
  56. font-family: consolas;
  57. font-size:11pt;
  58. text-align: center;
  59. cursor: crosshair;
  60. -moz-border-radius: 10px 30px;
  61. border-radius: 10px 30px / 15px 25px;
  62. -webkit-transition: all 0.3s ease-out;
  63. -moz-transition: all 0.3s ease-out;
  64. transition: all 0.3s ease-out;cursor:
  65. }
  66. .links_head:hover {
  67. color:{color:Nav hover};
  68. -webkit-transition: all 0.3s ease-out;
  69. -moz-transition: all 0.3s ease-out;
  70. transition: all 0.3s ease-out;cursor:
  71. }
  72. .links_body {
  73. background-color:{color:Tables};
  74. padding:7px;
  75. text-align:left;
  76. color: {color:font};
  77. -moz-border-radius: 20px 50px;
  78. border-radius: 60px 0px 60px 0px;
  79. display:none;}
  80. </style>
  81.  
  82. <link rel="stylesheet" href="http://static.tumblr.com/20pvjfl/5xklkh0ia/fonts.css" />
  83.  
  84. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  85. <meta name="description" content="{MetaDescription}" />
  86.  
  87. <title>{title}</title>
  88. <pnk rel="shortcut icon" href="{Favicon}">
  89. <pnk rel="alternate" type="application/rss+xml" href="{RSS}">
  90.  
  91. <style type="text/css">
  92. body {
  93. background-color: {color:Background};
  94. background-image: url({image:Background});
  95. background-position:center center;
  96. background-repeat: repeat;
  97. background-attachment:fixed;
  98. color:{color:font};
  99. cursor: url(""), default;
  100. text-align:justify;
  101. margin: 0px;
  102. padding: 0px;
  103. font-family:consolas;
  104. text-transform:;
  105. font-size:11px;
  106. }
  107.  
  108. a:link, a:visited, a:active {
  109. color: {color:Link};
  110. cursor: default;
  111. text-decoration:none;
  112. transition-duration: 0.50s;
  113. -moz-transition-duration: 0.50s;
  114. -webkit-transition-duration: 0.50s;
  115. -o-transition-duration: 0.50s;
  116. }
  117.  
  118. a:hover {
  119. color: {color:link hover};
  120. cursor: crosshair;
  121. text-decoration:none;
  122. }
  123.  
  124. li {
  125. text-align:left;
  126. }
  127.  
  128. br{
  129. padding:1px;
  130. margin:1px;
  131. }
  132.  
  133. a.menu {
  134. display: block;
  135. background: {color:Nav background};
  136. color: {color:Nav font};
  137. font-family: consolas;
  138. font-size:11px;
  139. letter-spacing:1px;
  140. width: 180px;
  141. padding: 0px 6px 0 7px;
  142. margin: 1px;
  143. text-align: left;
  144. cursor: crosshair;
  145. border-left:4px solid {color:Borders};
  146. -webkit-transition: all 0.3s ease-out;
  147. -moz-transition: all 0.3s ease-out;
  148. transition: all 0.3s ease-out;cursor:
  149. -moz-border-radius: 10px 30px;
  150. border-radius: 10px 30px / 15px 25px;
  151. }
  152.  
  153. a.menu:hover {
  154. color:{color:Nav hover};
  155. background: {color:Nav hover background};
  156. border-left:8px solid;
  157. padding-right:20px;
  158. -webkit-transition: all 0.3s ease-out;
  159. -moz-transition: all 0.3s ease-out;
  160. transition: all 0.3s ease-out;cursor:
  161. }
  162.  
  163. img {
  164. border: 0px solid {color:Borders};
  165. padding: 3px;
  166. filter: alpha (opacity=100);
  167. opacity: 1.0;
  168. -moz-border-radius: 10px 30px;
  169. border-radius: 10px 30px / 15px 25px;
  170. }
  171.  
  172. img:hover {
  173. filter: alpha (opacity=80);
  174. opacity: 0.80;
  175. }
  176.  
  177. #top{
  178. margin:0 auto;
  179. width:400px;
  180. margin-left:380px;
  181. margin-top:5px;
  182. padding-top:2px;
  183. background-color:#;
  184. border-bottom: 1px dashed #eee;
  185. }
  186.  
  187. #sidebar {
  188. margin:0 auto;
  189. margin-top:120px;
  190. margin-left:800px;
  191. padding:5px;
  192. position:fixed;
  193. width:200px;
  194. text-align: left;
  195. background-color:{color:Sidebar Background};
  196. }
  197.  
  198. .menu1 {
  199. padding-top:2px;
  200. -moz-border-radius: 10px 30px;
  201. border-radius: 10px 30px / 15px 25px;
  202. }
  203.  
  204. .name1{
  205. margin-top:4px;
  206. }
  207.  
  208. .imgg {
  209. text-align:left;
  210. margin-top:4px;
  211. }
  212.  
  213. img.floatLeft {
  214. float: left;
  215. margin: 4px;
  216. }
  217.  
  218. .pagess {
  219. margin-top:0px;
  220. margin-left:0px;
  221. text-align:left;
  222. }
  223.  
  224. .pagess a{
  225. color:{color:Nav font};
  226. font-size:40px;
  227. transition-duration: 0.50s;
  228. -moz-transition-duration: 0.50s;
  229. -webkit-transition-duration: 0.50s;
  230. -o-transition-duration: 0.50s;
  231. }
  232.  
  233. .pagess a:hover {
  234. color:{color:Nav hover};
  235. }
  236.  
  237. #content {
  238. margin:0 auto;
  239. margin-top:0px;
  240. margin-left:375px;
  241. margin-bottom:5px;
  242. padding:10px;
  243. width: 400px;
  244. position: relative;
  245. text-align: center;
  246. background-color: transparent;
  247. {block:IfShowBorder}border-left:10px solid {color:Borders};{/block:IfShowBorder}
  248. overflow: auto;
  249. }
  250.  
  251. #post {
  252. background-color:{color:Tables};
  253. text-align: center;
  254. padding:1px;
  255. margin-top:0px;
  256. }
  257.  
  258. blockquote{
  259. border-left: 5px solid {color:Borders};
  260. padding:1px; padding-left: 5px; margin: 0px;
  261. }
  262.  
  263. #entry{
  264. background-color:{color:Tables};
  265. padding:4px;
  266. margin-bottom:3px;
  267. }
  268.  
  269. #entry img {
  270. max-width: 380px;
  271. }
  272.  
  273. #ask img {
  274. width:40px;
  275. padding-right:10px;
  276. }
  277.  
  278. ol.notes {
  279. padding: 0px;
  280. margin: 2px 0px;
  281. list-style-type: none;
  282. background-color:{color:Tables};
  283. border-bottom: solid 1px {color:Borders};
  284. text-align:left;
  285. }
  286.  
  287. ol.notes li.note {
  288. border-top: solid 1px {color:Borders};
  289. padding: 2px;
  290. }
  291.  
  292. ol.notes li.note img.avatar {
  293. vertical-align: -4px;
  294. margin-right: 5px;
  295. width: 10px;
  296. height: 10px;
  297. }
  298.  
  299. ol.notes li.note span.action {
  300. font-weight: bold;
  301. }
  302.  
  303. ol.notes li.note .answer_content {
  304. font-weight: normal;
  305. }
  306.  
  307. ol.notes li.note blockquote {
  308. border-color: {color:Borders};
  309. padding: 4px 4px;
  310. margin: 2px 0px 0px 5px;
  311. }
  312.  
  313. ol.notes li.note blockquote a {
  314. text-decoration: none;
  315. }
  316.  
  317. .jump_page{
  318. color:#fff;
  319. padding:3px 5px 3px 5px;
  320. margin:1px;
  321. }
  322.  
  323. a.jump_page:hover {
  324. text-decoration:none;
  325. }
  326.  
  327. .current_page{
  328. color:#000;
  329. font-weight:bold;
  330. padding:3px 5px 3px 5px;
  331. margin:1px;
  332. }
  333.  
  334. #footer {
  335. margin-left: auto;
  336. margin-right: auto;
  337. clear: both;
  338. position: relative;
  339. width: 100%;
  340. height: 25px;
  341. background-color:{color:Tables};
  342. padding-top:10px;
  343. text-align:center;
  344. }
  345.  
  346. .fleft {
  347. float: left;
  348. margin-left:10px;
  349. letter-spacing:-1px;
  350. }
  351.  
  352. .fright {
  353. float: right;
  354. margin-right:10px;
  355. letter-spacing:-1px;
  356. }
  357.  
  358. {CustomCSS}
  359. </style>
  360. </head>
  361.  
  362. <body>
  363. <div id="sidebar">
  364.  
  365. <div class="imgg">
  366. {block:IfShowSidebarImage}
  367. <div style="width:200px;height:{block:IfSidebarImageHeight}{text:Sidebar Image Height}{/block:IfSidebarImageHeight};overflow:hidden;"><img style="max-width:210px;min-width:210px;" src="{image:Sidebar}"></div><br>
  368. {/block:IfShowSidebarImage}
  369.  
  370. {block:IfShowMenu}
  371. <a href="/" class="menu">Home</a>
  372. <a href="/ask" class="menu">Ask</a>
  373. <a href="http://cindie.tumblr.com" class="menu">Theme</a>
  374.  
  375. {block:IfCustomLinkOne}<a href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}" class="menu">{text:Custom Link One}{/block:IfCustomLinkOne}</a>
  376.  
  377. {block:IfCustomLinkTwo}<a href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}" class="menu">{text:Custom Link Two}{/block:IfCustomLinkTwo}</a>
  378.  
  379. {block:IfCustomLinkThree}<a href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}" class="menu">{text:Custom Link Three}{/block:IfCustomLinkThree}</a>{/block:IfShowMenu}
  380.  
  381. {block:IfShowTitleDescription}
  382. <div class="des">
  383. <div class="links_list">
  384. <p class="links_head">{title}</p>
  385. <div class="links_body">
  386. {Description}
  387.  
  388. </div></div>
  389. </div>
  390. {/block:IfShowTitleDescription}
  391.  
  392.  
  393. </div>
  394. </div>
  395. </div>
  396.  
  397.  
  398. <div id="content">
  399. {block:Posts}
  400. {block:Text}
  401.  
  402. <div id="entry">
  403. <div id="post">
  404. <div class="links_list">
  405. <p class="links_head">{Title}</p>
  406. <div class="links_body">
  407. <p>{Body}</p>
  408.  
  409. <a href="{Permalink}">{Year}.{MonthNumber}.{DayOfMonth}</a> |
  410. <a href="{Permalink}">♡{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">+Reblog</a>
  411.  
  412. </div></div>
  413.  
  414. </div>
  415. </div>
  416. {/block:Text}
  417. {block:Photo}
  418.  
  419. <div id="entry">
  420. <div id="post">
  421. <div class="links_list">
  422. <p class="links_head"><img style=" -moz-border-radius: 20px 50px;
  423. border-radius: 60px 0px 60px 0px; "src="{PhotoURL-400}"> </p>
  424. <div class="links_body">
  425.  
  426.  
  427. {block:Caption}{Caption} {/block:Caption}
  428. <a href="{Permalink}">{Year}.{MonthNumber}.{DayOfMonth}</a> |
  429. <a href="{Permalink}">♡{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">+Reblog</a>
  430. </div></div>
  431.  
  432.  
  433. </div>
  434. </div>
  435. {/block:Photo}
  436.  
  437. {block:Photoset}
  438.  
  439. <div id="entry">
  440. <div id="post">
  441. <div class="links_list">
  442. <p class="links_head">{Photoset-400}</p>
  443. <div class="links_body">
  444.  
  445.  
  446. {block:Caption}{Caption} {/block:Caption}
  447. <a href="{Permalink}">{Year}.{MonthNumber}.{DayOfMonth}</a> |
  448. <a href="{Permalink}">♡{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">+Reblog</a>
  449. </div></div>
  450.  
  451.  
  452. </div>
  453. </div>
  454. {/block:Photoset}
  455.  
  456.  
  457. {block:Quote}
  458.  
  459. <div id="entry">
  460. <div id="post">
  461. <div class="links_list">
  462. <p class="links_head">{Quote}</p>
  463. <div class="links_body">
  464. {block:Source}
  465. <span class="source"><br><i>{Source}</i></span>
  466. {/block:Source}<BR>
  467.  
  468. <a href="{Permalink}">{Year}.{MonthNumber}.{DayOfMonth}</a> |
  469. <a href="{Permalink}">♡{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">+Reblog</a>
  470. </div></div>
  471.  
  472.  
  473. </div>
  474. </div>
  475. {/block:Quote}
  476.  
  477. {block:Link}
  478.  
  479. <div id="entry">
  480. <div id="post">
  481. <div class="links_list">
  482. <p class="links_head">{Name}</p>
  483. <div class="links_body">
  484. <p><a href="{URL}"{Target}><div class="header3">{Name}</a></div>
  485. {block:Description}
  486. {Description}
  487. {/block:Description}
  488.  
  489. <a href="{Permalink}">{Year}.{MonthNumber}.{DayOfMonth}</a> |
  490. <a href="{Permalink}">♡{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">+Reblog</a>
  491. </div></div>
  492.  
  493.  
  494. </div>
  495. </div>
  496.  
  497. {/block:Link}
  498.  
  499. {block:Chat}
  500.  
  501. <div id="entry">
  502. <div id="post">
  503. <div class="links_list">
  504. <p class="links_head">{Title}</p>
  505. <div class="links_body">
  506. <ul class="chat">
  507. {block:Lines}
  508. <li class="{Alt}">
  509. {block:Label}
  510. <span class="label">{Label}</span>
  511. {/block:Label}
  512.  
  513. {Line}
  514.  
  515. {/block:Lines}
  516. </ul>
  517.  
  518. </li>
  519. <a href="{Permalink}">{Year}.{MonthNumber}.{DayOfMonth}</a> |
  520. <a href="{Permalink}">♡{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">+Reblog</a>
  521. </div></div>
  522.  
  523.  
  524. </div>
  525. </div>
  526. {/block:Chat}
  527. {block:Video}
  528.  
  529. <div id="entry">
  530. <div id="post">
  531. <div class="links_list">
  532. <p class="links_head">{Video-400}</p>
  533. <div class="links_body">
  534. <a href="{Permalink}">{block:Caption}
  535. <p>{Caption}</p>
  536. {/block:Caption}</a>
  537.  
  538. <a href="{Permalink}">{Year}.{MonthNumber}.{DayOfMonth}</a> |
  539. <a href="{Permalink}">♡{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">+Reblog</a>
  540. </div></div>
  541.  
  542.  
  543. </div>
  544. </div>
  545.  
  546. {/block:Video}
  547. {block:Audio}
  548.  
  549. <div id="entry">
  550. <div id="post">
  551. <div class="links_list">
  552. <p class="links_head">{block:AlbumArt}<img style=" -moz-border-radius: 20px 50px;
  553. border-radius: 60px 0px 60px 0px;" src="{AlbumArtURL}"/>{/block:AlbumArt}
  554. </p>
  555. <div class="links_body">
  556. {AudioPlayerWhite}
  557. {block:Caption}
  558. <p>{Caption}</p>
  559. {/block:Caption}</a>
  560.  
  561. <a href="{Permalink}">{Year}.{MonthNumber}.{DayOfMonth}</a> |
  562. <a href="{Permalink}">♡{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">+Reblog</a>
  563. </div></div>
  564.  
  565. </div>
  566. </div>
  567.  
  568. {/block:Audio}
  569.  
  570. {block:Answer}
  571. <div id="entry">
  572. <div id="post">
  573. <div class="links_list">
  574. <p class="links_head">{Asker} Asked:{Question}</p>
  575. <div class="links_body">
  576. <div id="answerr">My Answer:{Answer}</div>
  577.  
  578. <a href="{Permalink}">{Year}.{MonthNumber}.{DayOfMonth}</a> |
  579. <a href="{Permalink}">♡{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">+Reblog</a>
  580. </div></div>
  581.  
  582. </div>
  583. </div>
  584. {/block:Answer}
  585.  
  586. {block:PostNotes}
  587. {PostNotes}
  588. {/block:PostNotes}
  589.  
  590. {/block:Posts}
  591. {/block:Posts}
  592.  
  593. <div id="footer">
  594. <div class="fleft">
  595.  
  596. {block:Pagination}
  597. {block:PreviousPage}
  598. <a href="{PreviousPage}">Previous</a>
  599. {/block:PreviousPage}
  600. {block:JumpPagination length="3"}
  601. {block:CurrentPage}
  602. <span class="current_page">{PageNumber}</span>
  603. {/block:CurrentPage}
  604. {block:JumpPage}
  605. <a class="jump_page" href="{URL}">{PageNumber}</a>
  606. {/block:JumpPage}{/block:JumpPagination}
  607. {block:NextPage}
  608. <a href="{NextPage}">Next</a>
  609. {/block:NextPage}
  610. {/block:Pagination}
  611.  
  612. </div>
  613.  
  614. </div>
  615. </div>
  616.  
  617.  
  618. </body>
  619. </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!