API tools faq
paste
Advertisement
cvndythemes

Minimalist #01

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