API tools faq
paste
ninpen

Bolero theme

ninpen
Mar 29th, 2012
12,673
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.94 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.  
  4. <!-------------------------------
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12. BOLERO BY NINPEN.TUMBLR.COM
  13. DO NOT REMOVE THE CREDIT.
  14.  
  15.  
  16.  
  17.  
  18. --------------------------------------------------
  19.  
  20. Minimal Soundcloud Player © shythemes.tumblr
  21. PXU Photoset @ shythemes.tumblr
  22. Unnested Captions © Magnusthemes.tumblr & Neothm
  23.  
  24. ---------------------------------------------------
  25.  
  26.  
  27.  
  28.  
  29. --------------------------------->
  30. <head>
  31. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  32. <meta name="image:portrait" content=""/>
  33. <meta name="image:Background" content=""/>
  34.  
  35.  
  36. <meta name="select:postsize" content="250px"/>
  37. <meta name="select:postsize" content="400px"/>
  38. <meta name="select:postsize" content="500px"/>
  39. <meta name="if:showCaption" content="0"/>
  40. <meta name="if:grayscale" content="0"/>
  41.  
  42. <meta name="color:bold" content="#ff7d7d"/>
  43. <meta name="color:italic" content="#c3d847"/>
  44. <meta name="color:underline" content="#4dbce9"/>
  45.  
  46. <meta name="color:accent1" content="#ffffff" />
  47. <meta name="color:accent2" content="#000000" />
  48. <meta name="color:accent3" content="#555555" />
  49. <meta name="color:accent4" content="#aaaaaa" />
  50. <meta name="color:accent5" content="#aaaaaa" />
  51.  
  52. <meta name="color:posts" content="#ffffff"/>
  53. <meta name="color:sidebar" content="#ffffff"/>
  54. <meta name="color:background" content="#ffffff"/>
  55. <meta name="color:text" content="#aaaaaa"/>
  56. <meta name="color:link" content="#000000"/>
  57. <meta name="color:border" content="#000000"/>
  58.  
  59. <meta name="color:h1" content ="#ffffff"/>
  60. <meta name="color:h2" content ="#ff8e8d"/>
  61. <meta name="color:chat line 1" content="#FFF8F8"/>
  62. <meta name="color:chat line 2" content="#ffffff"/>
  63.  
  64. <meta name="text:Custom Link One" content=""/>
  65. <meta name="text:Custom Link One URL" content=""/>
  66. <meta name="text:Custom Link Two" content=""/>
  67. <meta name="text:Custom Link Two URL" content=""/>
  68. <meta name="text:Custom Link Three" content=""/>
  69. <meta name="text:Custom Link Three URL" content=""/>
  70. <meta name="text:Custom Link Four" content=""/>
  71. <meta name="text:Custom Link Four URL" content=""/>
  72. <meta name="text:Custom Link Five" content=""/>
  73. <meta name="text:Custom Link Five URL" content=""/>
  74. <meta name="text:Custom Link Six" content=""/>
  75. <meta name="text:Custom Link Six URL" content=""/>
  76. <meta name="text:Custom Link Seven" content=""/>
  77. <meta name="text:Custom Link Seven URL" content=""/>
  78. <meta name="text:Custom Link Eight" content=""/>
  79. <meta name="text:Custom Link Eight URL" content=""/>
  80. <meta name="text:Custom Link Nine" content=""/>
  81. <meta name="text:Custom Link Nine URL" content=""/>
  82.  
  83.  
  84. <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
  85. <link rel="shortcut icon" href="{Favicon}">
  86. <div class="cred">© <a href="http://ninpen.tumblr.com/">&mdash; N.</a></div>
  87. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  88. <title>{Title}</title>
  89.  
  90. <style type="text/css">
  91. ::-moz-selection {
  92. color:{color:accent1};
  93. background: {color:accent2};
  94. }
  95.  
  96. ::selection {
  97. color:{color:accent1};
  98. background: {color:accent2};
  99. }
  100.  
  101. html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, a, abbr, acronym, address, big, cite,hr, code,del, dfn,img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, tbody, tfoot, thead, tr, th, td, article, canvas, details, embed, figure, figcaption, footer, hgroup, menu, output, ruby, summary,time, mark, audio{
  102. margin: 0;
  103. padding: 0;
  104. border: 0;
  105. font-size: 100%;
  106. font: inherit;
  107. vertical-align: baseline;
  108. }
  109.  
  110. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  111. display: block;
  112. }
  113.  
  114. body {
  115. line-height: 1;
  116. }
  117.  
  118. ul {
  119. list-style: none;
  120. }
  121.  
  122. table {
  123. border-collapse: collapse;
  124. border-spacing: 0;
  125. }
  126.  
  127. ::-webkit-scrollbar {
  128. width: 7px;
  129. height: 7px;
  130. background:transparent;
  131. }
  132.  
  133. ::-webkit-scrollbar-thumb {
  134. border-radius:10px;
  135. border:3px solid {color:accent1};
  136. background-color:{color:accent4};
  137. }
  138.  
  139. body,html{
  140. width:100%;
  141. height:100%;
  142. padding:0;
  143. margin:0;
  144. }
  145.  
  146. body{
  147. word-wrap: break-word;
  148. font:11px/16px lato, sans-serif;
  149. letter-spacing:.05em;
  150. color: {color:text};
  151. background:{color:Background} url({image:background}) repeat center fixed;
  152. }
  153.  
  154. a{
  155. text-decoration:none;
  156. color:{color:link};
  157. }
  158.  
  159. a:hover {
  160. color:{color:accent1};
  161. }
  162.  
  163. h1{
  164. font-size:16px;
  165. line-height:21px;
  166. font-style:italic;
  167. text-align:center;
  168. background:{color:accent3};
  169. color:{color:h1};
  170. padding:10px;
  171. }
  172.  
  173. h1 a{
  174. color:{color:h1};
  175. }
  176.  
  177. h2{
  178. font-style:italic;
  179. line-height:35px;
  180. font-size:26px;
  181. font-weight:300;
  182. color:{color:h2};
  183. }
  184.  
  185. .cred{
  186. line-height:11px;
  187. font-size:11px;
  188. padding:3px 7px;
  189. border-radius:3px;
  190. text-transform:uppercase;
  191. letter-spacing:1px;
  192. position:fixed;
  193. bottom:20px;
  194. right:20px;
  195. color:{color:accent2};
  196. background:{color:background};
  197. z-index:1;
  198. }
  199.  
  200. .cred a{
  201. vertical-align:top;
  202. font-size:9px;
  203. color:{color:link};
  204. }
  205.  
  206. .cred a:hover{
  207. color:{color:underline};
  208. }
  209.  
  210. .source{
  211. font-size:8px;
  212. font-weight:700;
  213. letter-spacing:.05em;
  214. margin:10px 0 0 20px;
  215. }
  216.  
  217. b,strong{
  218. color:{color:bold};
  219. }
  220.  
  221. i,em{
  222. color:{color:italic};
  223. }
  224.  
  225. u{
  226. color:{color:underline};
  227. }
  228.  
  229. img{
  230. max-width:100%;
  231. {block:Ifgrayscale}
  232. filter: grayscale(100%);
  233. -webkit-filter: grayscale(100%);
  234. filter: gray;
  235. {/block:Ifgrayscale}
  236. }
  237.  
  238. {block:Ifgrayscale}
  239. .photoset .html_photoset {
  240. -webkit-filter: grayscale(100%);
  241. }
  242. {/block:Ifgrayscale}
  243.  
  244. #sidebar{
  245. bottom: 30px;
  246. width: 300px;
  247. line-height: 12px;
  248. position: fixed;
  249. {block:IndexPage}
  250. margin-left:calc({select:postsize} + 100px);
  251. {/block:IndexPage}
  252. {block:PermalinkPage}margin-left:600px;{/block:PermalinkPage}
  253. }
  254.  
  255. #sidebar * {
  256. box-sizing: border-box;
  257. }
  258.  
  259. .desc {
  260. font-size:10px;
  261. line-height:16px;
  262. width: calc(100% - 105px);
  263. overflow: auto;
  264. max-height: 138px!important;
  265. border:5px solid {color:posts};
  266. height: 100%;
  267. vertical-align: top;
  268. display: inline-block;
  269. background-color: {color:posts};
  270. }
  271.  
  272. .sideone{
  273. display:inline-block;
  274. }
  275.  
  276. .portrait {
  277. width:100px;
  278. height:100px;
  279. overflow:hidden;
  280. padding:10px;
  281. border: 3px double {color:border};
  282. background:{color:posts};
  283. }
  284.  
  285. .portrait img{
  286. -webkit-transition: 0.7s ease-in-out;
  287. -moz-transition: 0.7s ease-in-out;
  288. -o-transition: 0.7s ease-in-out;
  289. }
  290.  
  291. .portrait img:hover {
  292. filter: blur(3px);
  293. -webkit-filter: blur(3px);
  294. -moz-filter: blur(3px);
  295. -o-filter: blur(3px);
  296. -ms-filter: blur(3px);
  297. }
  298.  
  299. .navi{
  300. margin-top:5px;
  301. background:{color:accent3};
  302. text-align:center;
  303. padding:10px 0;
  304. border:1px solid {color:border};
  305. }
  306.  
  307. .navi img{
  308. margin:0 10px;
  309. }
  310.  
  311. #navigation{
  312. padding:10px;
  313. background:{color:posts};
  314. margin-top:5px;
  315. text-align:center;
  316. }
  317.  
  318. #navigation a{
  319. font-size:10px;
  320. line-height:12px;
  321. font-weight:700;
  322. letter-spacing:1px;
  323. margin:5px;
  324. }
  325.  
  326. #navigation a:hover{
  327. color:{color:accent4};
  328. }
  329.  
  330. .tooltip {
  331. position: relative;
  332. }
  333.  
  334. .tooltip span {
  335. margin-left: -999em;
  336. position: absolute;
  337. }
  338.  
  339. .tooltip:hover span {
  340. font-size:8px;
  341. font-weight:700;
  342. position: absolute;
  343. left: 1em;
  344. top: 2em;
  345. z-index: 99;
  346. margin-left: 0;
  347. padding:2px 5px;
  348. }
  349.  
  350. .name {
  351. background:{color:accent3};
  352. }
  353.  
  354. #center{
  355. position:relative;
  356. margin:50px auto 0 auto;
  357. {block:IndexPage}
  358. width:calc({select:postsize} + 400px);
  359. {/block:IndexPage}
  360. {block:PermalinkPage}width:900px;{/block:PermalinkPage}
  361. }
  362.  
  363. .entry{
  364. margin-bottom:30px;
  365. padding:10px;
  366. border:3px double {color:border};
  367. background:{color:posts};
  368. {block:IndexPage}
  369. width:{select:postsize};
  370. {/block:IndexPage}
  371. {block:PermalinkPage}
  372. width:500px;
  373. {/block:PermalinkPage}
  374. }
  375.  
  376. .iphotosets{
  377. position:relative;
  378. }
  379.  
  380. .entry:hover .phtsmore{
  381. opacity:1;
  382. }
  383.  
  384. .phtsmore{
  385. font-weight:900;
  386. padding:5px;
  387. font-size:8px;
  388. line-height:8px;
  389. text-align:Center;
  390. background:{color:posts};
  391. position:absolute;
  392. bottom:10px;
  393. left:10px;
  394. opacity:0;
  395. transition: opacity .25s ease-in-out;
  396. -moz-transition: opacity .25s ease-in-out;
  397. -webkit-transition: opacity .25s ease-in-out;
  398. }
  399.  
  400. img.tumblr_avatar {
  401. width: 25px;
  402. border-radius: 5px;
  403. margin: 0 20px 0 0;
  404. }
  405.  
  406. a.tumblr_blog {
  407. line-height: 12px;
  408. padding: 5px 0;
  409. position: relative;
  410. top: -8px;
  411. }
  412.  
  413. #postdate{
  414. padding:10px;
  415. letter-spacing: 2px;
  416. text-transform: uppercase;
  417. width:100%;
  418. margin:-10px 0 10px -10px;
  419. border-bottom:3px double {color:border};
  420. background-color:{color:accent3};
  421. color:{color:accent5};
  422. }
  423.  
  424. #postdate a{
  425. color:{color:accent5};
  426. }
  427.  
  428. #postdate b{
  429. font-size: 24px;
  430. font-weight:300;
  431. letter-spacing: -1px;
  432. color:{color:bold};
  433. }
  434.  
  435. #postdate i{
  436. font-size:7px;
  437. font-weight:400;
  438. color:{color:accent5};
  439. }
  440.  
  441. #tag{
  442. padding:5px;
  443. font-size: 8px;
  444. letter-spacing:1px;
  445. text-transform: uppercase;
  446. font-weight:700;
  447. text-align:center;
  448. margin-bottom:40px;
  449. }
  450.  
  451. #tag a{
  452. margin:3px 10px;
  453. padding-bottom:2px;
  454. }
  455.  
  456. #tag a:hover{
  457. border-bottom:1px dotted {color:bold};
  458. }
  459.  
  460. #perm{
  461. font-size: 8px;
  462. line-height: 8px;
  463. text-transform: uppercase;
  464. padding: 20px;
  465. margin: 30px;
  466. position: relative;
  467. background:{color:accent3};
  468. }
  469.  
  470. #perm a{
  471. font-style: italic;
  472. letter-spacing:2px;
  473. margin:0 10px;
  474. }
  475.  
  476. #question{
  477. background:{color:accent3};
  478. padding:10px;
  479. border:1px solid {color:border};
  480. position:Relative;
  481. }
  482.  
  483. #question b, #question i{
  484. padding:2px 5px;
  485. font-size:8px;
  486. font-style:italic;
  487. line-height:8px;
  488. text-transform:uppercase;
  489. letter-spacing:2px;
  490. color:{color:posts};
  491. }
  492.  
  493. #question b a{
  494. color:{color:posts};
  495. }
  496.  
  497. #question b{
  498. background:{color:bold};
  499. }
  500.  
  501. #question i {
  502. margin-left:-2px;
  503. background:{color:italic};
  504. }
  505.  
  506. #question .askimg{
  507. border-radius:100%;
  508. padding:10px;
  509. background:{color:accent4};
  510. width:30px;
  511. height:30px;
  512. position:Absolute;
  513. left:-50px;
  514. top:-5px;
  515. }
  516.  
  517. #question .askimg:before{
  518. content:"";
  519. top:50%;
  520. margin-top:-7px;
  521. right:-8px;
  522. width: 0;
  523. height: 0;
  524. position:absolute;
  525. border-top: 7px solid transparent;
  526. border-left: 12px solid {color:accent4};
  527. border-bottom: 7px solid transparent;
  528. }
  529.  
  530. .askimg img{
  531. border-radius:100%;
  532. }
  533.  
  534. #audiop{
  535. width:calc(100% - 40px);
  536. height:calc(100% - 40px);
  537. background:{color:accent3};
  538. position:relative;
  539. padding:20px;
  540. border-radius:10px 10px 0 0;
  541. }
  542.  
  543. #audiop:after{
  544. content:"";
  545. width:100%;
  546. height:150px;
  547. border-radius:10px 10px 0 0;
  548. background:{color:accent4} url(http://static.tumblr.com/hczaopr/WLionrafd/geo_patterns2.png)repeat;
  549. top:0;
  550. left:0;
  551. position:absolute;
  552. }
  553.  
  554. #album{
  555. width:130px;
  556. height:130px;
  557. margin:0 auto 50px auto;
  558. top:30px;
  559. z-index:1;
  560. border-radius:100%;
  561. background:url()no-repeat;
  562. border:10px solid {color:border};
  563. position:Relative;
  564. }
  565.  
  566. #album img{
  567. border-radius:100%;
  568. }
  569.  
  570. #play{
  571. width:170px;
  572. height:81px;
  573. background:url(http://static.tumblr.com/hczaopr/ooionrfue/audio.png)no-repeat center;
  574. position:relative;
  575. margin:0 auto;
  576. }
  577.  
  578. .player{
  579. width:24px;
  580. overflow:hidden;
  581. position:absolute;
  582. left:50%;
  583. top:50%;
  584. margin:-12px 0 0 -15px;
  585. }
  586.  
  587. .audinfo{
  588. letter-spacing:2px;
  589. font-weight:700;
  590. text-align:center;
  591. }
  592.  
  593. .audinfo h1{
  594. border-bottom:0;
  595. background:{color:posts};
  596. font-size: 24px;
  597. font-weight: 300;
  598. }
  599.  
  600. blockquote {
  601. padding: 5px;
  602. background:{color:accent3};
  603. }
  604.  
  605. ul, ol, li{
  606. list-style:none;
  607. margin:0px;
  608. padding:0px;
  609. }
  610.  
  611. ul.chat {
  612. margin: 0;
  613. padding: 0;
  614. }
  615.  
  616. .chat li {
  617. list-style-type: none;
  618. padding: 10px;
  619. }
  620.  
  621. .chat li.odd {
  622. margin-bottom: 3px;
  623. background-color:{color:chat line 1};
  624. color: {color:text};
  625. }
  626.  
  627. .chat li.even {
  628. margin-bottom: 3px;
  629. background-color:{color:chat line 2};
  630. }
  631.  
  632. .chat li .label{
  633. text-transform:uppercase;
  634. background:{color:accent2};
  635. line-height:8px;
  636. font-size:8px;
  637. font-weight:900;
  638. letter-spacing:2px;
  639. padding:2px 5px;
  640. }
  641.  
  642. li{
  643. list-style-type:square;
  644. }
  645.  
  646. ol.notes{
  647. padding:0px;
  648. margin:20px 0px;
  649. list-style-type:none;
  650. }
  651.  
  652. ol.notes li.note{
  653. font-size:8px;
  654. line-height:8px;
  655. letter-spacing:2px;
  656. text-transform:uppercase;
  657. margin-bottom:5px;
  658. list-style-type:none;
  659. padding:10px;
  660. background:{color:accent3};
  661. }
  662.  
  663. ol.notes li.note a{
  664. margin:0 5px;
  665. font-weight: 900;
  666. }
  667.  
  668. ol.notes li.note img.avatar{
  669. border-radius:3px;
  670. vertical-align:-4px;
  671. margin-right:10px;
  672. background:{color:border};
  673. }
  674.  
  675. .pagination {
  676. text-align:center;
  677. width:calc({select:postsize} - 10px);
  678. background:{color:posts};
  679. border:1px solid {color:border};
  680. margin: 50px 0;
  681. font-size: 8px;
  682. text-transform: uppercase;
  683. font-weight: 900;
  684. letter-spacing: 2px;
  685. padding:30px 20px;
  686. }
  687.  
  688. .pagination svg {
  689. width: 15px;
  690. vertical-align: top;
  691. margin: 0 10px;
  692. }
  693.  
  694. .pagination .flip svg{
  695.  
  696. }
  697. </style>
  698.  
  699.  
  700.  
  701. </head>
  702.  
  703. <body>
  704.  
  705.  
  706.  
  707.  
  708.  
  709. <div id="center">
  710.  
  711. <div id="sidebar">
  712. <div class="sideone">
  713. <div class="portrait"><img src="{image:portrait}"></div>
  714. <div class="navi">
  715. <a href="/"><img src="http://static.tumblr.com/kcuzms7/wnPmi390c/1360662099_045.png"></a>
  716. <a href="/ask"><img src="http://static.tumblr.com/kcuzms7/zELmi3919/1360662173_004.png"></a>
  717. <a href="/archive"><img src="http://static.tumblr.com/kcuzms7/a94mi3921/1360662151_025.png"></a>
  718. </div>
  719. </div>
  720.  
  721. <div class="desc">{description}</div>
  722.  
  723. <div id="navigation">
  724. {block:IfCustomLinkOne}
  725. <a href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}">{text:Custom Link One}</a>
  726. {/block:IfCustomLinkOne}
  727.  
  728. {block:IfCustomLinkTwo}
  729. <a href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}">{text:Custom Link Two}</a>
  730. {/block:IfCustomLinkTwo}
  731.  
  732. {block:IfCustomLinkThree}
  733. <a href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}">{text:Custom Link Three}</a>
  734. {/block:IfCustomLinkThree}
  735.  
  736. {block:IfCustomLinkFour}
  737. <a href="{block:IfCustomLinkFourURL}{text:Custom Link Four URL}{/block:IfCustomLinkFourURL}">{text:Custom Link Four}</a>
  738. {/block:IfCustomLinkFour}
  739.  
  740. {block:IfCustomLinkFive}
  741. <a href="{block:IfCustomLinkFiveURL}{text:Custom Link Five URL}{/block:IfCustomLinkFiveURL}">{text:Custom Link Five}</a>
  742. {/block:IfCustomLinkFive}
  743.  
  744. {block:IfCustomLinkSix}
  745. <a href="{block:IfCustomLinkSixURL}{text:Custom Link Six URL}{/block:IfCustomLinkSixURL}">{text:Custom Link Six}</a>
  746. {/block:IfCustomLinkSix}
  747.  
  748. {block:IfCustomLinkSeven}
  749. <a href="{block:IfCustomLinkSevenURL}{text:Custom Link Seven URL}{/block:IfCustomLinkSevenURL}">{text:Custom Link Seven}</a>
  750. {/block:IfCustomLinkSeven}
  751.  
  752. {block:IfCustomLinkEight}
  753. <a href="{block:IfCustomLinkEightURL}{text:Custom Link Eight URL}{/block:IfCustomLinkEightURL}">{text:Custom Link Eight}</a>
  754. {/block:IfCustomLinkEight}
  755.  
  756. {block:IfCustomLinkNine}
  757. <a href="{block:IfCustomLinkNineURL}{text:Custom Link Nine URL}{/block:IfCustomLinkNineURL}">{text:Custom Link Nine}</a>
  758. {/block:IfCustomLinkNine}
  759. </div>
  760. </div>
  761.  
  762.  
  763.  
  764.  
  765.  
  766.  
  767.  
  768.  
  769. {block:Posts}
  770. <div class="entry">
  771.  
  772. <div id="postdate">
  773. <b><a href="{Permalink}">{DayOfWeek}</a></b><font style="font-family: georgia;">,</font> </font>
  774. <br> <i>{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} &mdash; {block:RebloggedFrom} <a class="tooltip" href="{ReblogParentURL}">Via<span class="name">{ReblogParentName}<span></a> /
  775. <a class="tooltip" href="{ReblogRootURL}">source<span class="name">{ReblogRootName}<span></a>
  776. {/block:RebloggedFrom} </i></div>
  777.  
  778.  
  779.  
  780.  
  781.  
  782.  
  783. {block:Text}
  784. {block:Title}
  785. <h1><a href="{permalink}">{Title}</a></h1>
  786. {/block:Title}
  787. {Body}
  788. {/block:Text}
  789.  
  790.  
  791.  
  792.  
  793. {block:Photo}
  794. {block:IndexPage}
  795. <a href="{permalink}"><img src="{PhotoURL-HighRes}"></a>
  796. {/block:IndexPage}
  797.  
  798. {block:PermalinkPage}
  799. {block:HighRes}
  800. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>
  801. {/block:HighRes}
  802. {block:PermalinkPage}
  803. {/block:Photo}
  804.  
  805.  
  806.  
  807.  
  808.  
  809.  
  810. {block:Photoset}
  811. <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>
  812. {/block:Photoset}
  813.  
  814.  
  815.  
  816. {block:Quote}
  817. <h2>{Quote}</h2>
  818. {block:Source}<div class="source">{Source}</div>{/block:Source}
  819. {/block:Quote}
  820.  
  821.  
  822.  
  823. {block:Link}
  824. <h1><a href="{URL}">{Name}</a></h1>
  825. {block:Description}{Description}{/block:Description}
  826. {block:Link}
  827.  
  828.  
  829.  
  830.  
  831. {block:Chat}
  832. <ul class="chat">
  833. {block:Lines}
  834. <li class="{Alt} user_{UserNumber}">
  835. {block:Label}<span class="label">{Label}</span>{/block:Label}
  836. {Line}
  837. </li>
  838. {/block:Lines}
  839. </ul>
  840.  
  841. {block:Title}
  842. <h1><a href="{Permalink}">{Title}</a></h1>
  843. {/block:Title}
  844. {/block:Chat}
  845.  
  846.  
  847.  
  848. {block:Video}
  849. <div class="video">{Video-700}</div>
  850. {/block:Video}
  851.  
  852.  
  853.  
  854. {block:Answer}
  855. <div id="question">
  856. <div class="askimg"><a href="{Permalink}"><img src="{AskerPortraitURL-64}"></a></div>
  857. <b>{Asker}</b> <i>asked</i>
  858. {Question}
  859. </div>
  860. {Answer}
  861. {/block:answer}
  862.  
  863.  
  864.  
  865.  
  866. {block:Audio}
  867. <div id="audiop">
  868. <div id="album">
  869. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  870. </div>
  871.  
  872. <div id="play"><div class="player">{AudioPlayerWhite} </div></div>
  873. </div>
  874.  
  875. <div class="audinfo">
  876. {block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}
  877. {block:Artist}{Artist}<br>{/block:Artist}
  878. {block:Album}{Album}{/block:Album}
  879. </div>
  880. {/block:Audio}
  881.  
  882.  
  883.  
  884.  
  885.  
  886.  
  887. {block:IndexPage}
  888. {block:ifShowCaption}
  889. {block:Caption}
  890. <div class="cap">{Caption}</div>
  891. {/block:Caption}
  892. {/block:ifShowCaption}
  893. {/block:IndexPage}
  894.  
  895. {block:PermalinkPage}
  896. {block:Caption}
  897. <div class="cap">{Caption}</div>
  898. {/block:Caption}
  899. {/block:PermalinkPage}
  900.  
  901.  
  902.  
  903.  
  904.  
  905.  
  906. {block:PermalinkPage}
  907. <div id="perm">
  908. {block:Date}<b><a href="{Permalink}">[ {ShortMonth} {DayOfMonth} ]</a></b> {TimeAgo}{/block:Date} {NoteCountWithLabel}
  909.  
  910. <span style="float:right;">{block:RebloggedFrom} <a href="{ReblogParentURL}">Via</a> / <a href="{ReblogRootURL}">Source</a> {/block:RebloggedFrom}</span>
  911. </div>
  912.  
  913.  
  914. {block:HasTags}
  915. <div id="tag">
  916. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>
  917. {/block:HasTags}
  918. {/block:PermalinkPage}
  919.  
  920. {block:PostNotes}{PostNotes}{/block:PostNotes}
  921. </div>
  922.  
  923.  
  924. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
  925.  
  926.  
  927. {/block:Posts}
  928.  
  929. {block:Pagination}
  930. <div class="pagination">
  931. {block:PreviousPage}<a href="{PreviousPage}"> << </a>{/block:PreviousPage}
  932. {CurrentPage} of {TotalPages}
  933.  
  934. {block:NextPage}<a href="{NextPage}"> >>
  935. </a>{/block:NextPage}
  936. </div>
  937. {/block:Pagination}
  938.  
  939.  
  940. </div>
  941.  
  942.  
  943.  
  944.  
  945. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  946. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  947. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  948.  
  949.  
  950.  
  951. <script src="http://static.tumblr.com/hczaopr/l90onpgi6/unnest.min.js"></script>
  952. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  953. <script>
  954. $(document).ready(function() {
  955. $('.photo-slideshow').pxuPhotoset({
  956. lightbox: true,
  957. rounded: false,
  958. gutter: '0px',
  959. borderRadius: '0px',
  960. photoset: '.photo-slideshow',
  961. photoWrap: '.photo-data',
  962. photo: '.pxu-photo'
  963. });
  964.  
  965. var color = '{color:bold}';
  966. $('.soundcloud_audio_player').each(function(){
  967. $(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=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  968. });
  969.  
  970. $('iframe.tumblr_audio_player').load( function() {
  971. $('iframe.tumblr_audio_player').contents().find("head")
  972. .append($("<style type='text/css'> .audio-player{background:#ffcdcd !important;} </style>"));
  973. });
  974. });
  975.  
  976. $('.entry').unnest({
  977. yourCaption: ".cap",
  978. wrapName: ".tumblr_parent",
  979. newCaptionUsername: true,
  980. originalPostCaptionUsername: true,
  981. tumblrAvatars: true,
  982. tumblrAvatarClass: ".tumblr_avatar",
  983. usernameColon: false
  984. });
  985. </script>
  986.  
  987. </body>
  988. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!