API tools faq
paste
Advertisement
feiinho

Color Block

feiinho
Jul 21st, 2014
386
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.68 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5.  
  6. theme: Color Block
  7. version: 2.0 (December 10, 2013)
  8. from: adorablethemes.com
  9.  
  10. -->
  11. {MobileAppHeaders}
  12. <title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  13.  
  14. <link rel="shortcut icon" href="{Favicon}"/>
  15. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20. <meta charset="UTF-8" />
  21. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  22. <meta name="font:Body" content="Helvetica Neue, Helvetica, Arial, sans-serif"/>
  23. <meta name="font:Headings" content="Helvetica Neue, Helvetica, Arial, sans-serif"/>
  24. <meta name="font:Sidebar Links" content="Gibson, sans-serif"/>
  25. <meta name="image:Sidebar Banner" content=""/>
  26. <meta name="image:Sidebar Photo" content=""/>
  27. <meta name="image:Background" content=""/><meta name="color:Background" content="#222222"/><meta name="color:Sidebar Background" content="#222222"/>
  28. <meta name="color:Sidebar Text" content="#aaaaaa"/>
  29. <meta name="color:Sidebar Link 1" content="#333333"/>
  30. <meta name="color:Sidebar Link 2" content="#333333"/>
  31. <meta name="color:Sidebar Link 3" content="#333333"/>
  32. <meta name="color:Sidebar Link Text" content="#ffffff"/>
  33. <meta name="color:Sidebar Link Hover" content="#444444"/>
  34. <meta name="color:Sidebar Link Hover Text" content="#ffffff"/>
  35. <meta name="color:Post Background" content="#333333"/>
  36. <meta name="color:Post Hover" content="#000000"/>
  37. <meta name="color:Post Hover Text" content="#ffffff"/>
  38. <meta name="color:Post Text" content="#bbbbbb"/>
  39. <meta name="color:Post Links" content="#ffffff"/>
  40. <meta name="text:Custom Link 1 URL" content=""/>
  41. <meta name="text:Custom Link 1 Name" content=""/>
  42. <meta name="text:Custom Link 2 URL" content=""/>
  43. <meta name="text:Custom Link 2 Name" content=""/>
  44. <meta name="text:Custom Link 3 URL" content=""/>
  45. <meta name="text:Custom Link 3 Name" content=""/>
  46. <meta name="text:Custom Link 4 URL" content=""/>
  47. <meta name="text:Custom Link 4 Name" content=""/>
  48. <meta name="text:Google Analytics ID" content=""/>
  49. <meta name="if:Show Archive Link" content="1"/>
  50. <meta name="if:Show Random Link" content="1"/>
  51. <meta name="if:Infinite Scrolling" content="1"/>
  52. <meta name="if:Show Following" content="0"/>
  53. <meta name="if:Show Photo Captions" content="0"/>
  54. <meta name="if:Show Search Box" content="1">
  55. <meta name="if:Smaller Posts" content="0"/>
  56. <meta name="if:Fixed Sidebar" content="1"/>
  57. <meta name="if:Transparent Sidebar" content="0"/>
  58. <style type="text/css">
  59.  
  60. body {
  61. color: {color:Post Text};
  62. background: {color:Background} url('{image:Background}');
  63. background-attachment: fixed;
  64. font-family: {font:Body};
  65. }
  66. .wrapper {
  67. margin: 0 auto;
  68. {block:IfNotSmallerPosts}
  69. width: 750px;
  70. {/block:IfNotSmallerPosts}
  71. {block:IfSmallerPosts}
  72. width: 850px;
  73. {/block:IfSmallerPosts}
  74. }
  75. .main {
  76. margin-top: -8px;
  77. margin-left: 285px;
  78. {block:IfNotSmallerPosts}
  79. width: 450px;
  80. {/block:IfNotSmallerPosts}
  81. {block:IfSmallerPosts}
  82. width: 550px;
  83. {/block:IfSmallerPosts}
  84. }
  85. .sidebar {
  86. width: 300px;
  87. min-height: 100%;
  88. background-color: {color:Sidebar Background};
  89. {block:IfTransparentSidebar}
  90. background-color: rgba({RGBcolor:Sidebar Background},0.5);
  91. {/block:IfTransparentSidebar}
  92. color: {color:Sidebar Text};
  93. float: left;
  94. margin-left: -8px;
  95. {block:IfFixedSidebar}
  96. position: fixed;
  97. {/block:IfFixedSidebar}
  98. }
  99. .sidebar .widget {
  100. border: 1px solid rgba({RGBcolor:Sidebar Text}, 0.25);
  101. margin-left: 16px;
  102. margin-right: 16px;
  103. margin-bottom: 12px;
  104. font-size: 10px;
  105. line-height: 150%;
  106. padding: 9px 18px;
  107. {block:IfTransparentSidebar}
  108. background-color: rgba({RGBcolor:Sidebar Background},0.5);
  109. {/block:IfTransparentSidebar}
  110. }
  111. .search {
  112. background-color: transparent;
  113. border: 0;
  114. color: {color:Sidebar Text};
  115. width: 100%;
  116. }
  117.  
  118. {block:IndexPage}
  119. /* manage columns */
  120. {block:IfNotSmallerPosts}
  121. @media screen and (min-width:1154px) {
  122. .wrapper {
  123. width: 1150px;
  124. }
  125. .main {
  126. width: 850px;
  127. }
  128. }
  129. @media screen and (min-width:1600px) {
  130. .wrapper {
  131. width: 1575px;
  132. }
  133. .main {
  134. width: 1275px;
  135. }
  136. }
  137. {/block:IfNotSmallerPosts}
  138. {block:IfSmallerPosts}
  139. @media screen and (min-width:1200px) {
  140. .wrapper {
  141. width: 1125px;
  142. }
  143. .main {
  144. width: 825px;
  145. }
  146. }
  147. @media screen and (min-width:1400px) {
  148. .wrapper {
  149. width: 1400px;
  150. }
  151. .main {
  152. width: 1100px;
  153. }
  154. }
  155. {/block:IfSmallerPosts}
  156. {/block:IndexPage}
  157.  
  158. /*Headings*/
  159. h1,h2,h3,h4,h5,h6 {
  160. font-family: {font:Headings};
  161. }
  162.  
  163. /*Links*/
  164. a {
  165. color: {color:Post Links};
  166. text-decoration: none;
  167. }
  168. a:hover {
  169. color: {color:Post Links};
  170. text-decoration: underline;
  171. }
  172.  
  173. /*Sidebar stuff*/
  174. ul {
  175. list-style-type: none;
  176. padding-left: 0;
  177. margin-left: 16px;
  178. margin-right: 16px;
  179. }
  180. ul.sidelinks {
  181. -moz-columns: 2 auto;
  182. -webkit-columns: 2 auto;
  183. columns: 2 auto;
  184. -moz-column-gap: 3px;
  185. -webkit-column-gap: 3px;
  186. column-gap: 3px;
  187. }
  188. ol.notes {
  189. list-style-type: none;
  190. padding-left: 0;
  191. }
  192. ul.sidelinks li {
  193. color: {color:Sidebar Link Text};
  194. font-size: 10px;
  195. font-weight: normal;
  196. text-align: center;
  197. display: block;
  198. padding: 2px;
  199. margin-bottom: 3px;
  200. border: 0;
  201. }
  202. ul.sidelinks a:nth-child(3n) li {
  203. background-color: {color:Sidebar Link 1};
  204. }
  205. ul.sidelinks a:nth-child(3n+1) li {
  206. background-color: {color:Sidebar Link 2};
  207. }
  208. ul.sidelinks a:nth-child(3n+2) li {
  209. background-color: {color:Sidebar Link 3};
  210. }
  211. ul.sidelinks a li:hover {
  212. color: {color:Sidebar Link Hover Text};
  213. background-color: {color:Sidebar Link Hover};
  214. }
  215. a.sidelink {
  216. font-family: {font:Sidebar Links};
  217. color: {color:Sidebar Link Text};
  218. display: block;
  219. }
  220. a.sidelink:hover {
  221. color: {color:Sidebar Link Hover Text};
  222. text-decoration: none;
  223. }
  224. .sidebanner {
  225. max-width: 250px;
  226. height: auto;
  227. margin-top: 6px;
  228. border-radius: 2px;
  229. }
  230. .sidepic {
  231. max-width: 250px;
  232. height: auto;
  233. margin-top: 6px;
  234. border-radius: 2px;
  235. }
  236.  
  237. /*Lists*/
  238. ul {
  239. list-style-type: none;
  240. padding-left: 0;
  241. }
  242.  
  243.  
  244. /*Post things*/
  245. .content {
  246. font-size: 12px;
  247. padding: 10px;
  248. }
  249. .post blockquote {
  250. font-size: 12px;
  251. padding: 8px;
  252. margin: 10px;
  253. border-left: 4px solid rgba({RGBcolor:Post Text}, 0.25);
  254. }
  255.  
  256. /*Text posts*/
  257. .post p {
  258. font-size: 12px;
  259. line-height: 150%;
  260. }
  261. .post ul {
  262. list-style-type: square;
  263. font-size: 12px;
  264. padding-left: 20px;
  265. }
  266. .post ol {
  267. font-size: 12px;
  268. padding-left: 20px;
  269. }
  270. .post p img {
  271. max-width: 100%;
  272. border-radius: 2px;
  273. }
  274.  
  275. /*Chat posts*/
  276. ul.chat {
  277. list-style-type: none !important;
  278. padding-left: 0 !important;
  279. margin: 0;
  280. }
  281.  
  282. .chat li {
  283. padding-top: 5px;
  284. padding-bottom: 5px;
  285. border-bottom: 1px solid rgba({RGBcolor:Post Text},0.05);
  286. }
  287.  
  288. .chat li:last-child {
  289. border-bottom: none;
  290. }
  291.  
  292. .chat-label {
  293. font-weight: bold;
  294. }
  295.  
  296. .post {
  297. float: left;
  298. background: {color:Post Background};
  299. margin-right: 8px;
  300. margin-bottom: 8px;
  301. width: 400px;
  302. overflow: hidden;
  303. }
  304. .photo img {
  305. width: 400px;
  306. height: auto;
  307. display: block;
  308. }
  309. .post .infoblock {
  310. border-top: 2px solid rgba({RGBcolor:Post Text},0.25);
  311. padding-left: 5px;
  312. padding-right: 5px;
  313. font-size: 10px;
  314. line-height: 20px;
  315. }
  316. .photo .infoblock {
  317. display: none;
  318. position: absolute;
  319. bottom: 0px;
  320. left: 0px;
  321. width: 390px;
  322. font-size: 10px;
  323. line-height: 20px;
  324. font-weight: normal;
  325. border-top: 0;
  326. background-color: rgba({RGBcolor:Post Hover}, 0.75);
  327. padding-left: 5px;
  328. padding-right: 5px;
  329. }
  330. .photo:hover .infoblock {
  331. display: block;
  332. }
  333. .post .infoblock a, .post .infoblock a:hover {
  334. color: {color:Post Text};
  335. }
  336. .photo .infoblock a, .photo .infoblock a:hover {
  337. color: {color:Post Hover Text};
  338. }
  339. .note {
  340. padding: 5px;
  341. border-bottom: 1px solid rgba(0,0,0,0.2);
  342. }
  343. .note:last-child {
  344. border-bottom: 0;
  345. }
  346.  
  347. hr {
  348. border: none;
  349. border-bottom: 1px solid rgba(0,0,0,0.2);
  350. }
  351.  
  352. /*remove link image border in IE*/
  353. a img {
  354. border: none;
  355. }
  356.  
  357. /*clearfix*/
  358. .clearfix:before,
  359. .clearfix:after {
  360. content: " ";
  361. display: table;
  362. }
  363. .clearfix:after {
  364. clear: both;
  365. }
  366. .clearfix {
  367. *zoom: 1;
  368. }
  369.  
  370. /*limit following avatars*/
  371. .widget-following a:nth-child(n+16) {
  372. display: none;
  373. }
  374. .widget-following a img {
  375. width: 27px;
  376. border-radius: 27px;
  377. }
  378.  
  379. /* you shouldn't see this div if infinite scroll is on */
  380. div.pagination {
  381. margin: 0 auto;
  382. clear: both;
  383. text-align: center;
  384. }
  385.  
  386. /* previous and next page buttons */
  387. #previous, #next, .page-info {
  388. font-size: 12px;
  389. background: {color:Post Background};
  390. padding: 6px;
  391. }
  392.  
  393. .post iframe {
  394. max-width: 100%;
  395. display: block;
  396. }
  397.  
  398. ol.notes {
  399. list-style-type: none;
  400. padding-left: 0;
  401. }
  402.  
  403. /* icons next to notes */
  404. .reblog {background: transparent url('http://static.tumblr.com/anzluor/nF5ml4elu/reblog.png') right center no-repeat;}
  405. .like {background: transparent url('http://static.tumblr.com/anzluor/O7Nml4ekz/like.png') right center no-repeat;}
  406. .tag:before {
  407. content: "#";
  408. }
  409. {block:IfSmallerPosts}
  410.  
  411. .post {
  412. width: 250px;
  413. }
  414. .photo img {
  415. width: 250px;
  416. }
  417. .photo .infoblock {
  418. width: 240px;
  419. }
  420. .post blockquote, .post p, .post ul, .post ol {
  421. font-size: 11px;
  422. }
  423.  
  424. {/block:IfSmallerPosts}
  425. {block:PermalinkPage}
  426. .wrapper {
  427. width: 1000px;
  428. }
  429. .main {
  430. width: 700px;
  431. }
  432. .post {
  433. width: 700px;
  434. }
  435. .photo img {
  436. width: 700px;
  437. height: auto;
  438. }
  439. img.avatar {
  440. width: 16px;
  441. }
  442. .post blockquote, .post p, .post ul, .post ol {
  443. font-size: 12px;
  444. }
  445. {/block:PermalinkPage}
  446. img.avatar {
  447. vertical-align: middle;
  448. display: inline;
  449. width: 32px;
  450. height: 32px;
  451. border-radius: 32px;
  452. margin-right: 7px;
  453. }
  454.  
  455. @media screen and (max-width: 900px) {
  456. .wrapper {
  457. width: 100%;
  458. }
  459. .main {
  460. width: 100%;
  461. max-width: 700px;
  462. margin: 0 auto;
  463. }
  464. .sidebar {
  465. -moz-box-sizing: border-box;
  466. box-sizing: border-box;
  467. width: 100%;
  468. float: none;
  469. position: relative;
  470. margin-left: 0;
  471. margin-top: 0;
  472. }
  473. .sidebar .content {
  474. padding: 10px 0;
  475. }
  476. .post blockquote, .post p, .post ul, .post ol {
  477. font-size: 11px;
  478. }
  479. .post {
  480. -moz-box-sizing: border-box;
  481. box-sizing: border-box;
  482. width: 100%;
  483. max-width: 700px;
  484. }
  485. .post img {
  486. max-width: 100%;
  487. }
  488. .photo img {
  489. width: 100%;
  490. }
  491. .photo:hover .infoblock {
  492. display: none;
  493. }
  494. .sidelink {
  495. font-size: 14px;
  496. line-height: 250%;
  497. }
  498. .widget-twitter, .widget-following, .widget-search {
  499. display: none;
  500. }
  501. .post iframe {
  502. width: 100%;
  503. }
  504. }
  505.  
  506. @media screen and (max-width: 360px) {
  507. .post blockquote, .post p, .post ul, .post ol {
  508. font-size: 10px;
  509. }
  510. }
  511.  
  512. {CustomCSS}
  513. </style>
  514. </head>
  515.  
  516. <body>
  517.  
  518. <div class="wrapper">
  519. <div class="sidebar clearfix">
  520. <div class="content">
  521.  
  522. <center>
  523.  
  524. {block:IfSidebarBannerImage}<div><img class="sidebanner" src="{image:Sidebar Banner}" alt="" title="{Title}" />{/block:IfSidebarBannerImage}
  525.  
  526. {block:IfSidebarPhotoImage}<div><img class="sidepic" src="{image:Sidebar Photo}" alt="" title="{Title}" /></div>{/block:IfSidebarPhotoImage}
  527.  
  528. {block:IfNotSidebarPhotoImage}<div><img class="sidepic" src="{PortraitURL-128}" alt="" title="{Title}" /></div>{/block:IfNotSidebarPhotoImage}
  529.  
  530. </center>
  531.  
  532. <ul class="sidelinks">
  533. <a class="sidelink" href="/"><li>{lang:Home}</li></a>
  534.  
  535. {block:HasPages}
  536. {block:Pages}
  537. <a class="sidelink" href="{URL}"><li>{Label}</li></a>
  538. {/block:Pages}
  539. {/block:HasPages}
  540.  
  541. {block:AskEnabled}
  542. <a class="sidelink" href="/ask"><li>{AskLabel}</li></a>
  543. {/block:AskEnabled}
  544.  
  545. {block:SubmissionsEnabled}
  546. <a class="sidelink" href="/submit"><li>{SubmitLabel}</li></a>
  547. {/block:SubmissionsEnabled}
  548.  
  549. {block:IfShowArchiveLink}
  550. <a class="sidelink" href="/archive"><li>{lang:Archive}</li></a>
  551. {/block:IfShowArchiveLink}
  552.  
  553. {block:IfShowRandomLink}
  554. <a class="sidelink" href="/random"><li>{lang:Random}</li></a>
  555. {/block:IfShowRandomLink}
  556.  
  557. {block:Twitter}<a class="sidelink" href="https://twitter.com/{TwitterUsername}" title="Follow on Twitter"><li>Twitter</li></a>{/block:Twitter}
  558.  
  559. {block:IfCustomLink1URL}
  560. <a class="sidelink" href="{text:Custom Link 1 URL}"><li>{text:Custom Link 1 Name}</li></a>
  561. {/block:IfCustomLink1URL}
  562. {block:IfCustomLink2URL}
  563. <a class="sidelink" href="{text:Custom Link 2 URL}"><li>{text:Custom Link 2 Name}</li></a>
  564. {/block:IfCustomLink2URL}
  565. {block:IfCustomLink3URL}
  566. <a class="sidelink" href="{text:Custom Link 3 URL}"><li>{text:Custom Link 3 Name}</li></a>
  567. {/block:IfCustomLink3URL}
  568. {block:IfCustomLink4URL}
  569. <a class="sidelink" href="{text:Custom Link 4 URL}"><li>{text:Custom Link 4 Name}</li></a>
  570. {/block:IfCustomLink4URL}
  571.  
  572. <a class="sidelink" href="http://adorablethemes.com/"><li>Tumblr Themes</li></a>
  573. </ul>
  574. {block:Description}
  575. <div class="widget widget-description">
  576. <div id="description">{Description}</div>
  577. </div>
  578. {/block:Description}
  579.  
  580. {block:IfShowSearchBox}
  581. <div class="widget widget-search">
  582. <form action="/search" method="get" id="search-form">
  583. <input class="search" type="text" placeholder="{lang:Search}..." name="q" value="{SearchQuery}" />
  584. </form>
  585. </div>
  586. {/block:IfShowSearchBox}
  587.  
  588. {block:Twitter}
  589. <div class="widget widget-twitter">
  590. <div id="twitter" style="display:none;">
  591. <h4>Tweets</h4>
  592.  
  593. <div id="tweets"></div>
  594. </div>
  595.  
  596. <script type="text/javascript">
  597. function recent_tweets(data) {
  598. for (i=0; i<3; i++) {
  599. document.getElementById("tweets").innerHTML =
  600. document.getElementById("tweets").innerHTML +
  601. '<a href="http://twitter.com/{TwitterUsername}/status/' +
  602. (data[i].id_str ? data[i].id_str : data[i].id) +
  603. '"><div class="tweet">' + data[i].text +
  604. '</div></a><br>';
  605. }
  606. document.getElementById("twitter").style.display = 'block';
  607. }
  608. </script>
  609. </div>
  610. {/block:Twitter}
  611.  
  612. {block:IfShowFollowing}
  613. {block:Following}
  614. <div class="widget widget-following">
  615. <h4 id="following">{lang:Following}</h4>
  616. {block:Followed}<a href="{FollowedURL}"><img src="{FollowedPortraitURL-30}" title="{FollowedTitle}" /></a> {/block:Followed}
  617. </div>
  618. {/block:Following}
  619. {/block:IfShowFollowing}
  620.  
  621.  
  622. </div>
  623. </div>
  624.  
  625. <div class="main clearfix">
  626.  
  627. <ul id="posts">
  628.  
  629. {block:Posts}
  630. <li class="post {PostType}">
  631. {block:Text}
  632.  
  633. <div class="content">
  634. {block:Title}
  635. <h3>{Title}</h3>
  636. {/block:Title}
  637.  
  638. {Body}
  639. </div>
  640. {/block:Text}
  641.  
  642. {block:Answer}
  643. <div class="content">
  644. <p><a href="{AskerURL}"><img class="avatar" src="{AskerPortraitURL-30}" /></a> {Asker}: {Question}</p>
  645. <hr>
  646. {Answer}
  647. </div>
  648. {/block:Answer}
  649.  
  650. {block:Photo}
  651. {block:IndexPage}
  652. <a href="{Permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></a>
  653. {block:IfShowPhotoCaptions}
  654. {block:Caption}
  655. <div class="content">
  656. {Caption}
  657. </div>
  658. {/block:Caption}
  659. {/block:IfShowPhotoCaptions}
  660. {/block:IndexPage}
  661. {block:PermalinkPage}
  662. {LinkOpenTag}<img src="{PhotoURL-1280}" alt="{PhotoAlt}"/>{LinkCloseTag}
  663. {block:Caption}
  664. <div class="content">
  665. {Caption}
  666. </div>
  667. {/block:Caption}
  668. {/block:PermalinkPage}
  669. {/block:Photo}
  670.  
  671. {block:Photoset}
  672. {block:IndexPage}
  673. <div class="photoset-grid" data-layout="{PhotosetLayout}" data-id="photoset{PostID}">
  674. {block:Photos}
  675. <img src="{PhotoURL-400}"
  676. {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes}
  677. {block:Caption}alt="{Caption}"{/block:caption} />
  678. {/block:Photos}
  679. </div>
  680. {block:IfShowPhotoCaptions}
  681. {block:Caption}
  682. <div class="content">
  683. {Caption}
  684. </div>
  685. {/block:Caption}
  686. {/block:IfShowPhotoCaptions}
  687. {/block:IndexPage}
  688. {block:PermalinkPage}
  689. {Photoset}
  690. {block:Caption}
  691. <div class="content">
  692. {Caption}
  693. </div>
  694. {/block:Caption}
  695. {/block:PermalinkPage}
  696. {/block:Photoset}
  697.  
  698. {block:Quote}
  699. <div class="content">
  700. <blockquote>
  701. "{Quote}"
  702. </blockquote>
  703.  
  704. {block:Source}
  705. <p style="text-align: right">&mdash; {Source}</p>
  706. {/block:Source}
  707. </div>
  708. {/block:Quote}
  709.  
  710. {block:Link}
  711. <div class="content">
  712. <a href="{URL}" class="link" {Target}><h3>{Name} &rarr;</h3></a>
  713.  
  714. {block:Description}
  715. {Description}
  716. {/block:Description}
  717. </div>
  718. {/block:Link}
  719.  
  720. {block:Chat}
  721. <div class="content">
  722. {block:Title}
  723. <h3>{Title}</h3>
  724. {/block:Title}
  725.  
  726. <ul class="chat">
  727. {block:Lines}
  728. <li class="{Alt} user_{UserNumber}">
  729. {block:Label}
  730. <span class="chat-label">{Label}</span>
  731. {/block:Label}
  732.  
  733. <span class="chat-line">{Line}</span>
  734. </li>
  735. {/block:Lines}
  736. </ul>
  737. </div>
  738. {/block:Chat}
  739.  
  740. {block:Video}
  741. {block:IndexPage}
  742. {block:IfSmallerPosts}
  743. {Video-250}
  744. {/block:IfSmallerPosts}
  745. {block:IfNotSmallerPosts}
  746. {Video-400}
  747. {/block:IfNotSmallerPosts}
  748. {block:IfShowPhotoCaptions}
  749. {block:Caption}
  750. <div class="content">
  751. {Caption}
  752. </div>
  753. {/block:Caption}
  754. {/block:IfShowPhotoCaptions}
  755. {/block:IndexPage}
  756. {block:PermalinkPage}
  757. {Video-700}
  758. {block:Caption}
  759. <div class="content">{Caption}</div>
  760. {/block:Caption}
  761. {/block:PermalinkPage}
  762. {/block:Video}
  763.  
  764. {block:Audio}
  765. <div class="content">
  766. {block:AudioEmbed}
  767. {AudioEmbed}
  768. {/block:AudioEmbed}
  769. {block:Caption}
  770. <div class="caption">{Caption}</div>
  771. {/block:Caption}
  772. </div>
  773.  
  774. {/block:Audio}
  775.  
  776. {block:PermalinkPage}
  777. </li>
  778. {block:PermalinkPagination}
  779. {block:HasTags}
  780. <li class="post post-meta">
  781. <div class="content">
  782. {block:Tags}
  783. <a class="tag" href="{TagURL}">{Tag}</a>&nbsp;&nbsp;
  784. {/block:Tags}
  785. </div>
  786. </li>
  787. {/block:HasTags}
  788. <li class="post post-meta">
  789. <div class="content">
  790. <a href='{Permalink}'>{NoteCountWithLabel}</a>
  791. <a style="float:right" href='{Permalink}'>{TimeAgo}</a>
  792. </div>
  793. </li>
  794. {block:PostNotes}
  795. <li class="post post-meta">
  796. <div class="content">
  797. {PostNotes-64}
  798. </div>
  799. </li>
  800. {/block:PostNotes}
  801. {/block:PermalinkPagination}
  802. {/block:PermalinkPage}
  803. {block:IndexPage}
  804. <div class="infoblock">
  805. <a class="postnotes" href="{Permalink}#notes">{NoteCountWithLabel}</a>
  806. <a style="float: right" href="{Permalink}">{TimeAgo}</a>
  807. </div>
  808. </li>
  809. {/block:IndexPage}
  810.  
  811. {/block:Posts}
  812.  
  813. </ul>
  814. <div class="pagination">
  815. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" id="next">&laquo; {lang:Previous Page}</a> {/block:PreviousPage}
  816.  
  817. <span class="page-info">{lang:CurrentPage of TotalPages}</span>
  818.  
  819. {block:NextPage}<a href="{NextPage}" id="next">{lang:Next Page} &raquo;</a>{/block:NextPage}{/block:Pagination}
  820. </div>
  821. </div>
  822. </div>
  823. {block:IndexPage}
  824. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  825. {block:IfInfiniteScrolling}<script src="http://static.tumblr.com/anzluor/98Ymoinyd/jquery.infinitescroll.min.js"></script>{/block:IfInfiniteScrolling}
  826. <script src="http://static.tumblr.com/anzluor/3H8mp4qek/masonry.pkgd.min.js"></script>
  827. <script src="http://static.tumblr.com/anzluor/HAXmxj1fs/photoset-grid.js"></script>
  828. <script>
  829. $(function(){
  830. var container = $('ul#posts');
  831.  
  832. $('.photoset-grid').photosetGrid({
  833. rel: $('.photoset-grid').attr('data-id'),
  834. gutter: '8px'
  835. });
  836.  
  837. container.imagesLoaded( function(){
  838. container.masonry({
  839. itemSelector : 'li.post'
  840. });
  841. });
  842.  
  843. container.infinitescroll({
  844. navSelector : 'div.pagination',
  845. nextSelector : 'div.pagination a#next',
  846. itemSelector : 'li.post',
  847. },
  848. function( newElements ) {
  849. $('.photoset-grid').photosetGrid({
  850. rel: $('.photoset-grid').attr('data-id'),
  851. gutter: '8px'
  852. });
  853. var $newElems = $( newElements ).css({ opacity: 0 });
  854. $newElems.imagesLoaded(function(){
  855. $newElems.animate({ opacity: 1 });
  856. $('.photoset-grid').photosetGrid({
  857. rel: $('.photoset-grid').attr('data-id'),
  858. gutter: '8px'
  859. });
  860. container.masonry( 'appended', $newElems, true );
  861. });
  862. }
  863. );
  864. });
  865. </script>
  866. {/block:IndexPage}
  867. {block:IfGoogleAnalyticsID}
  868. <script>
  869. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  870. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  871. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  872. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  873.  
  874. ga('create', '{text:Google Analytics ID}', 'tumblr.com');
  875. ga('send', 'pageview');
  876.  
  877. </script>
  878. {/block:IfGoogleAnalyticsID}
  879. {block:Twitter}
  880. <script src="/tweets.js"></script>
  881. {/block:Twitter}
  882. </body>
  883. </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!