API tools faq
paste
Advertisement
cvndythemes

Contained #01

cvndythemes
Feb 1st, 2017
1,011
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.56 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!--
  9.  
  10. Layout Name: Contained #01
  11. cvndythemes.tumblr.com
  12. Don't claim as your own or redistribute.
  13. Edit as much as you want
  14.  
  15. PXU Photo Script by shythemes.tumblr.com
  16.  
  17. -->
  18.  
  19. <!-- DEFAULTS -->
  20.  
  21. <meta name="color:Background" content="#ffffff" />
  22. <meta name="color:Scrollbar" content="#ffffff" />
  23. <meta name="color:Black" content="#000000" />
  24. <meta name="color:White" content="#ffffff" />
  25. <meta name="color:Links" content="#000000" />
  26. <meta name="color:Link Hover" content="#8b8b8b" />
  27. <meta name="color:Accent" content="#000000" />
  28. <meta name="color:Notes" content="#ffffff" />
  29.  
  30. <meta name="color:Navigation" content="#000000" />
  31. <meta name="color:Navigation Hover" content="#8b8b8b" />
  32.  
  33. <meta name="color:Container" content="#ffffff" />
  34.  
  35. <meta name="color:Post Info" content="#000000" />
  36. <meta name="color:Post Info Hover" content="#8b8b8b" />
  37.  
  38. <meta name="image:Background" content=""/>
  39. <meta name="image:Icon" content="http://placehold.it/125X125"/>
  40. <meta name="image:Sidebar" content="http://placehold.it/200X200"/>
  41. <meta name="image:Header" content="http://placehold.it/500X100"/>
  42. <meta name="image:Footer" content="http://placehold.it/500X100"/>
  43. <meta name="image:Right Sidebar" content="http://placehold.it/200X550"/>
  44.  
  45. <meta name="if:Infinite Scroll" content="1">
  46. <meta name="if:Hover Controls" content="1">
  47.  
  48. <meta name="if:Seamless Pattern" content="1"/>
  49. <meta name="if:Fullsize" content="0"/>
  50. <meta name="if:Box Shadow" content="1"/>
  51.  
  52. <meta name="if:Header Image" content="1"/>
  53. <meta name="if:Footer Image" content="1"/>
  54.  
  55. <meta name="text:Link 1 URL" content="http://"/>
  56. <meta name="text:Link 1 Title" content="Title 1 Hover"/>
  57. <meta name="text:Link 2 URL" content="http://"/>
  58. <meta name="text:Link 2 Title" content="Title 2 Hover"/>
  59. <meta name="text:Link 3 URL" content="http://"/>
  60. <meta name="text:Link 3 Title" content="Title 3 Hover"/>
  61. <meta name="text:Link 4 URL" content="http://"/>
  62. <meta name="text:Link 4 Title" content="Title 4 Hover"/>
  63.  
  64. <!-- STYLES -->
  65.  
  66. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600' rel='stylesheet' type='text/css'>
  67.  
  68. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  69.  
  70. <!-- STYLESHEET -->
  71.  
  72. <style type="text/css">
  73.  
  74. /* --- SCROLLBAR ---*/
  75.  
  76. ::-webkit-scrollbar-thumb {
  77. height:3px;
  78. background-color:{color:Scrollbar};
  79. }
  80.  
  81. ::-webkit-scrollbar-button {
  82. background-color:{color:White};
  83. height:0px;
  84. }
  85.  
  86. ::-webkit-scrollbar {
  87. width:3px;
  88. height:0px;
  89. background:{color:Black};
  90. }
  91.  
  92. /* --- TUMBLR TOOLS--- */
  93.  
  94. #s-m-t-tooltip {
  95. display: block;
  96. background-color:{color:White};
  97. font-family: 'Open Sans';
  98. letter-spacing: 1px;
  99. line-height:130%;
  100. color:{color:Black};
  101. text-align: center;
  102. margin-left: 0px;
  103. margin-top:-40px;
  104. padding:5px;
  105. min-width: 40px;
  106. max-width: 150px;
  107. z-index:10;
  108. }
  109.  
  110. {block:IndexPage}
  111. {block:IfHoverControls}
  112. .tc {
  113. position:fixed;
  114. top:15px;
  115. right:15px;
  116. }
  117.  
  118. .tc i {
  119. color:{color:Black}
  120. opacity:0.6;
  121. }
  122. {/block:IfHoverControls}
  123. {/block:IndexPage}
  124.  
  125.  
  126. #tumblr_controls,
  127. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
  128. position:fixed!important;
  129. top:0!important;
  130. right:0!important;
  131. {block:IfHoverControls}
  132. opacity:0!important;
  133. -webkit-filter:invert(100%);
  134. -webkit-backface-visibility:hidden;
  135. padding:10px 40px 10px 10px;
  136. -webkit-transition:opacity .3s ease-out;
  137. transition:opacity .3s ease-out;
  138. {/block:IfHoverControls}
  139.  
  140. {block:IfNotHoverControls}
  141. margin:10px 10px;
  142. opacity:1!important;
  143. {/block:IfNotHoverControls}
  144.  
  145. {block:PermalinkPage}
  146. opacity:1!important;
  147. padding:0px;
  148. top:0;
  149. right:0;
  150. {block:PermalinkPage}
  151. }
  152.  
  153. {block:IfHoverControls}
  154. #tumblr_controls:hover,
  155. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls:hover {
  156. opacity:.3!important;
  157.  
  158. {block:PermalinkPage}
  159. opacity:1!important;
  160. {/block:PermalinkPage}
  161.  
  162. }
  163. {/block:IfHoverControls}
  164.  
  165. .vignette, #vignette {opacity:0;}
  166.  
  167. .lightbox-image, #tumblr_lightbox img {
  168. box-shadow:none !important;
  169. border-radius:0 !important;
  170. max-width:none;
  171. border:0px!important;
  172. -moz-box-sizing:border-box;
  173. box-sizing:border-box;
  174. }
  175.  
  176. .tmblr-lightbox, #tumblr_lightbox { background-color:rgba(245,245,245,.9) !important;
  177. }
  178.  
  179. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  180.  
  181. /* --- SELECTION ---*/
  182.  
  183. ::-moz-selection {
  184. color: {color:White};
  185. background: {color:Accent};
  186. opacity:1;
  187. }
  188.  
  189. ::selection {
  190. color: {color:White};
  191. background: {color:Accent};
  192. opacity:1;
  193. }
  194.  
  195. /* --- BODY --- */
  196.  
  197. body {
  198. font-family:'Open Sans',arial,sans-serif;
  199. color:{color:Black};
  200. font-size:10px;
  201. font-style:normal;
  202. line-height:150%;
  203. font-weight:400;
  204. word-wrap:normal;
  205. text-align:left;
  206. background-color:{color:Background};
  207.  
  208. {block:IfSeamlessPattern}
  209. background:url("{image:Background}") repeat top center fixed;
  210. {/block:IfSeamlessPattern}
  211.  
  212. {block:IfFullsize}
  213. height: 100%;
  214. background:url("{image:Background}") no-repeat center center fixed;
  215. -webkit-background-size: cover;
  216. -moz-background-size: cover;
  217. -o-background-size: cover;
  218. background-size: cover;
  219. {/block:IfFullsize}
  220.  
  221. }
  222.  
  223. a, a:link, a:visited, a:active {
  224. color:{color:Links};
  225. text-decoration:none;
  226. transition:0.2s ease-in-out;
  227. -webkit-transition:0.2s ease-in-out;
  228. -moz-transition:0.2s ease-in-out;
  229. }
  230.  
  231.  
  232. a:hover {
  233. text-decoration:none;
  234. color:{color:Link Hover};
  235. }
  236.  
  237. b,strong {
  238. font-weight:600;
  239. color:{color:Black};
  240. }
  241.  
  242. hr.divider, hr, hr.separator {
  243. display: block;
  244. margin-top: 0.5em;
  245. margin-bottom: 0.5em;
  246. margin-left: auto;
  247. margin-right: auto;
  248. border-style: inset;
  249. border-color:rgba(0,0,0,0.6);
  250. border-bottom: 1px;
  251. }
  252.  
  253. pre {
  254. white-space: pre-wrap;
  255. white-space: -moz-pre-wrap;
  256. white-space: -pre-wrap;
  257. white-space: -o-pre-wrap;
  258. word-wrap: break-word;
  259. }
  260.  
  261. /* --- Container --- */
  262.  
  263. #container {
  264. position:fixed;
  265. top: 50%;
  266. left: 50%;
  267. margin:-280px 0 0 -470px;
  268. width:940px;
  269. height:560px;
  270. width:calc((200px + 500px + 50px + 200px));
  271. background:{color:Container};
  272. padding:10px 10px 5px 10px;
  273.  
  274. {block:IfBoxShadow}
  275. box-shadow: 0 0px 25px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  276. {/block:IfBoxShadow}
  277.  
  278. }
  279.  
  280. /* --- Header --- */
  281.  
  282. .header {
  283. float:right;
  284. width:500px;
  285. height:100px;
  286. margin-right:225px;
  287. }
  288.  
  289. /* --- Left Sidebar --- */
  290.  
  291. .sidebar {
  292. float:left;
  293. margin-left:0px;
  294. width:200px;
  295. }
  296.  
  297. .sidebar img {
  298. margin:auto;
  299. }
  300.  
  301. .sidebaricon {
  302. text-align:center;
  303. }
  304.  
  305. .sidebarnav {
  306. text-align:center;
  307. margin:18px 0 18px 0;
  308. }
  309.  
  310. .sidebarnav a {
  311. color:{color:Navigation};
  312. background:{color:Navigation};
  313. border-radius:50px;
  314. text-decoration:none;
  315. font-size:7px;
  316. border:2px solid {color:Navigation};
  317. padding:2px 4px 2px 5px;
  318. margin:0px 5px 0px 5px;
  319. }
  320.  
  321. .sidebarnav a:hover {
  322. background:{color:Navigation Hover};
  323. border:2px solid {color:White};
  324. padding:2px 4px 2px 5px;
  325. color:{color:Navigation Hover};
  326. }
  327.  
  328. .description {
  329. background:{color:White};
  330. width:200px;
  331. margin-top:10px;
  332. height:165px;
  333. overflow:scroll;
  334. padding-right:5px;
  335. }
  336.  
  337. .description::-webkit-scrollbar-thumb {
  338. height:2px;
  339. background-color:{color:Scrollbar};
  340. }
  341.  
  342. .description::-webkit-scrollbar-button {
  343. background-color:{color:White};
  344. height:0px;
  345. }
  346.  
  347. .description::-webkit-scrollbar {
  348. width:2px;
  349. height:0px;
  350. background:{color:White};
  351. }
  352.  
  353. /* --- Footer --- */
  354.  
  355. .footer {
  356. float:right;
  357. width:500px;
  358. height:100px;
  359. {block:IfFooterImage}
  360. margin-top:10px;
  361. height:0px;
  362. {/block:IfFooterImage}
  363.  
  364.  
  365. margin-right:225px;
  366. }
  367.  
  368. /* --- Posts --- */
  369.  
  370. #postwrapper {
  371. width:500px;
  372.  
  373. {block:IndexPage}
  374. height:552px;
  375.  
  376. {block:IfNotHeaderImage}
  377. height:442px!important;
  378. {/block:IfNotHeaderImage}
  379.  
  380. {block:IfNotFooterImage}
  381. {block:IfNotHeaderImage}
  382. height:552px!important;
  383. {/block:IfNotHeaderImage}
  384. {/block:IfNotFooterImage}
  385.  
  386.  
  387. {block:IfNotHeaderImage}
  388. {block:IfNotFooterImage}
  389. height:552px!important;
  390. {/block:IfNotFooterImage}
  391. {/block:IfNotHeaderImage}
  392.  
  393. {block:IfNotFooterImage}
  394. {block:IfHeaderImage}
  395. height:442px!important;
  396. margin-top:10px!important;
  397. {/block:IfHeaderImage}
  398. {/block:IfNotFooterImage}
  399.  
  400. {block:IfFooterImage}
  401. {block:IfHeaderImage}
  402. height:332px!important;
  403. margin-top:10px!important;
  404. {/block:IfHeaderImage}
  405. {/block:IfFooterImage}
  406.  
  407.  
  408. {/block:IndexPage}
  409.  
  410. {block:PermalinkPage}
  411. height:549px;
  412. {/block:PermalinkPage}
  413.  
  414. float:right;
  415. overflow:scroll;
  416. margin-right:220px;
  417. padding-right:5px;
  418. }
  419.  
  420. #postwrapper::-webkit-scrollbar-thumb {
  421. height:3px;
  422. background-color:{color:Scrollbar};
  423. }
  424.  
  425. #postwrapper::-webkit-scrollbar-button {
  426. background-color:{color:White};
  427. height:0px;
  428. }
  429.  
  430. #postwrapper::-webkit-scrollbar {
  431. width:3px;
  432. height:0px;
  433. background:{color:White};
  434. }
  435.  
  436. iframe, img, embed, object, video {
  437. max-width: 100%;
  438. }
  439.  
  440. .post {
  441. position:relative;
  442. display:inline-block;
  443. width:500px;
  444. }
  445.  
  446. .post img {
  447. width:100%;
  448. height:100%;
  449. }
  450.  
  451. #sweet {
  452. position:fixed;
  453. bottom:5px;
  454. right:5px;
  455. z-index:9999!important;
  456. }
  457.  
  458. #sweet a, #sweet a:hover {
  459. text-transform:uppercase;
  460. font-size:8px;
  461. color:#eeeeee;
  462. }
  463.  
  464. /* --- POST INFO --- */
  465.  
  466. .postinfo {
  467. border-top:1px solid {color:Black};
  468. padding:5px 0px 4px 0px;
  469. margin:25px 0px 5px 0px;
  470. }
  471.  
  472. .postcontrolwrap {
  473. margin-top:0px;
  474. float:right;
  475. width:calc((30px + 23px + 49px + 15px));
  476. }
  477.  
  478. .posttags a, .postsource a, .postreblogged a, .postcontrolwrap a {
  479. color:{color:Post Info};
  480. }
  481.  
  482. .posttags a:hover, .postsource a:hover, .postreblogged a:hover, .postcontrolwrap a:hover {
  483. color:{color:Post Info Hover};
  484. }
  485.  
  486.  
  487. .postnotes a, .postnotes a:hover {
  488. color:{color:Notes};
  489. }
  490.  
  491. .postreblog {
  492. width:30px;
  493. }
  494.  
  495. .postperm {
  496. margin-top:-15px;
  497. width:49px;
  498. margin-left:35px;
  499. }
  500.  
  501. .postlike {
  502. margin-top:-15px;
  503. width:23px;
  504. margin-left:88px;
  505. }
  506.  
  507. .like-b {
  508. position:relative;
  509. display:inline-block;
  510. height:1em;
  511. line-height:1em;
  512. overflow:hidden;
  513. margin-bottom:-1px;
  514. }
  515. .like-b .like_button iframe {
  516. position:absolute;
  517. top:0;
  518. left:0;
  519. bottom:0;
  520. right:0;
  521. z-index:2;
  522. opacity:0;
  523. }
  524. .like-b .liked + .b {
  525. color:{color:Accent};
  526. }
  527. .like-b .liked + .b:after {
  528. content:'d';
  529. color:{color:Accent};
  530. }
  531.  
  532. .postnotes {
  533. margin-top:0px;
  534. }
  535.  
  536. .postnotes a, .postnotes a:hover {
  537. background:{color:Accent};
  538. padding:5px 10px 5px 10px;
  539. }
  540.  
  541. .postoriginwrap {
  542. float:right;
  543. margin:-15px 120px 0px 0px;
  544. width:40px;
  545. }
  546.  
  547. .postsource {
  548. width:14px;
  549. }
  550.  
  551. .postreblogged {
  552. margin:-15px 20px;
  553. width:14px;
  554. background:{color:White};
  555. }
  556.  
  557. .posttags {
  558. max-width:500px;
  559. padding:5px 0px 5px 0px;
  560. margin-bottom:60px;
  561. }
  562.  
  563. .posttags a, .posttags a:hover {
  564. font-style:italic;
  565. }
  566.  
  567. /* --- TITLES --- */
  568.  
  569. h1, h2 {
  570. font-size:12px;
  571. color:{color:Black};
  572. letter-spacing:1px;
  573. font-style:italic;
  574. text-align:left;
  575. font-weight:400;
  576. }
  577.  
  578.  
  579. /* --- BLOCKQUOTE --- */
  580.  
  581. blockquote {
  582. padding:0px 0px 0px 10px;
  583. background-color: {color:White};
  584. letter-spacing: 1px;
  585. color: {color:Black};
  586. text-decoration:none;
  587. letter-spacing:1px;
  588. border-left: 2px solid {color:Black};
  589. }
  590.  
  591. blockquote img {
  592. max-width: 100%;
  593. display: block;
  594. margin-bottom: 5px;
  595. }
  596.  
  597. /* --- CHAT --- */
  598.  
  599. .user_1 .label {color: {color:Black}; font-weight: 600;}
  600. .user_2 .label {color: {color:Accent}; font-weight: 600;}
  601. .user_3 .label {color: {color:Black}; font-weight: 600;}
  602. .user_4 .label {color: {color:Accent}; font-weight: 600;}
  603. .user_5 .label {color: {color:Black}; font-weight: 600;}
  604. .user_6 .label {color: {color:Accent}; font-weight: 600;}
  605. .user_7 .label {color: {color:Black}; font-weight: 600;}
  606. .user_8 .label {color: {color:Accent}; font-weight: 600;}
  607.  
  608. ul.chat {list-style:none; margin: 0px 0px 0px 0px; padding: 0px;}
  609.  
  610. .chat li {
  611. list-style: none;
  612. margin: 0px;
  613. padding: 2px;
  614. border: none;
  615. }
  616.  
  617. .chat li:first-child {border: none; }
  618.  
  619. /* --- AUDIO --- */
  620.  
  621. .audiowrapper {
  622. position:relative;
  623. height:27px;
  624. padding:10px;
  625. background-color:{color:White};
  626. }
  627.  
  628. .audio {
  629. position:absolute;
  630. left:14px;
  631. top:14px;
  632. right:14px;
  633. bottom:14px;
  634. text-align:left;
  635. line-height:27px;
  636. display:inline-block;
  637. }
  638.  
  639. .player {
  640. max-width:27px;
  641. overflow:hidden;
  642. }
  643.  
  644. .audiodetail {
  645. margin-top:9px;
  646. margin-left:30px;
  647. background:{color:White};
  648. height:27px;
  649. padding:0 0 0 25px;
  650.  
  651. }
  652.  
  653. /* --- QUESTIONS --- */
  654.  
  655. .asker, .asker a, .asker a:hover { color:{color:Black}; }
  656.  
  657. .question {
  658. color: {color:Notes};
  659. background:{color:Accent};
  660. padding-bottom:15px;
  661. margin-bottom:5px;
  662. border-bottom:1px solid {color:Black};
  663. }
  664.  
  665. /* --- Right Sidebar --- */
  666.  
  667. .rightside {
  668. float:right;
  669. width:200px;
  670. margin-left:742px;
  671. margin-top:-550px;
  672. }
  673.  
  674. /* --- PAGINATION --- */
  675.  
  676. .pagination {
  677. color:{color:Black};
  678. text-align:center;
  679. word-spacing:3px;
  680. font-size:14px;
  681. margin-top:5px;
  682. padding-top:10px;
  683. padding-bottom:10px;
  684. background:{color:White};
  685. z-index:99999!important;
  686. }
  687.  
  688. .pagination a, .pagination a:hover {
  689. color:{color:Black};
  690. padding:0 15px 0 15px;
  691. }
  692.  
  693. /* ---PERMALINK NOTES --- */
  694.  
  695. #permanote {
  696. width:530px;
  697. margin:-25px 0 20px 0;
  698. padding:0px;
  699. }
  700.  
  701. ol.notes {
  702. padding: 0px;
  703. margin:10px 0px;
  704. list-style-type: none;
  705. border-bottom:0px;
  706. letter-spacing: 1px;
  707. }
  708.  
  709. .notes a {color: {color:Black};}
  710. .notes a:hover {color: {color:Link}!important;}
  711.  
  712. ol.notes li.note {
  713. padding: 8px;
  714. border-radius:0px!important;
  715. margin-left:0px;
  716. }
  717.  
  718. ol.notes li.note img.avatar {
  719. vertical-align: -1px;
  720. margin-right: 10px;
  721. width: 12px;
  722. height: 12px;
  723. display: inline-block;
  724. }
  725.  
  726. ol.notes li.note span.action {font-weight: normal;}
  727.  
  728. ol.notes li.note .answer_content {font-weight: normal;}
  729.  
  730. ol.notes li.note blockquote {
  731. padding: 4px 10px;
  732. margin: 5px 0px 0px 25px;
  733. }
  734.  
  735. ol.notes li.note blockquote a {text-decoration: none;}
  736.  
  737. {CustomCSS}
  738. </style>
  739.  
  740. </head>
  741.  
  742. <!-- Scripts -->
  743.  
  744. {block:IfInfiniteScroll}
  745. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  746. {/block:IfInfiniteScroll}
  747.  
  748. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  749. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  750. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  751.  
  752. <script>
  753. $(document).ready(function(){
  754. $('.photo-slideshow').pxuPhotoset({
  755. lightbox: true,
  756. rounded: false,
  757. gutter: '1px',
  758. borderRadius: '0px',
  759. photoset: '.photo-slideshow',
  760. photoWrap: '.photo-data',
  761. photo: '.pxu-photo'
  762. });
  763. });
  764.  
  765. $container.infinitescroll({
  766.  
  767. },
  768. function( newElements ) {
  769. $( newElements ).find('.photo-slideshow').pxuPhotoset({
  770. lightbox: true,
  771. rounded: false,
  772. borderRadius: '0px',
  773. gutter: '1px',
  774. photoset: '.photo-slideshow',
  775. photoWrap: '.photo-data',
  776. photo: '.pxu-photo'
  777. });
  778. });
  779. </script>
  780.  
  781.  
  782. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  783.  
  784. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  785. <script>
  786. (function($){
  787. $(document).ready(function(){
  788. $("[title]").style_my_tooltips({
  789. tip_follows_cursor:true,
  790. attribute:"title"
  791. });
  792. });
  793. })(jQuery);
  794. </script>
  795.  
  796.  
  797. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  798.  
  799. {block:IfInfiniteScroll}
  800. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  801. {/block:IfInfiniteScroll}
  802.  
  803. <script>
  804. $(document).ready(function(){
  805. $('.photo-slideshow').pxuPhotoset({
  806. lightbox: true,
  807. rounded: false,
  808. gutter: '1px',
  809. photoset: '.photo-slideshow',
  810. photoWrap: '.photo-data',
  811. photo: '.pxu-photo'
  812. });
  813.  
  814. $container.infinitescroll({
  815. itemSelector: '.post',
  816. navSelector: '.pagination',
  817. nextSelector: '.pagination a',
  818. loadingImg: '',
  819. loadingText: '<em></em>',
  820. bufferPx: 2000
  821. },
  822. function( newElements ) {
  823. var $newElems = $(newElements);
  824. var $newElemsIDs = $newElems.map(function(){
  825. return this.id;
  826. }).get();
  827. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  828. });
  829. </script>
  830.  
  831. <body>
  832.  
  833.  
  834. <div id="container"><!-- Start Container -->
  835.  
  836.  
  837. <!-- Start Header -->
  838. {block:IfHeaderImage}
  839. {block:IndexPage}
  840. <div class="header">
  841. <img src="{image:Header}" />
  842. </div>
  843. {/block:IndexPage}
  844. {/block:IfHeaderImage}
  845. <!-- End Header -->
  846.  
  847.  
  848.  
  849.  
  850. <!-- Start Sidebar -->
  851. <div class="sidebar">
  852. <div class="sidebaricon">
  853. <img src="{image:Icon}" />
  854. </div>
  855.  
  856. <div class="description">
  857. {Description}
  858. </div>
  859.  
  860. <div class="sidebarnav">
  861. <a href="/" title="home">1</a>
  862. <a href="/ask" title="ask">2</a>
  863. <a href="{text:Link 1 URL}" title="{text:Link 1 Title}">3</a>
  864. <a href="{text:Link 2 URL}" title="{text:Link 2 Title}">4</a>
  865. <a href="{text:Link 3 URL}" title="{text:Link 3 Title}">5</a>
  866. <a href="{text:Link 4 URL}" title="{text:Link 4 Title}">6</a>
  867. </div>
  868.  
  869. <div class="sidebaricon">
  870. <img src="{image:Sidebar}" />
  871. </div>
  872.  
  873.  
  874. </div><!-- End Sidebar -->
  875.  
  876.  
  877.  
  878.  
  879. <!-- Start Wrapper -->
  880. <div id="postwrapper">
  881.  
  882. <!-- Start Posts -->
  883. {block:Posts}
  884. <div class="post" id="{PostID}">
  885.  
  886. {block:Text}
  887. {block:Title}
  888. <h1>{Title}</h1>
  889. {/block:Title}
  890. {block:Body}{Body}{/block:Body}
  891. {/block:Text}
  892.  
  893.  
  894. {block:Photo}
  895. <center>
  896. <img src="{PhotoURL-500}"/>
  897. </center>
  898. {block:Caption}{Caption}{/block:Caption}
  899. {/block:Photo}
  900.  
  901.  
  902. {block:Photoset}
  903. <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>
  904. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  905. {/block:Photoset}
  906.  
  907.  
  908. {block:Quote}
  909. <h1>“{Quote}”</h1>
  910. -{Source}
  911. {/block:Quote}
  912.  
  913.  
  914. {block:Link}
  915. <a href="{URL}"><h1>{Name}</h1></a>
  916. {block:Description}
  917. <p>{Description}</p>
  918. {/block:Description}
  919. {/block:Link}
  920.  
  921.  
  922. {block:Chat}
  923. <ul class="chat">
  924. {block:Lines}
  925. <li class="user_{UserNumber}">
  926. {block:Label}
  927. <span class="label">{Label}</span>
  928. {/block:Label}
  929. &nbsp;{Line}</li>
  930. {/block:Lines}
  931. </ul>
  932. {/block:Chat}
  933.  
  934.  
  935. {block:Video}
  936. {Video-500}
  937. {block:Caption}
  938. {Caption}
  939. {/block:Caption}
  940. {/block:Video}
  941.  
  942. {block:AudioPlayer}
  943. <div class="audiowrapper">
  944. <div class="audio">
  945. <div class="player">
  946. {AudioPlayerWhite}
  947. </div>
  948. </div>
  949. <div class="audiodetail">
  950. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist} by <b>{Artist}</b>{/block:Artist}
  951. </div>
  952. </div>
  953. {/block:AudioPlayer}
  954.  
  955.  
  956. {block:Answer}
  957. <div id="asker">
  958. {Asker} asked:
  959. </div>
  960. <div class="question">
  961. {Question}
  962. </div>
  963. {Answer}
  964. {/block:Answer}
  965.  
  966.  
  967. <!-- Start of Post Info-->
  968. {block:IndexPage}
  969. <div class="postinfo">
  970.  
  971. <div class="postcontrolwrap">
  972. <div class="postreblog">
  973. <a href="{ReblogURL}" target="_blank" >reblog</a>
  974. </div>
  975.  
  976. <div class="postperm">
  977. <a href="{Permalink}">permalink</a>
  978. </div>
  979.  
  980. <div class="postlike">
  981. <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  982. </div>
  983. </div>
  984.  
  985.  
  986. <div class="postnotes">
  987.  
  988. {block:NoteCount}
  989. <a href="{Permalink}">{NoteCountWithLabel}</a>
  990. {/block:NoteCount}
  991.  
  992. {block:Date}&nbsp;&nbsp;{TimeAgo}{/block:Date}
  993. </div>
  994.  
  995. <div class="postoriginwrap">
  996. <div class="postsource">
  997. <a href="{SourceURL}">src</a>
  998. </div>
  999.  
  1000. <div class="postreblogged">
  1001. <a href="{ReblogParentURL}">via</a>
  1002. </div>
  1003. </div>
  1004.  
  1005. </div>
  1006.  
  1007. <!-- End of Post Info-->
  1008.  
  1009.  
  1010. <!-- Start of Tags-->
  1011. <div class="posttags">
  1012. {block:HasTags}
  1013. {block:Tags}
  1014. <a href="{TagURL}">{Tag}</a>,&nbsp;
  1015. {/block:Tags}
  1016. {/block:HasTags}
  1017. </div>
  1018. {/block:IndexPage}
  1019. <!-- End of Tags-->
  1020.  
  1021.  
  1022.  
  1023. </div> <!-- End Posts -->
  1024.  
  1025. <p>
  1026. {block:PostNotes}
  1027. <div id="permanote">{PostNotes}</div>
  1028. {/block:PostNotes}
  1029.  
  1030. {/block:Posts}
  1031.  
  1032.  
  1033. {block:IfNotInfiniteScroll}
  1034. {block:IndexPage}
  1035. {block:Pagination}
  1036. <div class="pagination">
  1037.  
  1038. {block:PreviousPage}
  1039. <a href="{PreviousPage}"><i class="fa fa-chevron-left" aria-hidden="true"></i></a>
  1040. {/block:PreviousPage}
  1041.  
  1042. {block:NextPage}
  1043. <a href="{NextPage}"><i class="fa fa-chevron-right" aria-hidden="true"></i></a>
  1044. {/block:NextPage}
  1045.  
  1046. </div>
  1047. {/block:Pagination}
  1048. {/block:IndexPage}
  1049. {/block:IfNotInfiniteScroll}
  1050.  
  1051.  
  1052. </div><!-- End Wrapper-->
  1053.  
  1054.  
  1055.  
  1056. <!-- Start Footer Image -->
  1057. {block:IfFooterImage}
  1058. {block:IndexPage}
  1059. <div class="footer">
  1060. <img src="{image:Footer}" />
  1061. </div>
  1062. {/block:IndexPage}
  1063. {/block:IfFooterImage}
  1064. <!-- Start Footer Image -->
  1065.  
  1066.  
  1067. <!-- Start Right Side -->
  1068. <div class="rightside">
  1069. <img src="{image:Right Sidebar}" />
  1070. </div>
  1071. <!-- End Right Side -->
  1072.  
  1073.  
  1074. </div></div><!-- End Container -->
  1075.  
  1076. {block:IndexPage}
  1077. {block:IfHoverControls}
  1078. <div class="tc">
  1079. <i class="fa fa-plus fa-fw" aria-hidden="true"></i>
  1080. </div>
  1081. {/block:IfHoverControls}
  1082. {/block:IndexPage}
  1083.  
  1084. <div id="sweet">
  1085. <a href="http://cvndythemes.tumblr.com">cvndy</a>
  1086. </div>
  1087.  
  1088.  
  1089. </body>
  1090. </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!