API tools faq
paste
oldfashionedvillain

Composition Theme

oldfashionedvillain
Oct 30th, 2017
435
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.59 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4.  
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10.  
  11. <!---
  12.  
  13.  
  14.  
  15.  
  16.  
  17. theme by oldfashionedvillain.tumblr.com
  18.  
  19.  
  20. thanks for using (n˘v˘•)¬
  21.  
  22.  
  23. leave the credit pls
  24.  
  25.  
  26.  
  27. credits:
  28.  
  29.  
  30. * icons by saturnthms.com/font
  31.  
  32.  
  33. * pixel union photosets, minimal soundcloud player & resize videos by shythemes.tumblr.com
  34.  
  35.  
  36. * tumblr controls by cyantists.tumblr.com
  37.  
  38.  
  39. * tumblr's fancy font by aprilsylph.tumblr.com & enchantedthemes.tumblr.com
  40.  
  41.  
  42. * keyframes fade-in animation by alydae.tumblr.com
  43.  
  44.  
  45. * un-nest tumblr captions by magnusthemes.tumblr.com & neothm.tumblr.com
  46.  
  47.  
  48.  
  49.  
  50. --->
  51.  
  52.  
  53. <!--- variables --->
  54.  
  55. <meta name="if:Show Sidebar Picture" content="1" />
  56.  
  57. <meta name="image:sidebar" content=""/>
  58.  
  59. <meta name="text:Font Size" content="10" />
  60.  
  61. <meta name="select:Font" title="Droid Serif" content="'Droid Serif', serif">
  62. <meta name="select:Font" title="Karla" content="'Karla', sans-serif">
  63. <meta name="select:Font" title="Trebuchet" content="'Trebuchet ms', 'helvetica neue', sans-serif">
  64.  
  65. <meta name="select:Sidebar Width" title="100px" content="100px">
  66. <meta name="select:Sidebar Width" title="150px" content="150px">
  67. <meta name="select:Sidebar Width" title="200px" content="200px">
  68.  
  69. <meta name="select:Columns" title="One" content="1">
  70. <meta name="select:Columns" title="Two" content="2">
  71. <meta name="select:Columns" title="Three" content="3">
  72. <meta name="select:Columns" title="Four" content="4">
  73.  
  74. <meta name="select:Post Size" title="200px" content="200px">
  75. <meta name="select:Post Size" title="250px" content="250px">
  76. <meta name="select:Post Size" title="300px" content="300px">
  77. <meta name="select:Post Size" title="350px" content="350px">
  78. <meta name="select:Post Size" title="400px" content="400px">
  79. <meta name="select:Post Size" title="450px" content="450px">
  80. <meta name="select:Post Size" title="500px" content="500px">
  81. <meta name="select:Post Size" title="540px" content="540px">
  82.  
  83. <meta name="select:Permalink Post Size" title="400px" content="400px">
  84. <meta name="select:Permalink Post Size" title="500px" content="500px">
  85. <meta name="select:Permalink Post Size" title="540px" content="540px">
  86.  
  87. <!--- colors --->
  88.  
  89. <meta name="color:Background" content="#f3f3f3"/>
  90. <meta name="color:Sidebar Background" content="#ffffff"/>
  91. <meta name="color:Post Background" content="#ffffff"/>
  92. <meta name="color:Title" content="#000000"/>
  93. <meta name="color:Text" content="#777777"/>
  94. <meta name="color:Border" content="#f8f8f8"/>
  95. <meta name="color:Links" content="#626262"/>
  96. <meta name="color:Links Hover" content="#a5a5a5"/>
  97. <meta name="color:Scrollbar" content="#000000"/>
  98. <meta name="color:Selection" content="#eaeaea"/>
  99. <meta name="color:Selection Text" content="#fff"/>
  100.  
  101. <!--- links --->
  102.  
  103. <meta name="text:link 1 title" content="link 1"/>
  104. <meta name="text:link 1 url" content=""/>
  105. <meta name="text:link 2 title" content="link 2"/>
  106. <meta name="text:link 2 url" content=""/>
  107. <meta name="text:link 3 title" content="link 3"/>
  108. <meta name="text:link 3 url" content=""/>
  109.  
  110. <!--- stuff --->
  111. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  112.  
  113. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  114.  
  115. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  116.  
  117. <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  118.  
  119. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  120.  
  121. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  122.  
  123. <link href="https://fonts.googleapis.com/css?family=Droid+Serif|Karla" rel="stylesheet">
  124.  
  125. <!--- back to top --->
  126.  
  127. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop" title="back to top">top</a>
  128.  
  129. <!--- tooltips --->
  130.  
  131. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  132.  
  133. <script>
  134. (function($){
  135. $(document).ready(function(){
  136. $("[title]").style_my_tooltips({
  137. tip_follows_cursor:true,
  138. tip_delay_time:200,
  139. tip_fade_speed:300
  140. });
  141. });
  142. })(jQuery);
  143. </script>
  144.  
  145. <!--- style --->
  146.  
  147. <style>
  148.  
  149. @keyframes fadein {
  150. from { opacity:0; }
  151. to { opacity:1; }
  152. }
  153.  
  154. @-moz-keyframes fadein {
  155. from { opacity:0; }
  156. to { opacity:1; }
  157. }
  158.  
  159. @-webkit-keyframes fadein {
  160. from { opacity:0; }
  161. to { opacity:1; }
  162. }
  163.  
  164. @-ms-keyframes fadein {
  165. from { opacity:0; }
  166. to { opacity:1; }
  167. }
  168.  
  169. @-o-keyframes fadein {
  170. from { opacity:0; }
  171. to { opacity:1; }
  172. }
  173.  
  174. /* selection */
  175.  
  176. ::-moz-selection{ background:{color:selection}; color:{color:selection text};}
  177. ::selection { background:{color:selection}; color:{color:selection text}; }
  178.  
  179. /* tooltips */
  180.  
  181. #s-m-t-tooltip {max-width:300px;margin:15px;padding:5px;border:1px solid {color:border};border-radius:0px;background:{color:post background};color:{color:text};z-index:999999;font-size:.9em;font-style:none;letter-spacing:.05em;text-transform:none;box-shadow:none;}
  182.  
  183. /* un-nest tumblr captions by @magnusthemes & @neothm */
  184.  
  185. .tumblr_parent {margin:10px 0;padding:0;}
  186.  
  187. .caption a.tumblr_blog {padding-top:25px;}
  188.  
  189. .caption img {max-width:calc({select:post size} - 25px);height:auto;}
  190.  
  191. .tumblr_parent blockquote{margin:0;}
  192.  
  193. .tumblr_avatar {width:16px;height:16px;float:left;margin:0 8px 0 0;border-radius:2px;}
  194.  
  195. /* tumblr controls by @cyantists */
  196. iframe.tmblr-iframe {
  197. z-index:99999999999999!important;
  198. margin-top:0!important;
  199. right:0!important;
  200. opacity:0.4;
  201. /* delete from here */
  202. filter:invert(1);
  203. -webkit-filter:invert(1);
  204. -o-filter:invert(1);
  205. -moz-filter:invert(1);
  206. -ms-filter:invert(1);
  207. /* to here if your blog has a dark background */
  208. transform:scale(0.6);
  209. transform-origin:100% 0;
  210. -webkit-transform:scale(0.6);
  211. -webkit-transform-origin:100% 0;
  212. -o-transform:scale(0.6);
  213. -o-transform-origin:100% 0;
  214. -moz-transform:scale(0.6);
  215. -moz-transform-origin:100% 0;
  216. -ms-transform:scale(0.6);
  217. -ms-transform-origin:100% 0;}
  218.  
  219. iframe.tmblr-iframe:hover {
  220. opacity:0.6!important;}
  221.  
  222. /* scrollbar */
  223.  
  224. ::-webkit-scrollbar {
  225. width:5px;
  226. height:5px;
  227. background:rgba({RGBcolor:scrollbar},.3);
  228. border:2px solid {color:post background};
  229. }
  230. ::-webkit-scrollbar-thumb {
  231. background:{color:scrollbar};
  232. border-radius:16px;
  233. border:2px solid {color:post background};
  234. }
  235.  
  236. /* back to top */
  237.  
  238. #scrollToTop:link,#scrollToTop:visited {font-size:1.25em;font-variant:small-caps;font-weight:bold;color:{color:text};display:block;position:fixed;bottom:50px;right:50px;z-index:3;border:1px solid {color:border};background:{color:post background};padding:4px 8px;}
  239.  
  240. /* basic */
  241.  
  242. body {
  243. background:{color:background};
  244. color:{color:text};
  245. font-family:{select:Font};
  246. font-size:{text:font size}px;
  247. line-height:150%;
  248. margin:0;
  249. text-align:left;
  250. }
  251.  
  252. a {
  253. color:{color:links};
  254. text-decoration:none;
  255. transition:.5s;
  256. -webkit-transition:.5s;
  257. -moz-transition:.5s;
  258. -o-transition:.5s;
  259. }
  260.  
  261. h1, .title, .caption a.tumblr_blog {
  262. color:{color:title};
  263. font-size:1.25em;
  264. letter-spacing:.05em;
  265. font-weight:bold;
  266. font-style:italic;
  267. }
  268.  
  269. a:hover, .caption a.tumblr_blog:hover {
  270. color:{color:links hover};
  271. transition:.5s;
  272. -webkit-transition:.5s;
  273. -moz-transition:.5s;
  274. -o-transition:.5s;
  275. }
  276.  
  277. small, big {font-size:1em;}
  278.  
  279. /* sidebar */
  280.  
  281. .side {
  282. position:fixed;
  283. top:70px;
  284. width:{select:sidebar width};
  285. padding:25px;
  286. margin-left:70px;
  287. background:{color:sidebar background};
  288. border-radius:4px;
  289. border-bottom:1px solid {color:border};
  290. box-shadow: 0 6px 6px -6px {color:border};
  291. }
  292.  
  293. .side img {
  294. width:100%;
  295. {block:IfNotShowSidebarPicture}
  296. display:none;
  297. {/block:IfNotShowSidebarPicture}
  298. }
  299.  
  300. .title {margin-top:10px;}
  301.  
  302. .desc {text-align:justify;margin-top:10px;}
  303.  
  304. .sl {
  305. margin-top:10px;
  306. letter-spacing:.05em;
  307. font-weight:bold;
  308. }
  309.  
  310. .sl a {
  311. display:block;
  312. padding:1em 0;
  313. margin:.5em 0;
  314. letter-spacing:.05em;
  315. }
  316.  
  317. .sl a:hover {
  318. padding-left:25px;
  319. }
  320.  
  321. /* content */
  322.  
  323. .container {
  324. margin-left:calc({select:sidebar width} + 155px);
  325. margin-top:70px;
  326. width:calc(calc({select:post size} + 70px) * {select:columns});
  327. {block:PermaLinkPage}
  328. width:{select:permalink post size};
  329. margin-left:340px;
  330. {/block:PermaLinkPage}
  331. transition:.5s;
  332. -webkit-transition:.5s;
  333. -moz-transition:.5s;
  334. -o-transition:.5s;
  335. }
  336.  
  337. .post {
  338. width:{select:post size};
  339. margin:0 35px 70px;
  340. background:{color:post background};
  341. border-radius:4px;
  342. border-bottom:1px solid {color:border};
  343. box-shadow: 0 6px 6px -6px {color:border};
  344. float:left;
  345. overflow:hidden;
  346. {block:PermaLinkPage}
  347. width:100%;
  348. {/block:PermaLinkPage}
  349. }
  350.  
  351. /* posts */
  352.  
  353. .caption, .po {padding:25px 25px 0;}
  354.  
  355. .quos {margin-top:12.5px;}
  356.  
  357. .chat {padding:25px;list-style:none;}
  358.  
  359. b, strong, em, italic, .cha {color:{color:title};}
  360.  
  361. .line {padding:6.25px;}
  362.  
  363. .playb {
  364. width:30px;
  365. height:27px;
  366. margin:12.5px 12.5px 0 12.5px;
  367. border-radius:2px;
  368. overflow:hidden;
  369. position:relative;
  370. z-index:2;
  371. }
  372.  
  373. .track {
  374. padding:25px 25px 0;
  375. margin:-53px 0 0 30px;
  376. {block:PermaLinkPage}
  377. font-size:1.25em;
  378. margin:-47px 0 0 30px;
  379. {/block:PermaLinkPage}
  380. }
  381.  
  382. .que {padding:25px 25px 0;color:{color:title};}
  383.  
  384. span.quem {font-style:italic;letter-spacing:.05em;margin-right:2.5px;}
  385.  
  386. /* info */
  387.  
  388. .info {
  389. padding:12.5px;
  390. text-transform:uppercase;
  391. font-weight:bold;
  392. text-align:center;
  393. {block:PermaLinkPage}
  394. margin:25px 0;
  395. {/block:PermaLinkPage}
  396. }
  397.  
  398. a.tags {
  399. text-transform:none;
  400. font-weight:normal;
  401. font-style:italic;
  402. font-size:.9em;
  403. margin-right:8px;
  404. letter-spacing:.05em;
  405. }
  406.  
  407. /* notes */
  408.  
  409. ol.notes {
  410. padding:25px;
  411. margin:35px 0 100px 35px;
  412. width:calc({select:permalink post size} - 50px);
  413. max-height:200px;
  414. overflow:auto;
  415. list-style-type:none;
  416. background:{color:post background};
  417. border-radius:4px;
  418. border-bottom:1px solid {color:border};
  419. box-shadow: 0 6px 6px -6px {color:border};
  420. }
  421.  
  422. ol.notes li.note img.avatar {display:none;}
  423.  
  424. ol.notes li.note span.action {font-weight:none;}
  425.  
  426. ol.notes li.note .answer_content {font-weight:normal;}
  427.  
  428. ol.notes li.note blockquote {padding:4px 10px;margin:10px 0px 0px 25px;}
  429.  
  430. ol.notes li.note blockquote a {text-decoration:none;}
  431.  
  432. .ft {
  433. position:fixed;
  434. z-index:5;
  435. bottom:5px;
  436. left:10px;
  437. text-align:center;
  438. }
  439.  
  440. .ft a {padding:10px 20px;}
  441.  
  442. .ft span {font-weight:bold;}
  443.  
  444. .ft a:hover span {opacity:0;}
  445.  
  446. .ft a:before {opacity:0;content:attr(data-hover);font-size:.85em;font-style:italic;position:absolute;margin-top:-.4em;margin-left:-45px;width:200%;text-align:center;
  447. transition:.5s;
  448. -webkit-transition:.5s;
  449. -moz-transition:.5s;
  450. -o-transition:.5s;
  451. }
  452.  
  453. .ft a:hover:before {opacity:1;
  454. transition:.5s;
  455. -webkit-transition:.5s;
  456. -moz-transition:.5s;
  457. -o-transition:.5s;
  458. }
  459.  
  460. /* screens */
  461. @media screen and (max-width: 480px) {
  462.  
  463. .side {width:25%;top:25px;margin-left:2.5%;}
  464. .container {margin-top:25px;margin-left:45%;width:50%;}
  465. .post {width:100%;margin:0 0 25px;}
  466. ol.notes {width:75%;margin-left:0;}
  467.  
  468. }
  469.  
  470. @media screen and (min-width: 480px) and (max-width:600px) {
  471.  
  472. .side {width:75px;top:12.5px;margin-left:10px;}
  473. .container {margin-top:12.5px;margin-left:140px;width:calc(100% - calc({select:sidebar width} + 75px));}
  474. .post {
  475. width:calc(calc(100% - calc({select:columns} * 10px)) / {select:columns});
  476. margin:0 5px 25px;
  477. {block:PermalinkPage}
  478. width:100%;
  479. {/block:PermalinkPage}
  480. }
  481. ol.notes {width:80%;margin-left:0;}
  482.  
  483. }
  484.  
  485.  
  486. @media screen and (min-width:600px) and (max-width: 768px) {
  487.  
  488. .side {width:{select:sidebar width};top:12.5px;margin-left:12.5px;}
  489. .container {margin-top:12.5px;margin-left:calc({select:sidebar width} + 75px);width:calc(100% - calc({select:sidebar width} + 75px));}
  490. .post {
  491. width:calc(calc(100% - calc({select:columns} * 12.5px)) / {select:columns});
  492. margin:0 6.25px 25px;
  493. {block:PermalinkPage}
  494. width:90%;
  495. {/block:PermalinkPage}
  496. }
  497. ol.notes {
  498. width:calc(100% - {select:sidebar width});
  499. margin-left:7px;
  500. }
  501.  
  502. }
  503.  
  504.  
  505. </style>
  506. </head>
  507.  
  508. <body>
  509.  
  510. <div class="ft"><a href="https://oldfashionedvillain.tumblr.com/" title="code" data-hover="fairy tales"><span class="sf sf-code"></span></a></div>
  511.  
  512. <div class="side">
  513. <img src="{image:sidebar}"/>
  514. <div class="title">{Title}</div>
  515. <div class="desc">{Description}</div>
  516.  
  517. <div class="sl">
  518. <a href="/">home</a>
  519. <a href="/ask">inbox</a>
  520. <a href="/archive">archive</a>
  521. {block:IfLink1Title}<a href="{text:link 1 url}"> {text:link 1 title}</a>{/block:IfLink1Title}
  522. {block:IfLink2Title}<a href="{text:link 2 url}"> {text:link 2 title}</a>{/block:IfLink2Title}
  523. {block:IfLink3Title}<a href="{text:link 3 url}"> {text:link 3 title}</a>{/block:IfLink3Title}
  524. {block:Pagination}
  525. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  526. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  527. {/block:Pagination}
  528. </div>
  529. </div>
  530.  
  531. <div class="container">
  532.  
  533. {block:Posts}
  534.  
  535. <div class="post">
  536.  
  537. {block:Text}
  538. {block:Title}<h1 style="padding:25px 25px 0;">{Title}</h1>{/block:Title} <div class="caption">{Body}</div>
  539. {/block:Text}
  540.  
  541.  
  542. {block:Photo}
  543. <img src="{PhotoURL-500}" width="100%" >
  544. {block:PermaLinkPage}
  545. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  546. {/block:PermaLinkPage}
  547. {/block:Photo}
  548.  
  549. {block:Photoset}
  550. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="100%" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  551. {block:PermaLinkPage}
  552. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  553. {/block:PermaLinkPage}
  554. {/block:Photoset}
  555.  
  556.  
  557. {block:Quote}
  558. <div class="po">
  559. <h1>{Quote}</h1>
  560. {block:Source}<div class="quos">{Source}</div>{/block:Source}
  561. </div>
  562. {/block:Quote}
  563.  
  564.  
  565. {block:Link}
  566. <div class="po">
  567. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  568. {block:Description}{Description}{/block:Description}
  569. </div>
  570. {/block:Link}
  571.  
  572.  
  573. {block:Chat}
  574. <div class="chat">
  575. {block:Title}<h1>{Title}</h1>{/block:Title} {block:Lines} <li class="line {Alt}"> {block:Label} <span class="quem cha"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  576. {/block:Chat}
  577.  
  578.  
  579. {block:Audio}
  580. <div class="playb">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div>
  581. <div class="track">
  582. {block:TrackName}{TrackName}{/block:TrackName} {block:Artist}by <b>{Artist}</b>{/block:Artist}</div>
  583. {block:PermaLinkPage}
  584. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  585. {/block:PermaLinkPage}
  586. {/block:Audio}
  587.  
  588.  
  589. {block:Video}
  590. <div class="video">{Video-500}</div>
  591. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  592. {/block:Video}
  593.  
  594.  
  595. {block:Answer}
  596. <div class="que"><span class="quem">{Asker}</span>{Question}</div>
  597. <div class="po">{Answer}</div>
  598. {/block:Answer}
  599.  
  600.  
  601. <div class="info">
  602.  
  603. {block:IndexPage}
  604. {block:Date}
  605. <a href="{Permalink}" title="{TimeAgo}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}">{DayOfWeek}</a>
  606. {/block:Date}
  607. {block:RebloggedFrom}
  608. <a href="{ReblogParentURL}" title="{ReblogParentName}"> / via</a>
  609. {block:ContentSource}
  610. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}"> / src</a>
  611. {/block:ContentSource}
  612. {/block:RebloggedFrom}
  613. {block:HasTags}<br />{block:Tags}<a class="tags" href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  614. {/block:IndexPage}
  615.  
  616. {block:PermaLinkPage}
  617. {block:Date}Posted {TimeAgo}{/block:Date}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  618. {block:RebloggedFrom}
  619. <br />
  620. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  621. {block:ContentSource} source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  622. {/block:ContentSource}
  623. {/block:RebloggedFrom}
  624. {block:HasTags}<br />{block:Tags}<a class="tags" href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  625. {/block:PermaLinkPage}
  626.  
  627. </div>
  628.  
  629.  
  630. </div>
  631.  
  632.  
  633. {block:PostNotes}
  634. {PostNotes}
  635. {/block:PostNotes}
  636.  
  637. {/block:Posts}
  638.  
  639. <!--- grid --->
  640. {block:IndexPage}
  641. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  642. {/block:IndexPage}
  643. <script>
  644. $(document).ready(function(){
  645. $('.photo-slideshow').pxuPhotoset({
  646. lightbox: true,
  647. rounded: false,
  648. gutter: '2px',
  649. photoset: '.photo-slideshow',
  650. photoWrap: '.photo-data',
  651. photo: '.pxu-photo'
  652. });
  653. $('.post').unnest({
  654. yourCaption: ".caption", {Caption}
  655. wrapName: ".tumblr_parent",
  656. newCaptionUsername: false,
  657. originalPostCaptionUsername: false,
  658. tumblrAvatars: true,
  659. tumblrAvatarClass: ".tumblr_avatar",
  660. usernameColon: false
  661. });
  662. $(document).ready(function(){
  663. var color = '{color:accent}';
  664. $('.soundcloud_audio_player').each(function(){
  665. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  666. });
  667. });
  668. {block:IndexPage}
  669. var $container = $('.container');
  670. $container.masonry({ itemSelector: '.post' });
  671. $container.imagesLoaded(function(){
  672. $container.masonry();
  673. $container.find('.post').animate({ opacity: 1, zIndex: 1 });
  674. });
  675. {/block:IndexPage}
  676. });
  677. </script>
  678.  
  679. {block:ContentSource}
  680. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  681. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  682. {/block:SourceLogo}
  683. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  684. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  685.  
  686. </body>
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!