API tools faq
paste
Advertisement
str-wrs

Chronos

str-wrs
Sep 9th, 2015
14,595
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.63 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME: CHRONOS
  4. by acuite
  5.  
  6. - a grid theme, finally :)
  7. - don't steal this pls
  8. - enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
  9.  
  10. - @acuite for more themes
  11.  
  12. -->
  13.  
  14. <html>
  15. <head>
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <meta name="image:Sidebar" content=""/>
  23.  
  24. <meta name="color:Background" content="#f8f8f8"/>
  25. <meta name="color:Post" content="#fff"/>
  26. <meta name="color:Border" content="#eee"/>
  27. <meta name="color:Text" content="#555"/>
  28. <meta name="color:Link" content="#999"/>
  29. <meta name="color:Hover" content="#000"/>
  30.  
  31. <meta name="if:Hover Info" content=""/>
  32. <meta name="if:Drop Links" content=""/>
  33. <meta name="if:Image" content=""/>
  34. <meta name="if:Side Title" content=""/>
  35. <meta name="if:Solid Navigation" content=""/>
  36. <meta name="if:Paginate" content=""/>
  37. <meta name="if:Captions" content=""/>
  38. <meta name="if:Tags" content=""/>
  39. <meta name="if:Border" content=""/>
  40. <meta name="if:Shadow" content=""/>
  41.  
  42. <meta name="select:Columns" content="1" title="One">
  43. <meta name="select:Columns" content="2" title="Two">
  44. <meta name="select:Columns" content="3" title="Three">
  45.  
  46. <meta name="select:Navigation" content="header" title="Header">
  47. <meta name="select:Navigation" content="sidebar" title="Sidebar">
  48.  
  49. <meta name="select:Header Align" content="center" title="Center">
  50. <meta name="select:Header Align" content="left" title="Left">
  51. <meta name="select:Header Align" content="right" title="Right">
  52.  
  53. <meta name="text:Post" content="200"/>
  54. <meta name="text:Sidebar" content="145"/>
  55. <meta name="text:Margin" content="50"/>
  56. <meta name="text:Padding" content="3"/>
  57.  
  58. <meta name="text:Link 1" content="/"/>
  59. <meta name="text:Link 1 Title" content="one"/>
  60. <meta name="text:Link 2" content="/" />
  61. <meta name="text:Link 2 Title" content="two"/>
  62. <meta name="text:Link 3" content="/" />
  63. <meta name="text:Link 3 Title" content="three"/>
  64. <meta name="text:Link 4" content="/" />
  65. <meta name="text:Link 4 Title" content="four"/>
  66.  
  67. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  68. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  69. <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
  70.  
  71. <style type="text/css">
  72.  
  73. ::-webkit-scrollbar {width:2px;height:2px;background:{color:Background};}
  74. ::-webkit-scrollbar-thumb {background:{color:Border};}
  75.  
  76. .tmblr-iframe--desktop-logged-in-controls, .iframe-controls--desktop, .tmblr-iframe, #tumblr_controls{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0.5;}
  77.  
  78. /* General */
  79.  
  80. body {margin:0px;background:{color:Background};color:{color:Text};}
  81. a:link, a:active, a:visited {text-decoration:none;}
  82. .playh,.tags{
  83. transition:0.5s ease;
  84. -o-transition:0.5s ease;
  85. -moz-transition:0.5s ease;
  86. -webkit-transition:0.5s ease;
  87. }
  88.  
  89. pre, p, blockquote,body,big,small,sub,sup,.pag {font-size:9px;}
  90. p, body, pre, em{font-family:'Open Sans',Helvetica,Arial,sans-serif;}
  91. a:link, a:active, a:visited {text-decoration:none;}
  92. a, h2, .thover {
  93. transition:0.5s ease;
  94. -o-transition:0.5s ease;
  95. -moz-transition:0.5s ease;
  96. -webkit-transition:0.5s ease;
  97. }
  98.  
  99. /* Borders */
  100.  
  101. .cap a,.pcap a,h2,.lines b, h1{
  102. display:inline-block;
  103. border-bottom:1px solid {color:Border};
  104. }
  105.  
  106. h2 a:hover, a h2:hover,.cap a:hover,.pcap a:hover {
  107. border-bottom:1px solid;
  108. border-color:rgba({RGBcolor:Hover},0.5);
  109. }
  110.  
  111. /* Credit & Pagi */
  112.  
  113. .c{position:fixed;bottom:30px;right:30px;}
  114. .pag a,.cp {margin:0px 10px;}
  115. .pag {position:relative;margin-top:{text:Margin}px;text-align:center;}
  116. {block:ifnotPaginate}
  117. .pag,#infscr-loading {display:none!important;}
  118. {/block:ifnotPaginate}
  119.  
  120. /* Containers */
  121.  
  122. #center {
  123. position:relative;
  124. margin:{text:Margin}px auto;
  125. {block:IndexPage}width:calc(({text:Post}px {block:ifBorder}+ 2px{/block:ifBorder} + {text:Margin}px + ({text:Padding}px * 2)) * {select:Columns});{/block:IndexPage}
  126. {block:PermalinkPage}width:calc(400px {block:ifBorder}+ 2px{/block:ifBorder} + ({text:Padding}px * 2));{/block:PermalinkPage}
  127. }
  128.  
  129. #content {font-size:0px;}
  130. .entry img {max-width:100%;height:auto;}
  131. .entry {
  132. font-size:9px;
  133. padding:{text:Padding}px;
  134. {block:IndexPage}
  135. width:{text:Post}px;
  136. position:relative;
  137. display:inline-block;
  138. vertical-align:middle;
  139. margin-bottom:{text:Margin}px;
  140. margin-right:calc({text:Margin}px / 2);
  141. margin-left:calc({text:Margin}px / 2);
  142. {/block:IndexPage}
  143. {block:PermalinkPage}
  144. width:400px;
  145. {/block:PermalinkPage}
  146. }
  147.  
  148. /* Sidebar & Header */
  149.  
  150. .sidebar h1 {margin:10px 10px 0px;padding-bottom:1px;font-size:11px;}
  151. .header h1 {margin:0px;padding-bottom:3px;font-size:13px;}
  152. .image img{width:100%;}
  153. .links {border-top:1px solid {color:Border};}
  154. .links a{display:inline-block;}
  155. .lh:hover {cursor:help;}
  156. .lb {display:none;}
  157.  
  158. /* Sidebar */
  159.  
  160. .sidebar {
  161. position:fixed;
  162. width:{text:Sidebar}px;
  163. padding:{text:Padding}px;
  164. margin-left:calc(-{text:Sidebar}px + (-{text:Padding}px * 2) + (-{text:Margin}px / 2) {block:ifBorder}+ 2px{/block:ifBorder});
  165. }
  166.  
  167. .sidebar .desc {padding:10px;}
  168. .sidebar .image{
  169. padding-bottom:{text:Padding}px;
  170. border-bottom:1px solid {color:Border};
  171. }
  172.  
  173. .sidebar .hiti {display:none;}
  174. .sidebar .links a {margin:0px 3px 3px;}
  175. .sidebar .links{text-align:center;padding:8px 4px 4px;}
  176.  
  177. /* Header */
  178.  
  179. .header {
  180. padding:20px;
  181. margin:{text:Margin}px calc({text:Margin}px / 2);
  182. text-align:{select:Header Align};
  183. }
  184.  
  185. .header .siti {display:none;}
  186. .header .desc {padding:15px;}
  187. .header .image img{border-radius:25px;height:100%;}
  188. .header .image {width:30px;height:30px;margin-right:10px;}
  189. .header .image,.header h1 {vertical-align:middle;display:inline-block;}
  190. .header .links a{margin:5px 5px 0px;}
  191. .header .links{padding-top:5px;}
  192.  
  193. /* Titles */
  194.  
  195. h1 {
  196. font-weight:300;
  197. letter-spacing:1.5px;
  198. text-transform:uppercase;
  199. }
  200.  
  201. h3 {font-weight:400;margin:10px;}
  202. h2 {margin:10px 10px 0px;padding-bottom:2px;}
  203. h2 a:hover, a h2:hover {color:{color:Hover};}
  204. h2, .qut{
  205. font-size:11px;
  206. font-weight:300;
  207. letter-spacing:0.5px;
  208. }
  209.  
  210. .qut {padding:20px;font-style:italic;text-align:center;}
  211. .src {
  212. text-align:center;
  213. padding:{text:Padding}px;
  214. border-top:1px solid {color:Border};
  215. }
  216.  
  217. /* Asks */
  218.  
  219. .ask {padding:20px;background:{color:Accent};line-height:160%;}
  220. .ask h2 {margin:0px;}
  221. .ask p{margin:10px 0px 0px;}
  222. .ans li *{border:none;margin:0px;padding:0px;}
  223.  
  224. /* Permalinks */
  225.  
  226. .nt {
  227. font-size:12px;
  228. font-weight:300;
  229. letter-spacing:0.5px;
  230. text-transform:uppercase;
  231. }
  232.  
  233. .entry:hover .p {opacity:1;}
  234. .p a{color:{color:Title};}
  235. .p {
  236. margin:0px;
  237. position:absolute;
  238. opacity:0;
  239. z-index:999;
  240. padding:10px;
  241. background:rgba(255,255,255,0.9);
  242. transition:0.5s ease;
  243. -o-transition:0.5s ease;
  244. -moz-transition:0.5s ease;
  245. -webkit-transition:0.5s ease;
  246. width:calc(100% - 20px - ({text:Padding}px * 2));
  247. height:calc(100% - 20px - ({text:Padding}px * 2));
  248. overflow:auto;
  249. }
  250.  
  251. .tags {margin-top:5px;}
  252. .tags a{margin-right:5px;font-size:8px;letter-spacing:0.5px;}
  253. .pp a{margin:{text:Padding}px;display:inline-block;vertical-align:top;}
  254. .pp {
  255. border-top:1px solid {color:Border};
  256. margin:-{text:Padding}px;
  257. margin-top:{text:Padding}px;
  258. padding:4px;
  259. }
  260.  
  261. .pta {margin-bottom:{text:Padding}px;}
  262. .pta a{
  263. text-transform:none;
  264. letter-spacing:0.5px;
  265. margin:0px {text:Padding}px;
  266. }
  267.  
  268. /* Photosets */
  269.  
  270. #tumblr_lightbox,.tmblr-lightbox {
  271. background:rgba({RGBcolor:Background},0.99)!important;
  272. }
  273.  
  274. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  275. opacity:0!important;
  276. }
  277.  
  278. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  279. #tumblr_lightbox_right_image, .lightbox-image {
  280. box-shadow:none!important;
  281. border-radius:0px!important;
  282. background:{color:Post}!important;
  283. border:1px solid {color:Border}!important;
  284. padding:6px!important;
  285. }
  286.  
  287. /* Audio & Chat */
  288.  
  289. .lines:last-child{border:0px;}
  290. .lines {border-bottom:1px solid {color:Border};padding:5px;}
  291. .lines b{font-weight:400;margin-bottom:1px;}
  292.  
  293. .play {
  294. float:left;
  295. padding:10px;
  296. background:#e4e4e4;
  297. margin-right:15px;
  298. height:27px;
  299. }
  300.  
  301. .audio {
  302. height:47px;
  303. padding:10px;
  304. {block:ifnotHoverInfo}
  305. {block:ifCaptions}
  306. border-bottom:1px solid {color:Border};
  307. {/block:ifCaptions}
  308. {/block:ifnotHoverInfo}
  309. }
  310.  
  311. .au {padding:7px;}
  312. .au span{display:block;margin:3px 0px;}
  313. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  314.  
  315. /* Text */
  316.  
  317. b, strong {font-weight:600;}
  318. p, blockquote {margin:10px 0px;}
  319. ol, ul {padding:0px;list-style-type:none;}
  320. ul li {position:relative;padding-left:30px;}
  321. ul li:before {
  322. content:'';
  323. position:absolute;
  324. display:block;
  325. top:8px;
  326. left:10px;
  327. width:10px;
  328. height:1px;
  329. background:{color:Border};
  330. }
  331.  
  332. blockquote p{margin:10px 0px;}
  333. blockquote p:first-child{margin:0px 0px 10px;}
  334. blockquote p:last-child{margin:10px 0px 0px;}
  335. blockquote p:only-child{margin:0px;}
  336. blockquote{padding:0px 10px;border-left:1px solid {color:Border};}
  337. pre {
  338. white-space:pre-wrap;
  339. white-space:-moz-pre-wrap;
  340. white-space:-pre-wrap;
  341. white-space:-o-pre-wrap;
  342. word-wrap:break-word;
  343. }
  344.  
  345. /* Video */
  346.  
  347. .video {overflow:hidden;}
  348. .vine-embed {margin-bottom:-3px;}
  349. .instagram-media {border-radius:0px!important;box-shadow:none!important;}
  350.  
  351. /* Captions */
  352.  
  353. .txt,.ans {margin:0px;padding:0px 10px;}
  354. .pcap {padding:5px 10px;margin-top:{text:Padding}px;}
  355. .txt iframe,.ans iframe,.cap iframe,.au_cap iframe,.pcap iframe{
  356. display:block;max-width:100%;overflow:hidden;
  357. }
  358.  
  359. /* Postnotes */
  360.  
  361. .pph {font-size:8px;}
  362. .perma a{margin-right:5px;}
  363. .perma,.pnh {line-height:180%;letter-spacing:0.5px;}
  364. .perma {padding:10px;border-top:1px solid {color:Border};text-transform:lowercase;}
  365.  
  366. .pn img{display:none;}
  367. .pn li{margin:5px;}
  368. .pn ul, .pn ol {list-style-type:none;padding:0px;margin:0px;}
  369. .pn {display:none;padding:5px;border-top:1px solid {color:Border};}
  370. .pn li:before {display:none;}
  371.  
  372. .pnh {display:block;}
  373.  
  374. /* Tooltips */
  375.  
  376. #s-m-t-tooltip{
  377. max-width:300px;
  378. margin:15px;
  379. z-index:99999999;
  380. padding:5px;
  381. font-size:8px;
  382. font-style:italic;
  383. color:{color:Link};
  384. letter-spacing:0.5px;
  385. }
  386.  
  387. /* Common Styles */
  388.  
  389. p,blockquote,.lines,ul,.qut,h3,.pta,.desc{line-height:160%;}
  390. a,.lines b,h2,.ask,.qut,.p,.perma,.tn,h1{color:{color:Link};}
  391. a:hover{color:{color:Hover};}
  392.  
  393. .pnh,h3,.c,.tn,.pp{
  394. font-size:8px;
  395. letter-spacing:1px;
  396. text-transform:uppercase;
  397. }
  398.  
  399. .entry,.sidebar,.header,#s-m-t-tooltip{
  400. background:{color:Post};
  401. {block:ifBorder}border:1px solid {color:Border};{/block:ifBorder}
  402. {block:ifShadow}box-shadow:rgba(0,0,0,0.05)2px 2px 1px;{/block:ifShadow}
  403. }
  404.  
  405. .header,.sidebar {
  406. {block:ifnotSolidNavigation}
  407. background:none;
  408. border:0px;
  409. box-shadow:none;
  410. {/block:ifnotSolidNavigation}
  411. }
  412.  
  413. /* Etc */
  414.  
  415. #ask_form {margin:10px 0px!important;}
  416. .notes img {width:0px;}
  417. img{margin:0px;border:none;display:block;}
  418.  
  419. </style>
  420. </head>
  421. <body>
  422.  
  423. <div id="center">
  424.  
  425. <div class="{select:Navigation}">
  426. {block:ifImage}<a href="/"><div class="image"><img src="{image:Sidebar}"/></div></a>{/block:ifImage}
  427. {block:ifSideTitle}<h1 class="siti">{Title}</h1>{/block:ifSideTitle}
  428. <h1 class="hiti">{Title}</h1>
  429. <div class="desc">{Description}</div>
  430. <div class="links">
  431. <a href="/">index</a>
  432. <a href="/ask">contact</a>
  433. {block:ifDropLinks}
  434. <a href="#" class="lh">navigate</a>
  435. <div class="lb">
  436. {/block:ifDropLinks}
  437. {block:ifLink1}
  438. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  439. {/block:ifLink1}{block:ifLink2}
  440. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  441. {/block:ifLink2}{block:ifLink3}
  442. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  443. {/block:ifLink3}{block:ifLink4}
  444. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  445. {/block:ifLink4}
  446. <a href="/archive">history</a>
  447. {block:ifDropLinks}
  448. </div>
  449. {/block:ifDropLinks}
  450. </div>
  451. </div>
  452.  
  453. <div id="content">
  454. {block:Posts}
  455. <div class="entry">
  456.  
  457. {block:ifHoverInfo}
  458. {block:IndexPage}<div class="p">
  459. <div class="nt"><a href="{Permalink}">{NoteCount} N</a></div>
  460.  
  461. {block:ifCaptions}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:ifCaptions}
  462. {block:ifTags}{block:HasTags}<div class="tags">
  463. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  464. </div>{/block:HasTags}{/block:ifTags}
  465.  
  466. </div>{/block:IndexPage}
  467. {/block:ifHoverInfo}
  468.  
  469. {block:Text}
  470. {block:Title}<h2>{Title}</h2>{/block:Title}
  471. <div class="txt">{Body}</div>
  472. {/block:Text}
  473.  
  474. {block:Link}
  475. <a title="{URL}" href="{URL}">
  476. <h2>{Name} <i class="fa fa-angle-right"></i></h2></a>
  477. {block:Description}<div class="txt">{Description}</div>{/block:Description}
  478. {/block:Link}
  479.  
  480. {block:Photo}
  481. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  482. {/block:Photo}
  483.  
  484. {block:Photoset}
  485. <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="{PhotoWidth-500}" 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>
  486. {/block:Photoset}
  487.  
  488. {block:Quote}
  489. <div class="qut">{Quote}</div>
  490. <div class="src">{Source}</div>
  491. {/block:Quote}
  492.  
  493. {block:Chat}
  494. {block:Title}<h2>{Title}</h2>{/block:Title}
  495. <div class="chat">
  496. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">
  497. {block:Label}<b>{Label}</b><br>{/block:Label}{Line}</div></div>{/block:Lines}
  498. </div>
  499. {/block:Chat}
  500.  
  501. {block:Audio}
  502. <div class="audio">
  503. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  504. <div class="au">
  505. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  506. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  507. </div>
  508. </div>
  509. {/block:Audio}
  510.  
  511. {block:Video}
  512. <div class="video">{Video-500}</div>
  513. {/block:Video}
  514.  
  515. {block:Answer}
  516. <div class="ask"><h2>{Asker} said</h2><p>{Question}</p></div>
  517. <div class="ans">{Answer}</div>
  518. {/block:Answer}
  519.  
  520. {block:ifnotHoverInfo}
  521. {block:ifCaptions}{block:Caption}<div class="pcap">{Caption}</div>{/block:Caption}{/block:ifCaptions}
  522.  
  523. {block:IndexPage}<div class="pp">
  524. <a href="{Permalink}">{NoteCount} N</a>
  525.  
  526. {block:ifTags}{block:HasTags}<div class="pta">
  527. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  528. </div>{/block:HasTags}{/block:ifTags}
  529.  
  530. </div>{/block:IndexPage}
  531. {/block:ifnotHoverInfo}
  532.  
  533. {block:PermalinkPage}
  534. {block:ifHoverInfo}
  535. {block:Caption}<div class="pcap">{Caption}</div>{/block:Caption}
  536. {/block:ifHoverInfo}
  537.  
  538. {block:Date}
  539. <div class="pph">
  540. <div class="perma">
  541. Posted {TimeAgo} on {DayofMonthWithSuffix} {Month}
  542. {block:RebloggedFrom}<br>
  543. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a> &middot;
  544. Origin: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  545. {/block:RebloggedFrom}
  546.  
  547. {block:HasTags}<br>Tags:&nbsp;&nbsp;&nbsp;
  548. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  549. {/block:HasTags}
  550. <a href="#" class="pnh">view {NoteCountWithLabel}</a>
  551. </div>
  552. {block:PostNotes}
  553. <div class="pn">{PostNotes}</div>
  554. {/block:PostNotes}
  555. </div>
  556. {/block:Date}
  557. {/block:PermalinkPage}
  558.  
  559.  
  560. {block:ContentSource}
  561. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  562. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  563. {/block:SourceLogo}
  564. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  565. {/block:ContentSource}
  566.  
  567. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  568.  
  569. </div>
  570. {/block:Posts}
  571.  
  572. {block:ifPaginate}
  573. {block:Pagination}
  574. <div class="pag">
  575. {block:PreviousPage}
  576. <a href="{PreviousPage}"><i class="fa fa-angle-left"></i> back</a>
  577. {/block:PreviousPage}
  578.  
  579. <span class="cp">{CurrentPage} / {TotalPages}</span>
  580.  
  581. {block:NextPage}
  582. <a href="{NextPage}">next <i class="fa fa-angle-right"></i></a>
  583. {/block:NextPage}
  584. </div>
  585. {/block:Pagination}
  586. {/block:ifPaginate}
  587.  
  588. </div>
  589.  
  590. {block:ifnotPaginate}
  591. {block:Pagination}
  592. <div class="pag">
  593. {block:PreviousPage}
  594. <a href="{PreviousPage}" class="prev">back</a>
  595. {/block:PreviousPage}
  596. {block:NextPage}
  597. <a href="{NextPage}" class="next">next</a>
  598. {/block:NextPage}
  599. </div>
  600. {/block:Pagination}
  601. {/block:ifnotPaginate}
  602.  
  603. </div>
  604.  
  605. <div class="c"><a href="http://acuite.tumblr.com/">acuite</a></div>
  606.  
  607. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  608. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  609. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  610. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  611. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  612.  
  613. <script>
  614. $(document).ready(function(){
  615. $('.photo-slideshow').pxuPhotoset({
  616. lightbox: true,
  617. rounded: false,
  618. gutter: '1px',
  619. photoset: '.photo-slideshow',
  620. photoWrap: '.photo-data',
  621. photo: '.pxu-photo'
  622. });
  623. {block:ifnotPaginate}
  624. var $container = $('#content');
  625. $container.infinitescroll({
  626. itemSelector: '.entry',
  627. navSelector: '.pag',
  628. nextSelector: '.next',
  629. loadingImg: ' ',
  630. loadingText: ' ',
  631. donetext: 'No more posts' ,
  632. bufferPx: 2000
  633. },
  634. function( newElements ) {
  635. var $newElems = $( newElements );
  636. $newElems.find('.photo-slideshow').pxuPhotoset({
  637. lightbox: true,
  638. rounded: false,
  639. gutter: '1px',
  640. photoset: '.photo-slideshow',
  641. photoWrap: '.photo-data',
  642. photo: '.pxu-photo'
  643. });
  644. resizeVideos();
  645. });
  646. {/block:ifnotPaginate}
  647. });
  648.  
  649.  
  650. // minimal soundcloud player © eoxk.tumblr
  651. $(document).ready(function(){
  652. var color = '{color:Link}'; // color of play button (hex)
  653. $('.soundcloud_audio_player').each(function(){
  654. $(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%' });
  655. });
  656. });
  657.  
  658.  
  659. // drop links & post notes
  660. $(document).ready(function(){
  661. $(".pn").hide();
  662. $(".pnh").show();$('.pnh').toggle(function(){
  663. $(".pn").slideDown(function(){});
  664. },function(){
  665. $(".pn").slideUp(function(){});
  666. });
  667. $(".lb").hide();
  668. $(".lh").show();$('.lh').toggle(function(){
  669. $(".lb").slideDown(function(){});
  670. },function(){
  671. $(".lb").slideUp(function(){});
  672. });
  673. });
  674.  
  675.  
  676. // tooltips
  677. (function($){
  678. $(document).ready(function(){
  679. $("[title]").style_my_tooltips({
  680. tip_delay_time:200,
  681. tip_fade_speed:300
  682. }
  683. );
  684. });
  685. })(jQuery);
  686.  
  687. </script>
  688. </body>
  689. </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!