API tools faq
paste
Advertisement
bugglegum

Theme #1

bugglegum
Nov 10th, 2013
389
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.60 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <html>
  4. <head>
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{image:Favicon}">
  8. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  9.  
  10.  
  11. <meta name="color:Text" content="#000000" />
  12. <meta name="color:Title Text" content="#000000" />
  13. <meta name="color:Background" content="#6BAAFC" />
  14. <meta name="color:Post Backgrounds" content="#ffffff" />
  15. <meta name="color:Borders" content="#327AD2" />
  16. <meta name="color:Links" content="#6BAAFC" />
  17. <meta name="color:Links Hover" content="#000000" />
  18. <meta name="color:Accent" content="#6BAAFC" />
  19. <meta name="color:Accent 2" content="#ffffff" />
  20.  
  21.  
  22. <meta name="description" content="" />
  23.  
  24.  
  25. <meta name="image:Background" content=""/>
  26. <meta name="image:Sidebar Header" content=""/>
  27. <meta name="image:Sidebar" content=""/>
  28. <meta name="image:Post Headers" content=""/>
  29. <meta name="image:Favicon" content=""/>
  30.  
  31. <meta name="if:Fullscreen Background" content="0"/>
  32. <meta name="if:Block Shadows" content="0"/>
  33. <meta name="if:Infinite Scroll" content="1"/>
  34. <meta name="if:Show Captions" content="0"/>
  35. <meta name="if:Buttons" content="0"/>
  36. <meta name="if:Dropdown Menu" content="1"/>
  37.  
  38. <meta name="if:Link 1" content="1"/>
  39. <meta name="if:Link 2" content="1"/>
  40. <meta name="if:Link 3" content="1"/>
  41. <meta name="if:Link 4" content="1"/>
  42.  
  43. <meta name="text:Dropdown Title" content="nav" />
  44. <meta name="text:Dropdown Link 1" content="" />
  45. <meta name="text:Dropdown Link 2" content="" />
  46. <meta name="text:Dropdown Link 3" content="" />
  47. <meta name="text:Dropdown Link 4" content="" />
  48. <meta name="text:Dropdown Link 5" content="" />
  49. <meta name="text:Dropdown Link 6" content="" />
  50. <meta name="text:Dropdown Link 1 URL" content="" />
  51. <meta name="text:Dropdown Link 2 URL" content="" />
  52. <meta name="text:Dropdown Link 3 URL" content="" />
  53. <meta name="text:Dropdown Link 4 URL" content="" />
  54. <meta name="text:Dropdown Link 5 URL" content="" />
  55. <meta name="text:Dropdown Link 6 URL" content="" />
  56.  
  57. <meta name="text:Link 1 Text" content="LINK 1" />
  58. <meta name="text:Link 2 Text" content="LINK 2" />
  59. <meta name="text:Link 3 Text" content="LINK 3" />
  60. <meta name="text:Link 4 Text" content="LINK 4" />
  61. <meta name="text:Link 1 URL" content="" />
  62. <meta name="text:Link 2 URL" content="" />
  63. <meta name="text:Link 3 URL" content="" />
  64. <meta name="text:Link 4 URL" content="" />
  65.  
  66. <meta name="text: Font Size" content="10px" />
  67. <meta name="text: Font" content="Calibri" />
  68.  
  69.  
  70. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  71.  
  72. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  73.  
  74. <style type="text/css">
  75.  
  76. body {
  77. font-size: {text: Font Size};
  78. font-family: {text: Font};
  79.  
  80. /**Calibri, Candara, Segoe**/
  81.  
  82. color: {color:Text};
  83. background-color: {color:Background};
  84.  
  85. {block:ifbackgroundimage}
  86. background-image: url('{image:background}');
  87. background-attachment: fixed;
  88. {block:IfFullscreenBackground}
  89. background-repeat: no-repeat;
  90. background-size: cover;
  91. background-position: center center;
  92. background-attachment: fixed;
  93. /** background-position: bottom; **/
  94. {/block:IfFullscreenBackground}
  95. {/block:ifbackgroundimage}
  96. }
  97.  
  98. span.highlight {
  99. color: {color:Links};
  100. text-decoration: none;
  101. -moz-transition-duration: 0.5s;
  102. -o-transition-duration: 0.5s;
  103. -webkit-transition-duration: 0.5s;
  104. transition-duration: 0.5s;
  105. }
  106.  
  107. span.highlight:hover {
  108. color: {color:Links Hover};
  109. -moz-transition-duration: 0.5s;
  110. -o-transition-duration: 0.5s;
  111. -webkit-transition-duration: 0.5s;
  112. transition-duration: 0.5s;
  113. }
  114.  
  115. a {
  116. color: {color:Links};
  117. text-decoration: none;
  118. -moz-transition-duration: 0.5s;
  119. -o-transition-duration: 0.5s;
  120. -webkit-transition-duration: 0.5s;
  121. transition-duration: 0.5s;
  122. }
  123.  
  124. a:hover {
  125. color: {color:Links Hover};
  126. -moz-transition-duration: 0.5s;
  127. -o-transition-duration: 0.5s;
  128. -webkit-transition-duration: 0.5s;
  129. transition-duration: 0.5s;
  130. }
  131.  
  132. .container {
  133. width: 800px;
  134. margin: auto;
  135.  
  136. border: 0px solid #ffffff;
  137. }
  138.  
  139.  
  140.  
  141.  
  142. /**************************************
  143.  
  144. SIDEBAR STUFF
  145.  
  146. ***************************************/
  147.  
  148. .sidebar-container {
  149. width: 200px;
  150. margin-top: 100px;
  151. position: fixed;
  152. background-color:{color:Accent};
  153.  
  154. border: 5px solid {color:Accent};
  155. -moz-transition-duration: 0.5s;
  156. -o-transition-duration: 0.5s;
  157. -webkit-transition-duration: 0.5s;
  158. transition-duration: 0.5s;
  159.  
  160. {block:IfNotBlockShadows}
  161. outline: 1px solid {color:Borders};
  162. {/block:IfNotBlockShadows}
  163.  
  164. {block:IfBlockShadows}
  165. outline: 0px solid {color:Borders};
  166. box-shadow: 7px 7px {color:borders};
  167. {/block:IfBlockShadows}
  168.  
  169. }
  170.  
  171. .sidebar-container:hover {
  172. background-color: {color:Accent 2};
  173. border: 5px solid {color:Accent 2};
  174. -moz-transition-duration: 0.5s;
  175. -o-transition-duration: 0.5s;
  176. -webkit-transition-duration: 0.5s;
  177. transition-duration: 0.5s;
  178. }
  179.  
  180. .sidebar {
  181. padding: 10px;
  182. padding-bottom: 5px;
  183. padding-top: 15px;
  184. margin-top: 25px;
  185. background-color: {color:Post Backgrounds};
  186. opacity: 1;
  187. border: 1px solid {color:Borders};
  188.  
  189. border-radius: 4px;
  190. }
  191.  
  192. .dropdown {
  193. text-align: center;
  194. position: fixed;
  195. z-index: 5;
  196. width: 200px;
  197. text-align: right;
  198. margin-left: -5px;
  199. margin-top: 2px;
  200. }
  201.  
  202. .title {
  203. color: {color:Title Text};
  204. font-size: 150%;
  205. border: 0px solid #ffffff;
  206. position: fixed;
  207. z-index: 6;
  208. height: 25px;
  209. width: 130px;
  210. margin-left: 5px;
  211. word-wrap: break-word;
  212. overflow: hidden;
  213.  
  214. }
  215.  
  216.  
  217. .title a {
  218. color: {color:Title Text};
  219. }
  220.  
  221. .title a:hover {
  222. color: {color:Title Text};
  223. }
  224.  
  225. .buttons{
  226. color: {color:Title Text};
  227. text-transform: uppercase;
  228. text-align: center;
  229. position: fixed;
  230. z-index: 5;
  231. width: 200px;
  232. text-align: right;
  233. margin-left: -5px;
  234. margin-top: 2px;
  235.  
  236. }
  237.  
  238. .buttons a{
  239. color: {color:Text};
  240. border: none;
  241. }
  242.  
  243. .description {
  244. text-align: center;
  245. }
  246.  
  247.  
  248. .sblinks {
  249. margin-top: 10px;
  250. text-align: center;
  251.  
  252. }
  253.  
  254. .sblinks a{
  255. background: {color:accent};
  256. padding: 0px 3px 0px 3px;
  257. color: {color:post backgrounds};
  258. border: 1px solid {color:accent};
  259. margin-left: 3px;
  260. margin-right: 3px;
  261. border-radius: 3px;
  262. }
  263.  
  264. .sblinks a:hover{
  265. background: none;
  266. color: {color:accent};
  267. border: 1px solid {color:accent};
  268. }
  269.  
  270.  
  271.  
  272.  
  273. .sb-image {
  274. margin-bottom: 5px;
  275. text-align: center;
  276. }
  277.  
  278. .sidebar img {
  279. max-width: 175px;
  280. }
  281.  
  282. .pagination {
  283. opacity: 0;
  284.  
  285. }
  286.  
  287.  
  288.  
  289. /**************************************
  290.  
  291. POST STUFF
  292.  
  293. ***************************************/
  294.  
  295. .postcolumn {
  296. width: 540px;
  297. margin-left: 250px;
  298. border: 0px solid #df6df6;
  299. }
  300.  
  301. .post-header {
  302. text-align: right;
  303. background: none;
  304. }
  305.  
  306. .post-header a {
  307. color: {color:Text};
  308. }
  309.  
  310. .post-header a:hover {
  311. color: {color:Text};
  312. }
  313.  
  314. .post-container {
  315. width: 280px;
  316.  
  317. {block:permalinkpage}
  318. width: 430px;
  319. {/block:permalinkpage}
  320.  
  321. background-color:{color:Accent};
  322. margin-bottom: 80px;
  323. -moz-transition-duration: 0.5s;
  324. -o-transition-duration: 0.5s;
  325. -webkit-transition-duration: 0.5s;
  326. transition-duration: 0.5s;
  327. border: 5px solid {color:Accent};
  328.  
  329. {block:IfNotBlockShadows}
  330. outline: 1px solid {color:Borders};
  331. {/block:IfNotBlockShadows}
  332.  
  333. {block:IfBlockShadows}
  334. outline: 0px solid {color:Borders};
  335. box-shadow: 7px 7px {color:Borders};
  336. {/block:IfBlockShadows}
  337.  
  338. }
  339.  
  340. .post-container:hover {
  341. background-color: {color:Accent 2};
  342. border: 5px solid {color:Accent 2};
  343. -moz-transition-duration: 0.5s;
  344. -o-transition-duration: 0.5s;
  345. -webkit-transition-duration: 0.5s;
  346. transition-duration: 0.5s;
  347. }
  348.  
  349. .posts {
  350. background-color: {color:Post Backgrounds};
  351. padding: 15px;
  352. padding-bottom: 12px;
  353. word-wrap: break-word;
  354.  
  355. border: 1px dotted {color:borders};
  356.  
  357. border-radius: 4px;
  358. }
  359.  
  360. .posts img, .posts li, .posts blockquote {
  361. max-width: 100%;
  362. word-wrap: break-word;
  363. }
  364.  
  365. .posts img {
  366.  
  367. border-radius: 4px;
  368. }
  369.  
  370.  
  371. .accent-text {
  372. font-size: 150%;
  373. }
  374.  
  375. .posts blockquote {
  376. border-left: 3px solid {color:Accent};
  377. padding-left: 5px;
  378. }
  379.  
  380.  
  381. .photo-post {
  382. text-align: center;
  383. }
  384.  
  385. .ask-portrait {
  386. padding: 3px 3px 3px 3px;
  387. border-radius:50px;
  388. }
  389.  
  390. .ask-portrait img {
  391. border-radius: 50px;
  392. border: 1px solid {color:Borders};
  393. }
  394.  
  395. .answerer img {
  396. {block:indexpage}
  397. max-width: 200px;
  398. {/block:indexpage}
  399.  
  400. {block:permalinkpage}
  401. max-width: 350px;
  402. {/block:permalinkpage}
  403. }
  404.  
  405. .footer {
  406. width: 250px;
  407. {block:permalinkpage}
  408. width: 400px;
  409. {/block:permalinkpage}
  410. padding: 20px;
  411. text-align: center;
  412. border: 0px solid #ffffff;
  413. margin-top: -50px;
  414. text-shadow: 1px 1px rgba(255,255,255,0.8);
  415.  
  416. }
  417.  
  418. .footer a{
  419. color: {color:Post Backgrounds};
  420. text-shadow: 1px 1px rgba(0,0,0,0.5);
  421. }
  422.  
  423. .footer a:hover{
  424. color: {color:text};
  425. text-shadow: 1px 1px rgba(255,255,255,0.8);
  426. }
  427.  
  428.  
  429.  
  430.  
  431.  
  432.  
  433.  
  434.  
  435.  
  436.  
  437.  
  438. .container .notecontainer ol.notes {
  439. width: 250px;
  440. list-style-type: none;
  441. margin-top: 5px;
  442. margin-bottom: 20px;
  443. padding: 10px;
  444. text-shadow: 1px 1px rgba(255,255,255,0.8);
  445. word-wrap: none;
  446.  
  447. }
  448.  
  449. .notecontainer a {
  450. color: {color:post backgrounds};
  451. text-shadow: 1px 1px rgba(0,0,0,0.5);
  452. }
  453.  
  454. .notecontainer a:hover{
  455. color: {color:text};
  456. text-shadow: 1px 1px rgba(255,255,255,0.8);
  457. }
  458.  
  459. .container .notecontainer img.avatar {
  460. width: 0px;
  461. height: 0px;
  462. }
  463.  
  464. .credit {
  465. position: fixed;
  466. bottom: 5px;
  467. left: 10px;
  468. font-size: 150%;
  469.  
  470. }
  471.  
  472. .credit a {
  473. color: {color:text};
  474. text-shadow: 1px 1px rgba(255,255,255,0.8);
  475. }
  476.  
  477. .credit a:hover {
  478. color: {color:post backgrounds};
  479. text-shadow: 1px 1px rgba(0,0,0,0.5);
  480. }
  481.  
  482.  
  483.  
  484.  
  485. /***for floating link titles***/
  486.  
  487. #s-m-t-tooltip {
  488. background: {color:accent};
  489. z-index:99;
  490. font-size: 10px;
  491. color: {color:Title text};
  492. text-transform: uppercase;
  493. word-wrap: break-word;
  494. padding: 0px 3px 1px 3px;
  495. display: block;
  496. margin: -25px 10px 10px -15px;
  497. border-radius: 3px;
  498.  
  499.  
  500.  
  501. }
  502.  
  503.  
  504. </style>
  505.  
  506. <!---FOR FLOATING LINK TITLES--->
  507.  
  508.  
  509. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  510. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  511. <script>
  512. (function($){
  513. $(document).ready(function(){
  514. $("[title]").style_my_tooltips();
  515. });
  516. })(jQuery);
  517. </script>
  518.  
  519. <!---/FOR FLOATING LINK TITLES--->
  520.  
  521. </head>
  522.  
  523. <body>
  524.  
  525. <div class="credit">
  526. <a href="http://bugglegum.tumblr.com" title="theme cred: bugglegum">©</a>
  527. </div>
  528.  
  529.  
  530. <div class="container">
  531.  
  532.  
  533. <!-----------------------
  534. SIDEBAR
  535. ------------------------->
  536.  
  537. <div class="sidebar-container">
  538.  
  539. <!------title------>
  540. <div class="title"><a href="/" title="home"><img src="{image:Sidebar Header}"></a> <a href="/">{Title}</a></div>
  541.  
  542. <!------dropdown menu------>
  543. {block:IfDropdownMenu}
  544. <div class="dropdown">
  545. <select onChange="location.href=this.options[this.selectedIndex].value;" style="font-family:bitxmap; font-size:10px; border: 1px solid #000; width: 60px; ">
  546. <option value="/">{text:Dropdown Title}</option>
  547. <option value="{text:Dropdown Link 1 Url}">{text:Dropdown Link 1}</option>
  548. <option value="{text:Dropdown Link 2 Url}">{text:Dropdown Link 2}</option>
  549. <option value="{text:Dropdown Link 3 Url}">{text:Dropdown Link 3}</option>
  550. <option value="{text:Dropdown Link 4 Url}">{text:Dropdown Link 4}</option>
  551. <option value="{text:Dropdown Link 5 Url}">{text:Dropdown Link 5}</option>
  552. <option value="{text:Dropdown Link 6 Url}">{text:Dropdown Link 6}</option>
  553. </select>
  554. </select><br>
  555. </div>
  556. {/block:IfDropdownMenu}
  557.  
  558. </select>
  559.  
  560. <!------buttons------>
  561. {block:IfButtons}
  562. <div class="buttons">
  563. <a href="/" title="home"><img src="http://static.tumblr.com/8qfdqg8/dr5muwgqq/home.png"></a>
  564. {block:SubmissionsEnabled}
  565. <a href="/submit" title="submit"><img src="http://static.tumblr.com/8qfdqg8/1xDmuwgsk/submit.png"></a>
  566. {/block:SubmissionsEnabled}
  567. {block:AskEnabled}
  568. <a href="/ask" title="message"><img src="http://static.tumblr.com/8qfdqg8/VhXmuwgs6/ask.png"></a>
  569. {/block:AskEnabled}
  570.  
  571. <a href="/archive" title="archive"><img src="http://static.tumblr.com/8qfdqg8/Nd4muwgrn/archive.png"></a>
  572. </div>
  573. {/block:IfButtons}
  574.  
  575. <div class="sidebar">
  576.  
  577.  
  578.  
  579.  
  580.  
  581.  
  582. <!------sb image------>
  583. <div class="sb-image">
  584. <a href="/" title="home">
  585. <img src={image:sidebar}>
  586. </a>
  587. </div>
  588.  
  589. <!------description------>
  590. {block:Description}
  591. <div class="description">
  592. {Description}
  593. </div>
  594. {/block:description}
  595.  
  596.  
  597.  
  598. <!------links------>
  599. <div class="sblinks">
  600. {block:IfLink1}
  601. <a href="{text:Link 1 URL}">{text:Link 1 Text}</a>
  602. {/block:IfLink1}
  603.  
  604. {block:IfLink2}
  605. <a href="{text:Link 2 URL}">{text:Link 2 Text}</a>
  606. {/block:IfLink2}
  607.  
  608. {block:IfLink3}
  609. <a href="{text:Link 3 URL}">{text:Link 3 Text}</a>
  610. {/block:IfLink3}
  611.  
  612. {block:IfLink4}
  613. <a href="{text:Link 4 URL}">{text:Link 4 Text}</a>
  614. {/block:IfLink4}
  615. </div>
  616.  
  617. </div> <!--/sidebar-->
  618. </div> <!--/sidebar-container-->
  619.  
  620.  
  621. <!---this part prevents infinite scroll from breaking!--->
  622.  
  623. {block:IfInfiniteScroll}
  624. {block:Pagination}
  625. <div class="pagination">
  626. {block:previousPage}
  627. <a href="{PreviousPage}"></a>
  628. {/block:previousPage}
  629.  
  630. {block:NextPage}
  631. <a href="{NextPage}"></a>
  632. {/block:NextPage}
  633. </div>
  634. {/block:Pagination}
  635. {/block:IfInfiniteScroll}
  636.  
  637.  
  638.  
  639.  
  640.  
  641.  
  642.  
  643.  
  644.  
  645.  
  646.  
  647.  
  648. <!-----------------------
  649. POST STUFF
  650. ------------------------->
  651.  
  652. <div class="postcolumn">
  653.  
  654. {block:Posts}
  655. {block:ReblogParent}{/block:ReblogParent} <!--(this stops "(via: xxxx )" from showing on every post automatically. i think lol.-->
  656.  
  657. <div class="post-container">
  658.  
  659. <!------header------>
  660.  
  661.  
  662.  
  663. <div class="post-header">
  664. {block:IndexPage}
  665. {block:Date}
  666. <a href="{permalink}" title="{TimeAgo}"><img src="{image:Post Headers}"></a>
  667. {/block:Date}
  668.  
  669. {block:NoteCount}
  670. <a href="{permalink}" title="{NoteCountWithLabel}"><img src="{image:Post Headers}"></a>
  671. {/block:NoteCount}
  672.  
  673. <a href="{reblogURL}" title="reblog"><img src="{image:Post Headers}"></a>
  674.  
  675. {/block:IndexPage}
  676.  
  677. {block:permalinkpage}
  678. <a href="/" title="back"><img src="{image:Post Headers}"></a>
  679. {block:permalinkpage}
  680. </div>
  681.  
  682. <div class="posts">
  683.  
  684.  
  685. {block:Title}
  686. <div class="accent-text">
  687. <div style="text-transform: uppercase;">
  688. <a href="{permalink}">
  689. {title}
  690. </a>
  691. </div>
  692. </div>
  693. {/block:Title}
  694.  
  695. <!-----------------------------------------------
  696.  
  697. TEXT POSTS
  698.  
  699. ------------------------------------------------>
  700.  
  701. {block:Text}
  702. {Body}
  703. {/block:Text}
  704.  
  705.  
  706. <!-----------------------------------------------
  707.  
  708. ANSWER POSTS
  709.  
  710. ------------------------------------------------>
  711. {block:Answer}
  712.  
  713. <table style="padding-bottom:5px;">
  714. <tr>
  715. <td style="vertical-align:top;">
  716. <div class="ask-portrait">
  717. <img src="{AskerPortraitURL-30}">
  718. </div>
  719. </td>
  720. <td style="vertical-align:top;padding-left:10px;">
  721. {Asker}: <br> {Question}
  722. </td>
  723. </tr>
  724. </table>
  725.  
  726. {block:Answerer}
  727. <table style="padding-bottom:0px;margin-bottom:-5px;">
  728. <tr>
  729. <td style="vertical-align:top;">
  730. <div class="ask-portrait">
  731. <img src="{AnswererPortraitURL-30}">
  732. </div>
  733. </td>
  734. <td style="vertical-align:top;padding-left:10px;">
  735. {Answerer}: <div style="margin-top:-7px;"><div class="answerer">{answer}</div></div>
  736. </td>
  737. </tr>
  738. </table>
  739. {/block:Answerer}
  740.  
  741.  
  742.  
  743.  
  744. <div style="border-top:3px dashed {color:accent};">
  745. {Replies}
  746. </div>
  747.  
  748. {/block:Answer}
  749.  
  750. <!-----------------------------------------------
  751.  
  752. CHAT POSTS
  753.  
  754. ------------------------------------------------>
  755.  
  756. {block:Chat}
  757. <ul class="chat">
  758.  
  759. {block:Lines}
  760. <li class="{Alt} user_{UserNumber}">
  761. {block:Label}
  762. <span class="label">
  763. {Label}
  764. </span>
  765. {/block:Label}
  766. {Line}
  767.  
  768. </li>
  769. {/block:Lines}
  770.  
  771. </ul>
  772.  
  773. {/block:Chat}
  774.  
  775. <!-----------------------------------------------
  776.  
  777. LINK POSTS
  778.  
  779. ------------------------------------------------>
  780.  
  781. {block:Link}
  782.  
  783. <div class="accent-text"><a href="{url}">{name}</a></div>
  784.  
  785. {block:description}
  786. {description}
  787. {/block:description}
  788.  
  789. {/block:Link}
  790.  
  791. <!-----------------------------------------------
  792.  
  793. QUOTE POSTS
  794.  
  795. ------------------------------------------------>
  796.  
  797. {block:Quote}
  798.  
  799. <div style="display:inline-block">
  800. <div class="accent-text">"{quote}"</div>
  801. {block:source} — {source}{/block:source}
  802. </div>
  803.  
  804. {block:ContentSource}
  805. Source: <a href="{SourceURL}">{sourcetitle}</a><br>
  806.  
  807. {/block:ContentSource}
  808.  
  809.  
  810. {/block:Quote}
  811.  
  812. <!-----------------------------------------------
  813.  
  814. AUDIO POSTS
  815.  
  816. ------------------------------------------------>
  817.  
  818. {block:Audio}
  819. {AudioPlayerBlack}
  820.  
  821. {block:IfShowCaptions}
  822. {block:Caption}
  823. {Caption}
  824. {/block:Caption}
  825. {/block:IfShowCaptions}
  826.  
  827. {block:IfNotShowCaptions}
  828. {block:PermalinkPage}
  829. {block:Caption}
  830. {Caption}
  831. {/block:Caption}
  832. {/block:PermalinkPage}
  833. {/block:IfNotShowCaptions}
  834.  
  835. {/block:Audio}
  836.  
  837. <!-----------------------------------------------
  838.  
  839. VIDEO POSTS
  840.  
  841. ------------------------------------------------>
  842. {block:Video}
  843.  
  844. {block:indexpage}
  845. {video-250}
  846. {/block:indexpage}
  847.  
  848. {block:permalinkpage}
  849. {video-400}
  850. {/block:permalinkpage}
  851.  
  852.  
  853. {block:IfShowCaptions}
  854. {block:Caption}
  855. {Caption}
  856. {/block:Caption}
  857. {/block:IfShowCaptions}
  858.  
  859. {block:IfNotShowCaptions}
  860. {block:PermalinkPage}
  861. {block:Caption}
  862. {Caption}
  863. {/block:Caption}
  864. {/block:PermalinkPage}
  865. {/block:IfNotShowCaptions}
  866.  
  867. {/block:Video}
  868.  
  869. <!-----------------------------------------------
  870.  
  871. PHOTO POSTS
  872.  
  873. ------------------------------------------------>
  874. {block:Photo}
  875. <div class="photo-post">
  876.  
  877.  
  878. {block:indexpage}
  879. {LinkOpenTag}
  880. <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  881. {LinkCloseTag}
  882. {/block:indexpage}
  883.  
  884. {block:permalinkpage}
  885. {LinkOpenTag}
  886. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  887. {LinkCloseTag}
  888. {/block:permalinkpage}
  889.  
  890. </div>
  891.  
  892.  
  893. {block:IfShowCaptions}
  894. {block:Caption}
  895. {Caption}
  896. {/block:Caption}
  897. {/block:IfShowCaptions}
  898.  
  899. {block:IfNotShowCaptions}
  900. {block:PermalinkPage}
  901. {block:Caption}
  902. {Caption}
  903. {/block:Caption}
  904. {/block:PermalinkPage}
  905. {/block:IfNotShowCaptions}
  906.  
  907.  
  908.  
  909. {/block:Photo}
  910.  
  911. <!-----------------------------------------------
  912.  
  913. PHOTOSET POSTS
  914.  
  915. ------------------------------------------------>
  916. {block:Photoset}
  917. <div class="photo-post">
  918.  
  919. {block:indexpage}
  920. {photoset-250}
  921. {/block:indexpage}
  922.  
  923. {block:permalinkpage}
  924. {photoset-400}
  925. {/block:permalinkpage}
  926.  
  927. </div>
  928.  
  929. {block:IfShowCaptions}
  930. {block:Caption}
  931. {Caption}
  932. {/block:Caption}
  933. {/block:IfShowCaptions}
  934.  
  935. {block:IfNotShowCaptions}
  936. {block:PermalinkPage}
  937. {block:Caption}
  938. {Caption}
  939. {/block:Caption}
  940. {/block:PermalinkPage}
  941. {/block:IfNotShowCaptions}
  942.  
  943.  
  944. {/block:Photoset}
  945.  
  946.  
  947.  
  948.  
  949.  
  950. <!-----------------------------------------------
  951.  
  952. PERMALINK PAGE STUFF
  953.  
  954. ------------------------------------------------>
  955.  
  956. </div> <!---/posts--->
  957.  
  958. </div> <!---/post-container--->
  959.  
  960. {block:PermalinkPage}
  961. <div class="footer">
  962.  
  963.  
  964.  
  965. {block:Date}
  966. {DayOfWeek}, {ShortMonth} {DayofMonth}{DayOfMonthSuffix} {Year} @ {12Hour}:{Minutes}{ampm}
  967. {/block:Date}
  968. {block:NoteCount}
  969. with {NoteCountWithLabel}
  970. {/block:NoteCount}
  971.  
  972. {block:RebloggedFrom}
  973.  
  974. <br>
  975. <br>
  976. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a> <br>
  977. Originally: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  978. {/block:RebloggedFrom}
  979.  
  980. {block:HasTags}
  981.  
  982. <br>
  983. <br>
  984. Tagged:
  985. {block:Tags}
  986. <a href="{TagURL}">{Tag}, </a>
  987. {/block:Tags}
  988. {/block:HasTags}
  989.  
  990. </div>
  991. {/block:PermalinkPage}
  992.  
  993.  
  994.  
  995.  
  996.  
  997. {/block:Posts}
  998.  
  999. {block:PostNotes}
  1000. <div class="notecontainer">
  1001. {PostNotes}
  1002. </div>
  1003. {/block:PostNotes}
  1004.  
  1005. </div> <!---/postcolumn--->
  1006.  
  1007. {block:IfNotInfiniteScroll}
  1008. {block:Pagination}
  1009. <div class="sblinks">
  1010. {block:previousPage}
  1011. <a href="{PreviousPage}">←</a>
  1012. {/block:previousPage}
  1013.  
  1014. {block:NextPage}
  1015. <a href="{NextPage}">→</a>
  1016. {/block:NextPage}
  1017. </div>
  1018. {/block:Pagination}
  1019. {/block:IfNotInfiniteScroll}
  1020.  
  1021.  
  1022. </div> <!---/container--->
  1023.  
  1024.  
  1025.  
  1026.  
  1027.  
  1028.  
  1029.  
  1030.  
  1031.  
  1032.  
  1033.  
  1034.  
  1035.  
  1036.  
  1037.  
  1038.  
  1039.  
  1040. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  1041.  
  1042. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  1043. {block:IfInfiniteScroll}
  1044. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1045. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  1046. {/block:IfInfiniteScroll}
  1047.  
  1048. <!--Code for infinite scroll and grid layout-->
  1049.  
  1050. <script>
  1051. (function() {
  1052. var $tumblelog = $('.postcolumn');
  1053. {block:IfInfiniteScroll}
  1054. $tumblelog.infinitescroll({
  1055. navSelector : ".pagination",
  1056. nextSelector : ".pagination a:first",
  1057. itemSelector : ".post-container",
  1058. bufferPx : 50,
  1059. loading: {
  1060. finishedMsg: "",
  1061. img: "",
  1062. msgText: ""
  1063. },
  1064. },
  1065. function( newElements ) {
  1066. var $newElems = $( newElements ).css({ opacity: 0 });
  1067. $newElems.imagesLoaded(function(){
  1068. $newElems.animate({ opacity: 1 });
  1069. $tumblelog.masonry( 'appended', $newElems);
  1070. });
  1071. }
  1072. );
  1073. {/block:IfInfiniteScroll}
  1074. $tumblelog.imagesLoaded( function(){
  1075. $tumblelog.masonry({
  1076. columnWidth: function( containerWidth ) {
  1077. return containerWidth / 100;
  1078. }
  1079. });
  1080. });
  1081. })();
  1082. </script>
  1083.  
  1084.  
  1085. </body>
  1086. </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!