API tools faq
paste
loranhale

paris (popup)

loranhale
Jun 30th, 2017
4,107
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.28 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7.  
  8. theme: paris
  9. // popup //
  10.  
  11. @loranhale
  12.  
  13.  
  14. - edit popup starting from line 1053
  15.  
  16. -->
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600,600italic|Lato:400,400italic,600,600italic|Lora:400,400italic,600,600italic|PT+Sans:400,400italic,600,600italic|Roboto:400,400italic,600,600italic|Open+Sans:400,400italic,600,600italic|PT+Serif:400,400italic,600,600italic' rel='stylesheet' type='text/css'>
  24. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  25. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  26.  
  27. <!--Default Variables-->
  28.  
  29. <meta name="image:icon" content=""/>
  30.  
  31. <meta name="color:background" content="#fafafa"/>
  32. <meta name="color:text" content="#666666"/>
  33. <meta name="color:link" content="#8892e0"/>
  34. <meta name="color:link hover" content="#000000"/>
  35. <meta name="color:title"content="#222222"/>
  36. <meta name="color:border" content="#dcecf5"/>
  37. <meta name="color:accent" content="#bad0f1"/>
  38. <meta name="color:posts" content="#ffffff"/>
  39.  
  40. <meta name="if:infinite scroll" content=""/>
  41. <meta name="if:load more" content=""/>
  42. <meta name="if:popup tags" content=""/>
  43. <meta name="if:popup updates" content=""/>
  44. <meta name="if:search bar" content=""/>
  45. <meta name="if:title" content=""/>
  46. <meta name="if:controls" content=""/>
  47.  
  48. <meta name="select:font" content="source sans pro"/>
  49. <meta name="select:font" content="pt sans"/>
  50. <meta name="select:font" content="lato"/>
  51. <meta name="select:font" content="roboto"/>
  52. <meta name="select:font" content="open sans"/>
  53. <meta name="select:font" content="lora"/>
  54. <meta name="select:font" content="pt serif"/>
  55.  
  56. <meta name="select:font size" content="9px"/>
  57. <meta name="select:font size" content="9.5px"/>
  58. <meta name="select:font size" content="10px"/>
  59.  
  60. <meta name="select:tags" content="tagsshow" title="show">
  61. <meta name="select:tags" content="tagshover" title="hover">
  62. <meta name="select:tags" content="tagshide" title="hide">
  63.  
  64. <meta name="text:home" content="home"/>
  65. <meta name="text:ask" content="message"/>
  66. <meta name="text:archive" content="history"/>
  67. <meta name="text:popup" content="explore"/>
  68. <meta name="text:post width" content="350"/>
  69. <meta name="text:margin" content="100"/>
  70.  
  71. <meta name="text:link 1 url" content="" />
  72. <meta name="text:link 1" content="" />
  73. <meta name="text:link 2 url" content="" />
  74. <meta name="text:link 2" content="" />
  75. <meta name="text:link 3 url" content="" />
  76. <meta name="text:link 3" content="" />
  77. <meta name="text:link 4 url" content="" />
  78. <meta name="text:link 4" content="" />
  79. <meta name="text:link 5 url" content="" />
  80. <meta name="text:link 5" content="" />
  81. <meta name="text:link 6 url" content="" />
  82. <meta name="text:link 6" content="" />
  83.  
  84. <style type="text/css">
  85.  
  86. /* scrollbar */
  87.  
  88. ::-webkit-scrollbar{
  89. height:4px;
  90. width:9px;
  91. background:{color:background};
  92. }
  93.  
  94. ::-webkit-scrollbar-thumb {
  95. background:{color:accent};
  96. border:4px solid {color:background};
  97. }
  98.  
  99. ::-webkit-scrollbar-track {
  100. background:{color:border};
  101. border:4px solid {color:background};
  102. }
  103.  
  104. /* tumblr controls */
  105.  
  106. iframe.tmblr-iframe {
  107. z-index:99999999999999!important;
  108. top:-2px!important;
  109. right:0!important;
  110. opacity:0;
  111. padding-right:38px;
  112. transform:scale(0.7);
  113. transform-origin:100% 0;
  114. -webkit-transform:scale(0.7);
  115. -webkit-transform-origin:100% 0;
  116. -o-transform:scale(0.7);
  117. -o-transform-origin:100% 0;
  118. -moz-transform:scale(0.7);
  119. -moz-transform-origin:100% 0;
  120. -ms-transform:scale(0.7);
  121. -ms-transform-origin:100% 0;
  122. transition: opacity 0.6s ease-in-out;
  123. -moz-transition: opacity 0.6s ease-in-out;
  124. -webkit-transition: opacity 0.6s ease-in-out;
  125. }
  126.  
  127. iframe.tmblr-iframe:hover { opacity:0.6!important; }
  128.  
  129. .hcontrols {
  130. position:fixed;
  131. top:0;
  132. right:0;
  133. z-index:999999999;
  134. }
  135.  
  136. .hcontrols svg { width:14px; height:14px; padding:9px; }
  137. .hcontrols svg path { fill:{color:accent}; }
  138.  
  139. /* tooltips */
  140.  
  141. #s-m-t-tooltip {
  142. max-width:300px;
  143. margin:15px;
  144. padding:5px 6px;
  145. z-index:99999999999;
  146. color:{color:title};
  147. background:{color:posts};
  148. border:1px solid {color:border};
  149. }
  150.  
  151. /* scroll to top */
  152.  
  153. .top {
  154. position:fixed;
  155. z-index:9999999;
  156. left:20px;
  157. bottom:10px;
  158. display:none;
  159. }
  160.  
  161. .top a svg { width:25px; height:25px; fill:{color:link}; }
  162.  
  163. /* keyframes */
  164.  
  165. @keyframes fadein {
  166. from { opacity:0; }
  167. to { opacity:1; }
  168. }
  169.  
  170. @-moz-keyframes fadein {
  171. from { opacity:0; }
  172. to { opacity:1; }
  173. }
  174.  
  175. @-webkit-keyframes fadein {
  176. from { opacity:0; }
  177. to { opacity:1; }
  178. }
  179.  
  180. @-ms-keyframes fadein {
  181. from { opacity:0; }
  182. to { opacity:1; }
  183. }
  184.  
  185. @-o-keyframes fadein {
  186. from { opacity:0; }
  187. to { opacity:1; }
  188. }
  189.  
  190. /* body */
  191.  
  192. body {
  193. background:{color:background};
  194. color:{color:text};
  195. font-family:{select:font}, helvetica, arial, sans-serif;
  196. font-size:{select:font size};
  197. line-height:150%;
  198. -moz-osx-font-smoothing:grayscale;
  199. -webkit-font-smoothing:antialiased;
  200. font-smoothing:antialiased;
  201. animation: fadein 1.5s;
  202. -webkit-animation: fadein 1.5s;
  203. -moz-animation: fadein 1.5s;
  204. -o-animation: fadein 1.5s;
  205. }
  206.  
  207. a {
  208. color:{color:link};
  209. text-decoration:none;
  210. transition-duration: 0.6s;
  211. -moz-transition-duration: 0.6s;
  212. -webkit-transition-duration: 0.6s;
  213. -o-transition-duration: 0.6s;
  214. }
  215.  
  216. a:hover { color:{color:link hover}; }
  217.  
  218. pre {
  219. white-space:pre-wrap;
  220. white-space:-moz-pre-wrap;
  221. white-space:-pre-wrap;
  222. white-space:-o-pre-wrap;
  223. word-wrap:break-word;
  224. padding:10px;
  225. background:{color:posts};
  226. }
  227.  
  228. img { opacity:1; border:none; text-decoration:none; }
  229.  
  230. p { margin:10px 0; }
  231. p:first-of-type { margin-top:0; padding-top:0; }
  232. p:last-of-type { margin-bottom:0; padding-bottom:0; }
  233.  
  234. b, strong { color:#333; font-weight:bold; }
  235. i { color:#444; }
  236. small { font-size:calc({select:font size} - .5px); }
  237. big { font-size:calc({select:font size} + 1px); }
  238.  
  239. h1 {
  240. font-size:font-size:calc({select:font size} + 4px);
  241. color:{color:title};
  242. margin:6px 0;
  243. font-weight:400;
  244. }
  245.  
  246. h2, h3, h4 {
  247. font-size:font-size:calc({select:font size} + 3px);
  248. color:{color:link};
  249. margin:6px 0;
  250. font-weight:400;
  251. }
  252.  
  253. ol { margin-left:-20px; padding-right:10px;}
  254. ul li { margin-left:-10px; list-style:square; color:{color:accent}; }
  255.  
  256. svg {
  257. width:10.5px;
  258. height:10.5px;
  259. transition:all .6s ease;
  260. -webkit-transition:all .6s ease;
  261. -moz-transition:all .6s ease;
  262. -o-transition:all .6s ease;
  263. }
  264.  
  265. svg:hover {
  266. fill:{color:link hover};
  267. transition:all .6s ease;
  268. -webkit-transition:all .6s ease;
  269. -moz-transition:all .6s ease;
  270. -o-transition:all .6s ease;
  271. }
  272.  
  273. /* sidebar */
  274.  
  275. aside {
  276. width:160px;
  277. left:calc(50% - ({text:post width}px / 2) - {text:margin}px - 150px);
  278. position:fixed;
  279. }
  280.  
  281. .t {
  282. font-size:12px;
  283. font-weight:600;
  284. margin-bottom:10px;
  285. color:{color:title};
  286. {block:ifnottitle}
  287. display:none;
  288. {/block:ifnottitle}
  289. }
  290.  
  291. .t a { border:1px solid {color:border}; padding:5px 8px; background:{color:posts}; }
  292. .t a:hover { border:1px solid {color:link hover}; }
  293.  
  294. .desc {
  295. font-size:calc({select:font size} - .5px);
  296. margin-bottom:10px;
  297. padding-bottom:8px;
  298. border-bottom:1px solid {color:border};
  299. }
  300.  
  301. nav {
  302. position:fixed;
  303. width:calc(160px - 70px);
  304. }
  305.  
  306. .links { position:relative; }
  307.  
  308. .links a {
  309. color:{color:link};
  310. text-transform:lowercase;
  311. display:block;
  312. margin-bottom:8px;
  313. line-height:calc({select:font size} + .5px);
  314. }
  315.  
  316. .links a:hover { color:{color:link hover}; }
  317.  
  318. .links svg {
  319. width:calc({select:font size} + .5px);
  320. height:calc({select:font size} + .5px);
  321. fill:{color:link};
  322. float:left;
  323. margin-right:8px;
  324. transition:all .6s ease;
  325. -webkit-transition:all .6s ease;
  326. -moz-transition:all .6s ease;
  327. -o-transition:all .6s ease;
  328. }
  329.  
  330. .links a:hover svg {
  331. fill:{color:link hover};
  332. transition:all .6s ease;
  333. -webkit-transition:all .6s ease;
  334. -moz-transition:all .6s ease;
  335. -o-transition:all .6s ease;
  336. }
  337.  
  338. .icon {
  339. float:right;
  340. display:inline;
  341. position:fixed;
  342. margin-left:97px;
  343. }
  344.  
  345. .icon img {
  346. width:55px;
  347. height:55px;
  348. padding:3px;
  349. background:{color:posts};
  350. border:1px solid {color:border};
  351. }
  352.  
  353. /* pop up */
  354.  
  355. .popup {
  356. left:calc(50% - ({text:post width}px /2));
  357. width:100vw;
  358. height:100vh;
  359. z-index:99999;
  360. position:fixed;
  361. background:{color:background}; /* background */
  362. display:none; /* hides the popup */
  363. overflow:auto;
  364. margin:0;
  365. }
  366.  
  367. .content {
  368. color:{color:text}; /*text color*/
  369. width:calc({text:post width}px - 50px);
  370. left:0;
  371. background:#fff;
  372. border:1px solid {color:border};
  373. padding:25px;
  374. position:absolute;
  375. }
  376.  
  377. a.navigation:hover { cursor:help; }
  378.  
  379. .content .close {
  380. float:right;
  381. font-size:14px;
  382. display:inline;
  383. }
  384.  
  385. .content a.close:hover { cursor:help; }
  386.  
  387. .nav {
  388. border-bottom:1px solid {color:border};
  389. padding-bottom:10px;
  390. margin-bottom:10px;
  391. {block:ifNotPopupUpdates}
  392. {block:ifNotPopUpTags}
  393. border-bottom:0;
  394. padding-bottom:0;
  395. margin-bottom:0;
  396. {/block:ifNotPopUpTags}
  397. {/block:ifNotPopupUpdates}
  398. }
  399.  
  400. .nav a {
  401. display:inline-block;
  402. margin-right:10px;
  403. font-size:calc({select:font size} + .5px);
  404. }
  405.  
  406. .updates {
  407. {block:ifNotPopUpUpdates}
  408. display:none;
  409. {/block:ifNotPopUpUpdates}
  410. border-bottom:1px solid {color:border};
  411. padding-bottom:10px;
  412. margin-bottom:10px;
  413. {block:ifNotPopUpTags}
  414. border-bottom:0;
  415. padding-bottom:0;
  416. margin-bottom:0;
  417. {/block:ifNotPopUpTags}
  418. }
  419.  
  420. .ptagst {
  421. font-size:calc({select:font size} + .5px);
  422. color:{color:text};
  423. letter-spacing:.5px;
  424. font-style:italic;
  425. text-transform:lowercase;
  426. font-weight:600;
  427. display:inline-block;
  428. margin-right:10px;
  429. }
  430.  
  431. .ptags { margin-bottom:5px; }
  432. .ptags:last-of-type { margin-bottom:0; }
  433.  
  434. .ptags a {
  435. display:inline-block;
  436. margin-right:8px;
  437. text-transform:lowercase;
  438. font-size:{select:font size};
  439. line-height:18px;
  440. {block:ifNotPopUpTags}
  441. display:none;
  442. {/block:ifNotPopUpTags}
  443. }
  444.  
  445. .border {
  446. width:100px;
  447. height:1px;
  448. margin:8px 0;
  449. background:{color:border};
  450. position:relative;
  451. }
  452.  
  453. /* search bar */
  454.  
  455. .search {
  456. margin-left:calc({select:font size} + .5px + 8px);
  457. position:relative;
  458. margin-top:-2px;
  459. {block:ifNotSearchBar}
  460. display:none;
  461. {/block:ifNotSearchBar}
  462. }
  463.  
  464. .search .query {
  465. border:0;
  466. outline:0;
  467. padding:0;
  468. font-size:calc({select:font size} + .5px);
  469. font-family:{select:font};
  470. font-style:none;
  471. color:{color:link};
  472. background:{color:background};
  473. width:100%;
  474. }
  475.  
  476. ::-webkit-input-placeholder { color:{color:accent}; }
  477. :-moz-placeholder { color:{color:accent}; opacity:1; }
  478. ::-moz-placeholder { color:{color:accent}; opacity:1; }
  479. :-ms-input-placeholder { color:{color:accent}; }
  480.  
  481. input:focus::-webkit-input-placeholder { color:transparent; }
  482. input:focus:-moz-placeholder { color:transparent; }
  483. input:focus::-moz-placeholder { color:transparent; }
  484. input:focus:-ms-input-placeholder { color:transparent; }
  485.  
  486. /* pagination */
  487.  
  488. footer { text-align:center; margin:50px auto 100px auto; }
  489.  
  490. #pg {
  491. color:{color:link};
  492. {block:ifinfinitescroll}
  493. display:none;
  494. {/block:ifinfinitescroll}
  495. margin:0 auto 100px auto;
  496. width:{text:post width}px;
  497. }
  498.  
  499. #pg span { display:inline-block; }
  500. #pg a { display:inline-block; margin:0 5px; }
  501.  
  502. .current_page {
  503. font-weight:bold;
  504. color:{color:link};
  505. display:inline-block;
  506. }
  507.  
  508. span.nextprev { float:right; }
  509.  
  510. #infscr-loading { display:none!important; }
  511. a#load {
  512. text-transform:lowercase;
  513. font-size:calc({select:font size} + .5px);
  514. }
  515.  
  516. a#load:hover { color:{color:link hover}; cursor:pointer!important; }
  517.  
  518. /* lightbox */
  519.  
  520. .lightbox-caption, #tumblr_lightbox_caption { visibility:hidden; }
  521. .vignette, #vignette { opacity:0; }
  522. .lightbox-image, #tumblr_lightbox img {
  523. box-shadow:none !important;
  524. border-radius:0 !important;
  525. }
  526.  
  527. .tmblr-lightbox, #tumblr_lightbox {
  528. background-color:{color:background}!important;
  529. z-index:99999!important;
  530. }
  531.  
  532. /* photoset */
  533.  
  534. .photo-slideshow .count-1 { margin-bottom:1px!important; }
  535. .photo-slideshow .count-2 {
  536. margin-left:1px!important;
  537. margin-bottom:1px!important;
  538. width:calc(50% - (1px/2))!important;
  539. }
  540.  
  541. .photo-slideshow .count-2:first-child { margin-left:0!important; }
  542. .photo-slideshow .count-3 {
  543. margin-left:1px!important;
  544. margin-bottom:1px!important;
  545. width:calc((100% - (2 * 1px))/3)!important;
  546. }
  547.  
  548. .photo-slideshow .count-3:first-child { margin-left:0!important; }
  549. .photo-slideshow {
  550. display:block!important;
  551. margin-bottom:calc(-(1px - 3px));
  552. position:relative;
  553. width:100%;
  554. }
  555.  
  556. .defcap .photo-slideshow.processed { margin-bottom:0!important; }
  557. .defcap .row:last-of-type .count-1{ margin-bottom:0!important; }
  558. .unnested .photo-slideshow.processed { margin-bottom:calc({select:font size} * (2/3)) !important; }
  559.  
  560. /* posts */
  561.  
  562. #entries {
  563. width:{text:post width}px;
  564. margin:{text:margin}px auto;
  565. }
  566.  
  567. .posts {
  568. width:{text:post width}px;
  569. margin:{text:margin}px auto;
  570. position:relative;
  571. max-width:500px;
  572. min-width:250px;
  573. }
  574.  
  575. .posts img { max-width:100%; }
  576. .media img, .media iframe { width:100%; display:block; }
  577. .posts img, .posts li, .posts blockquote { max-width:100%; }
  578. .caption img, .caption iframe { max-width:100%; }
  579. .posts li, .posts blockquote, .posts img { max-width:100%; height:auto; }
  580.  
  581. .title {
  582. font-size:calc({select:font size} + 3px);
  583. margin-bottom:10px;
  584. color:{color:title};
  585. font-weight:400;
  586. }
  587.  
  588. .title a { color:{color:link}; }
  589. .title a:hover { color:{color:link hover}; }
  590. .text { margin:0; padding-top:0!important; }
  591.  
  592. a.tumblr_blog {
  593. display:inline-block;
  594. vertical-align:11px;
  595. font-weight:600;
  596. font-size:calc({select:font size} + .5px);
  597. }
  598.  
  599. .source a.tumblr_blog { vertical-align:initial; }
  600.  
  601. .caption { padding:10px 0; border-bottom:1px solid #dcecf5;}
  602. .caption blockquote { margin:5px 0; }
  603. .caption > blockquote {
  604. margin-top:5px;
  605. padding-left:0px;
  606. border-left:1px solid {color:border};
  607. }
  608. .caption > blockquote:not(.tumblr_parent) { padding-left:10px; }
  609.  
  610. .tumblr_parent { margin-top:0px; }
  611. .tumblr_avatar {
  612. margin-right:10px;
  613. margin-bottom:5px;
  614. width:18px;
  615. height:18px;
  616. border-radius:3px;
  617. }
  618. blockquote.tumblr_parent { border:0; }
  619. blockquote.tumblr_parent blockquote {
  620. margin-top:5px;
  621. padding-left:10px;
  622. border-left:1px solid {color:border};
  623. }
  624.  
  625. /* quote */
  626.  
  627. #q {
  628. border-bottom:1px solid {color:border};
  629. padding-bottom:10px;
  630. }
  631.  
  632. .quote {
  633. font-size:12px;
  634. font-family:'Lora', sans-serif;
  635. line-height:15px;
  636. font-style:italic;
  637. color:{color:text};
  638. }
  639.  
  640. .source {
  641. margin-top:10px;
  642. font-style:italic;
  643. text-align:right;
  644. }
  645.  
  646. /* audio */
  647.  
  648. .player {
  649. width:25px;
  650. height:24px;
  651. position:absolute;
  652. left:10px;
  653. top:calc(50% - 15px);
  654. display:block;
  655. overflow:hidden;
  656. }
  657.  
  658. .hold {
  659. text-align:left;
  660. background:{color:posts};
  661. border:1px solid {color:border};
  662. position:relative;
  663. display:block;
  664. min-height:24px;
  665. padding:15px;
  666. }
  667.  
  668. .audio_info {
  669. vertical-align:middle;
  670. line-height:12px;
  671. margin-left:35px;
  672. max-width:calc(100% - 35px);
  673. }
  674.  
  675. .audio_info span {
  676. white-space:nowrap;
  677. overflow:hidden;
  678. text-overflow:ellipsis;
  679. display:block;
  680. }
  681.  
  682. .hold .track { color:{color:title}; }
  683.  
  684. /* videos */
  685.  
  686. .video { border:1px solid transparent; }
  687.  
  688. /* ask */
  689.  
  690. .q {
  691. border:1px solid {color:border};
  692. padding:10px;
  693. background:{color:posts};
  694. margin-bottom:0px;
  695. }
  696.  
  697. .sender {
  698. margin-top:2px;
  699. margin-bottom:10px;
  700. display:block;
  701. text-transform:lowercase;
  702. }
  703. .sender a { font-weight:600; color:{color:link}; }
  704. .sender a:hover { color:{color:link hover}; }
  705.  
  706. .aski {
  707. float:left;
  708. display:inline;
  709. position:relative;
  710. margin-top:0px;
  711. }
  712.  
  713. .aski img {
  714. width:18px;
  715. height:18px;
  716. border-radius:3px;
  717. margin-right:10px;
  718. }
  719.  
  720. /* chat */
  721.  
  722. .chat {
  723. text-align:left;
  724. margin:0;
  725. padding:0;
  726. list-style:none;
  727. }
  728.  
  729. .label {
  730. font-weight:bold;
  731. color:{color:link};
  732. display:inline-block;
  733. margin-right:3px;
  734. }
  735.  
  736. .l { padding:10px 0; border-bottom:1px solid {color:border}; }
  737. .l:first-of-type { padding-top:0; }
  738.  
  739. /* permalink */
  740.  
  741. .perma {
  742. position:relative;
  743. width:{text:post width}px auto;
  744. margin-top:0;
  745. }
  746.  
  747. .when { margin-top:8px; }
  748. .when svg {
  749. fill:{color:link};
  750. width:10px;
  751. height:10px;
  752. overflow:hidden;
  753. margin-top:1px;
  754. position:relative;
  755. }
  756.  
  757. .when a {
  758. font-size:calc({select:font size} + .5px);
  759. margin-left:8px;
  760. margin-top:-1px;
  761. position:absolute;
  762. }
  763.  
  764. .permalink { margin-top:5px; font-size:{select:font size}; }
  765. .permalink a { text-transform:lowercase; }
  766. .permalink a:hover { color:{color:link hover}; }
  767.  
  768. .pt a { margin-right:6px; }
  769. .tags {
  770. position:relative;
  771. margin-top:-22px;
  772. margin-left:18px;
  773. }
  774.  
  775. .tags a { margin-right:5px; }
  776. .tags a:hover { color:{color:link hover}; }
  777.  
  778. .tagsshow { opacity:1; }
  779. .tagshide { display:none; }
  780. .tagshover {
  781. opacity:0;
  782. transition:all .6s ease;
  783. -webkit-transition:all .6s ease;
  784. -moz-transition:all .6s ease;
  785. -o-transition:all .6s ease;
  786. }
  787.  
  788. .posts:hover .tagshover { opacity:1; }
  789.  
  790. .ts svg {
  791. fill:{color:link};
  792. width:11px;
  793. overflow:hidden;
  794. margin:5px 0;
  795. position:relative;
  796. opacity:1;
  797. }
  798.  
  799. .posts:hover .ts svg { opacity:1; }
  800. .tags a:hover .ts svg { fill:{color:link hover}; }
  801. .pn { padding:10px 0; border-top:1px solid {color:border}; }
  802. .pn a { font-size:{select:font size}; }
  803.  
  804. .nt {
  805. margin-top:-30px;
  806. margin-bottom:10px;
  807. font-size:12px;
  808. color:{color:title};
  809. }
  810.  
  811. ol.notes {
  812. list-style-type:none;
  813. text-align:left;
  814. padding:0px;
  815. margin:0;
  816. }
  817.  
  818. ol.notes li.note { display:block; padding:0; margin:5px 0; }
  819. ol.notes li.note img.avatar { display:none!important; }
  820. a.more_notes_link {
  821. display:block;
  822. text-align:left;
  823. color:{color:link};
  824. }
  825.  
  826. a.more_notes_link:hover { color:{color:link hover}; }
  827.  
  828. /* like and reblog buttons */
  829.  
  830. .controls {
  831. margin:0 0 0 15px;
  832. position:absolute;
  833. top:0;
  834. left:100%;
  835. {block:ifnotcontrols}
  836. display:none;
  837. {/block:ifnotcontrols}
  838. }
  839.  
  840. .controls a {
  841. display:block;
  842. overflow:hidden;
  843. width:auto;
  844. height:auto;
  845. }
  846.  
  847. .controls svg {
  848. padding:5px;
  849. width:9px;
  850. fill:{color:link};
  851. overflow:visible;
  852. border:1px solid {color:border};
  853. border-radius:3px;
  854. }
  855.  
  856. .controls svg:hover {
  857. border:1px solid {color:link hover};
  858. background:{color:posts};
  859. }
  860.  
  861. .like:hover svg, .reblog:hover svg {
  862. fill:{color:link hover}!important;
  863. border:1px solid {color:link hover};
  864. transition:all .6s ease;
  865. -webkit-transition:all .6s ease;
  866. -moz-transition:all .6s ease;
  867. -o-transition:all .6s ease;
  868. }
  869.  
  870. .controls .reblog { opacity:.93; width:25px; }
  871. .controls .like {
  872. width:12px;
  873. margin-top:0px;
  874. margin-left:0px;
  875. }
  876.  
  877. .controls .like .like_botton:hover + svg {
  878. fill:{color:link hover}!important;
  879. border:1px solid {color:link hover};
  880. transition:all .6s ease;
  881. -webkit-transition:all .6s ease;
  882. -moz-transition:all .6s ease;
  883. -o-transition:all .6s ease;
  884. }
  885.  
  886. .controls .like .liked + svg { opacity:1; }
  887. .controls .like .liked + svg path {
  888. fill:#ec5a5a;
  889. border:1px solid {color:link hover};
  890. }
  891.  
  892. .controls .like .like_button { position:relative; }
  893. .controls .like .like_button iframe {
  894. position:absolute;
  895. top:0;
  896. left:0;
  897. bottom:0;
  898. right:0;
  899. z-index:2;
  900. opacity:0;
  901. }
  902.  
  903. /* do not disturb */
  904.  
  905. .lo { bottom:20px; right:20px; position:fixed; }
  906. .lo a { text-transform:uppercase; font-size:12px; font-family:'source sans pro',sans-serif; }
  907.  
  908. {CustomCSS}
  909.  
  910. </style>
  911.  
  912. <!-- scripts!DO NOT DISTURB -->
  913. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  914. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  915. <script src="http://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  916. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  917.  
  918. <script>
  919. $(document).ready(function() {
  920. $('.photo-slideshow').pxuPhotoset({
  921. lightbox: true,
  922. rounded: false,
  923. gutter: '0px',
  924. borderRadius: '0px',
  925. photoset: '.photo-slideshow',
  926. photoWrap: '.photo-data',
  927. photo: '.pxu-photo'
  928. });
  929. });
  930. </script>
  931.  
  932. <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  933. <script>
  934. $(document).ready(function(){
  935. $('.posts').unnest({
  936. yourCaption: ".caption",
  937. wrapName: ".tumblr_parent",
  938. newCaptionUsername: true,
  939. originalPostCaptionUsername: false,
  940. tumblrAvatars: true,
  941. tumblrAvatarClass: ".tumblr_avatar",
  942. usernameColon: false
  943. });
  944. });
  945. </script>
  946.  
  947. {block:indexpage}
  948. {block:ifinfinitescroll}
  949. <script src="http://static.tumblr.com/xbvpdcx/9LRo1g4a7/jquery.infinitescroll.min.js"></script>
  950.  
  951. <script>
  952. // Infinite Scroll
  953. $(function() {
  954.  
  955. var $container = $('#entries');
  956. $container.infinitescroll({
  957.  
  958. loading: {
  959. finishedMsg: "<em>No more posts</em>",
  960. img: null,
  961. msg: null,
  962. msgText: "<em>Loading posts...</em>",
  963. {block:ifloadmore}
  964. finished: function () {$('a#load').text('Load More'); },
  965. {/block:ifloadmore}
  966.  
  967. },
  968.  
  969. navSelector : '#pg',
  970. nextSelector : '#pg a:last',
  971. itemSelector : '.posts',
  972. {block:ifloadmore}
  973. errorCallback: function () {$('a#load').fadeOut();},
  974. {/block:ifloadmore}
  975. bufferPx : 600,
  976.  
  977. },
  978.  
  979. function( newElements ) {
  980. $( newElements ).find('.photo-slideshow').pxuPhotoset({
  981. lightbox: true,
  982. rounded: true,
  983. gutter: '0px',
  984. borderRadius: '0px',
  985. photoset: '.photo-slideshow',
  986. photoWrap: '.photo-data',
  987. photo: '.pxu-photo'
  988. });
  989.  
  990. resizeVideos();
  991.  
  992. var $newElems = $(newElements);
  993. var $newElemsIDs = $newElems.map(function(){
  994. return this.id;
  995. }).get();
  996. console.log($newElems, $newElemsIDs);
  997. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  998.  
  999. $newElems.unnest({
  1000.  
  1001. yourCaption: ".caption",
  1002. wrapName: ".tumblr_parent",
  1003. newCaptionUsername: false,
  1004. originalPostCaptionUsername: false,
  1005. tumblrAvatars: true,
  1006. tumblrAvatarClass: ".tumblr_avatar",
  1007. usernameColon: false
  1008.  
  1009. });
  1010.  
  1011. });
  1012.  
  1013. {block:ifloadmore}
  1014. $container.infinitescroll('unbind');
  1015. $('a#load').on('click', function(e) {
  1016. e.preventDefault();
  1017. $container.infinitescroll('retrieve');
  1018. });
  1019. {/block:ifloadmore}
  1020. });
  1021. </script>
  1022. {/block:ifinfinitescroll}
  1023. {/block:indexpage}
  1024.  
  1025. <script>
  1026. $(document).ready(function(){
  1027. $('.search').submit(function(event){
  1028. var value = $('input:first').val();
  1029. location.replace('http://{Name}.tumblr.com/tagged/' + value);
  1030. });
  1031. });
  1032. </script>
  1033. <!-- end scripts -->
  1034.  
  1035. </head>
  1036. <body>
  1037.  
  1038. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  1039.  
  1040. <div class="popup navigation">
  1041.  
  1042. <div class="content">
  1043. <a class="close" title="close">x</a>
  1044. <div class="nav">
  1045. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  1046. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  1047. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  1048. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  1049. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  1050. {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  1051. </div>
  1052.  
  1053. {block:ifPopUpUpdates}
  1054. <div class="updates">
  1055.  
  1056. add a short description here <br>
  1057. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. some words <br>
  1058. <i>this can also be a quote</i>
  1059.  
  1060. <!-- feel free to remove this -->
  1061. <div class="border"></div>
  1062. <b>reading:</b> a book <br>
  1063. <b>watching:</b> a show <br>
  1064. <b>anticipating:</b> something
  1065.  
  1066. </div>
  1067. {/block:ifPopUpUpdates}
  1068.  
  1069. {block:ifPopupTags}
  1070.  
  1071. <div class="ptags">
  1072. <div class="ptagst">links</div>
  1073. <a href=“/tagged/”>tag name</a>
  1074. <a href=“/tagged/”>tag name</a>
  1075. <a href="/tagged/">tag name</a>
  1076. <a href="/tagged/">tag name</a>
  1077. <a href="/tagged/">tag name</a>
  1078. <a href="/tagged/">tag name</a>
  1079. <a href="/tagged/">tag name</a>
  1080. <a href="/tagged/">tag name</a>
  1081. <a href="/tagged/">tag name</a>
  1082. </div>
  1083.  
  1084. <div class="ptags">
  1085. <div class="ptagst">tags</div>
  1086. <a href=“/tagged/”>tag name</a>
  1087. <a href=“/tagged/”>tag name</a>
  1088. <a href="/tagged/">tag name</a>
  1089. <a href="/tagged/">tag name</a>
  1090. <a href="/tagged/">tag name</a>
  1091. <a href="/tagged/">tag name</a>
  1092. <a href="/tagged/">tag name</a>
  1093. <a href="/tagged/">tag name</a>
  1094. <a href="/tagged/">tag name</a>
  1095. </div>
  1096. {/block:ifPopupTags}
  1097. </div>
  1098.  
  1099. </div>
  1100.  
  1101. <aside>
  1102. <div class="t"><a href="/">{title}</a></div>
  1103. <div class="desc">{description}</div>
  1104. <div class="icon"><a href="/"><img src="{image:icon}"/></a></div>
  1105.  
  1106. <div class="links">
  1107. <a href="/">
  1108. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 486.988 486.988" style="enable-background:new 0 0 486.988 486.988;" xml:space="preserve"><g><g><path d="M16.822,284.968h39.667v158.667c0,9.35,7.65,17,17,17h116.167c9.35,0,17-7.65,17-17V327.468h70.833v116.167 c0,9.35,7.65,17,17,17h110.5c9.35,0,17-7.65,17-17V284.968h48.167c6.8,0,13.033-4.25,15.583-10.483 c2.55-6.233,1.133-13.6-3.683-18.417L260.489,31.385c-6.517-6.517-17.283-6.8-23.8-0.283L5.206,255.785 c-5.1,4.817-6.517,12.183-3.967,18.7C3.789,281.001,10.022,284.968,16.822,284.968z M248.022,67.368l181.333,183.6h-24.367 c-9.35,0-17,7.65-17,17v158.667h-76.5V310.468c0-9.35-7.65-17-17-17H189.656c-9.35,0-17,7.65-17,17v116.167H90.489V267.968 c0-9.35-7.65-17-17-17H58.756L248.022,67.368z"/></g></g></svg>
  1109. {text:home}
  1110. </a>
  1111.  
  1112. <a href="/ask">
  1113. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 436.333 436.333" style="enable-background:new 0 0 436.333 436.333;" xml:space="preserve"><g><g><path d="M436.333,56.667c0-9.35-7.65-17-17-17H17c-9.35,0-17,7.65-17,17v323c0,9.35,7.65,17,17,17h402.333c9.35,0,17-7.65,17-17 V56.667z M34,362.667v-201.45l170.85,147.05c3.117,2.833,6.8,3.967,10.767,3.967c3.967,0,8.217-1.417,11.617-3.967l175.1-146.483 v200.883H34z M402.333,73.667v43.917c-2.833,0.283-1.417,0.567-1.7,0.567L215.9,273.133L34.567,117.3 c-0.283-0.283-0.567-0.567-0.567-0.85V73.667H402.333z"/></g></g></svg>
  1114. {text:ask}
  1115. </a>
  1116.  
  1117. <a href="/archive">
  1118. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 493 493" style="enable-background:new 0 0 493 493;" xml:space="preserve"><g><g><path d="M473.167,45.333h-51c-9.35,0-17,7.65-17,17s7.65,17,17,17h34V459H36.833V79.333h45.333c9.35,0,17-7.65,17-17 s-7.65-17-17-17H19.833c-9.35,0-17,7.65-17,17V476c0,9.35,7.65,17,17,17h453.333c9.35,0,17-7.65,17-17V62.333 C490.167,52.983,482.517,45.333,473.167,45.333z"/><path d="M269.167,45.333H221c-9.35,0-17,7.65-17,17s7.65,17,17,17h48.167c9.35,0,17-7.65,17-17S278.517,45.333,269.167,45.333z"/><path d="M144.5,351.333h-39.667c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17H144.5c9.35,0,17-7.65,17-17v-28.333 C161.5,358.983,153.85,351.333,144.5,351.333z"/><path d="M266.333,351.333h-42.5c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h42.5c9.35,0,17-7.65,17-17v-28.333 C283.333,358.983,275.683,351.333,266.333,351.333z"/><path d="M161.5,274.833c0-9.35-7.65-17-17-17h-39.667c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17H144.5 c9.35,0,17-7.65,17-17V274.833z"/><path d="M283.333,274.833c0-9.35-7.65-17-17-17h-42.5c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h42.5 c9.35,0,17-7.65,17-17V274.833z"/><path d="M385.333,257.833h-39.667c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h39.667c9.35,0,17-7.65,17-17v-28.333 C402.333,265.483,394.683,257.833,385.333,257.833z"/><path d="M87.833,178.5v28.333c0,9.35,7.65,17,17,17H144.5c9.35,0,17-7.65,17-17V178.5c0-9.35-7.65-17-17-17h-39.667 C95.483,161.5,87.833,169.15,87.833,178.5z"/><path d="M283.333,178.5c0-9.35-7.65-17-17-17h-42.5c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h42.5c9.35,0,17-7.65,17-17 V178.5z"/><path d="M402.333,178.5c0-9.35-7.65-17-17-17h-39.667c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h39.667 c9.35,0,17-7.65,17-17V178.5z"/><path d="M155.833,113.333c9.35,0,17-7.65,17-17V17c0-9.35-7.65-17-17-17h-17c-9.35,0-17,7.65-17,17v79.333c0,9.35,7.65,17,17,17 H155.833z"/><path d="M351.333,0h-17c-9.35,0-17,7.65-17,17v79.333c0,9.35,7.65,17,17,17h17c9.35,0,17-7.65,17-17V17 C368.333,7.65,360.683,0,351.333,0z"/></g></g></svg>
  1119. {text:archive}
  1120. </a>
  1121.  
  1122. <a class="navigation">
  1123. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 396.667 396.667" style="enable-background:new 0 0 396.667 396.667;" xml:space="preserve"><g><g><path d="M17,87.833h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17C0,80.183,7.65,87.833,17,87.833z"/><path d="M17,215.333h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17S7.65,215.333,17,215.333z"/><path d="M17,342.833h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17S7.65,342.833,17,342.833z"/></g></g></svg>
  1124. {text:popup}
  1125. </a>
  1126.  
  1127. {block:ifsearchbar}
  1128. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 483.083 483.083" style="enable-background:new 0 0 483.083 483.083;" xml:space="preserve"><g><g><path d="M332.74,315.35c30.883-33.433,50.15-78.2,50.15-127.5C382.89,84.433,298.74,0,195.04,0S7.19,84.433,7.19,187.85 S91.34,375.7,195.04,375.7c42.217,0,81.033-13.883,112.483-37.4l139.683,139.683c3.4,3.4,7.65,5.1,11.9,5.1s8.783-1.7,11.9-5.1 c6.517-6.517,6.517-17.283,0-24.083L332.74,315.35z M41.19,187.85C41.19,103.133,110.04,34,195.04,34 c84.717,0,153.85,68.85,153.85,153.85S280.04,341.7,195.04,341.7S41.19,272.567,41.19,187.85z"/></g></g></svg>
  1129.  
  1130. <form action="/search" method="get" class="search">
  1131. <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="search"></form>
  1132. {/block:ifsearchbar}
  1133.  
  1134. </div>
  1135.  
  1136. </aside>
  1137.  
  1138. <section id="entries">
  1139.  
  1140. {block:Posts}
  1141. <div class="posts" id="{PostID}">
  1142.  
  1143. {block:Quote}
  1144. <div id="q">
  1145. <div class="quote">{Quote}</div>
  1146. {block:Source}<div class="source"> {Source}</div>{/block:Source}
  1147. </div>
  1148. {/block:Quote}
  1149.  
  1150. {block:Audio}
  1151. {block:audioplayer}
  1152. <div class="hold">
  1153. <div class="player">{audioplayerwhite}</div>
  1154. <div class="audio_info">
  1155. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  1156. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  1157. </div>
  1158. </div>
  1159. {/block:audioplayer}
  1160. {/block:Audio}
  1161.  
  1162. {block:Text}
  1163. {block:Title}<h1>{Title}</h1>{/block:Title}
  1164. <div class="text caption">{Body}</div>
  1165. {/block:Text}
  1166.  
  1167. {block:Link}
  1168. <div class="caption">
  1169. <div class="title"><a href="{URL}">{Name}</a></div>
  1170. </div>
  1171. {block:Description}{Description}{/block:Description}
  1172. {/block:Link}
  1173.  
  1174. {block:Chat}
  1175. {block:Title}<div class="title">{title}</div>{/block:Title}
  1176. <ol class="chat">
  1177. {block:lines}
  1178. <li class="l {Alt}">
  1179. {block:label}<span class="label">{label}</span>{/block:label} {line}
  1180. </li>
  1181. {/block:lines}
  1182. </ol>
  1183. {/block:Chat}
  1184.  
  1185. {block:Photo}
  1186. <div id="media"><a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  1187. <img src="{PhotoURL-HighRes}" width="{text:post width}">
  1188. </a>
  1189. </div>
  1190. {/block:Photo}
  1191.  
  1192. {block:Photoset}
  1193. <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>
  1194. {/block:Photoset}
  1195.  
  1196. {block:Video}
  1197. <div class="video">{Video-500}</div>
  1198. {/block:Video}
  1199.  
  1200. {block:Answer}
  1201. <div class="q">
  1202. <div class="aski"><img src="{AskerPortraitURL-128}" /></div>
  1203. <div class="sender">{Asker} asked:</div>
  1204. {Question}
  1205. </div>
  1206. <div class="a caption">{Answer}</div>
  1207. {/block:Answer}
  1208.  
  1209. {block:Caption}
  1210. <div class="caption">{Caption}</div>
  1211. {/block:Caption}
  1212.  
  1213. {block:indexpage}
  1214. <div class="perma">
  1215.  
  1216. {block:Date}
  1217. <div class="when">
  1218. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442 442" style="enable-background:new 0 0 442 442;" xml:space="preserve"><g><g><path d="M221,155.833c9.35,0,17-7.65,17-17v-17c0-9.35-7.65-17-17-17c-9.35,0-17,7.65-17,17v17 C204,148.183,211.65,155.833,221,155.833z"/><path d="M187,223.833h17v96.333c0,9.35,7.65,17,17,17c9.35,0,17-7.65,17-17V206.833c0-9.35-7.65-17-17-17h-34 c-9.35,0-17,7.65-17,17S177.65,223.833,187,223.833z"/><path d="M442,17c0-9.35-7.65-17-17-17H17C7.65,0,0,7.65,0,17v408c0,9.35,7.65,17,17,17h408c9.35,0,17-7.65,17-17V17z M408,408H34 V34h374V408z"/></g></g></svg>
  1219.  
  1220. <a href="{Permalink}" title="{TimeAgo}">{NoteCountWithLabel}</a>
  1221. </div>
  1222. {/block:Date}
  1223.  
  1224. {block:HasTags}
  1225. <div class="{select:tags}">
  1226. <div class="ts">
  1227. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 524.237 524.237" style="enable-background:new 0 0 524.237 524.237;" xml:space="preserve"><g><g><path d="M209.95,465.552c3.117,3.117,7.367,4.533,11.9,4.533h0.283c4.533,0,8.783-1.7,11.9-4.817l183.6-188.983 c6.517-6.8,6.517-17.283-0.283-23.8L220.15,55.569c-3.117-3.117-7.65-4.817-11.9-4.817l0,0L18.133,51.035 c-9.35,0-17,7.367-17,16.717L0,254.469c0,4.533,1.7,9.067,5.1,12.183L209.95,465.552z M35.133,84.752l166.033-0.567l180.2,180.2 l-160.083,164.9L34,247.385L35.133,84.752z"/><path d="M321.017,77.669c-6.8,6.517-6.8,17.283-0.283,24.083l162.633,165.467L311.383,444.585 c-6.517,6.8-6.233,17.567,0.283,24.083c3.4,3.117,7.65,4.817,11.9,4.817c4.533,0,8.783-1.7,12.183-5.1l183.6-189.267 c6.517-6.517,6.517-17.283,0-23.8L345.1,77.952C338.3,71.435,327.533,71.152,321.017,77.669z"/><circle cx="118.15" cy="163.235" r="6.233"/><path d="M118.15,140.002c-12.75,0-23.233,10.483-23.233,23.233s10.483,23.233,23.233,23.233s23.233-10.483,23.233-23.233 C141.1,150.485,130.9,140.002,118.15,140.002z M118.15,174.002c-5.95,0-10.767-4.817-10.767-10.767 c0-5.95,4.817-10.767,10.767-10.767c5.95,0,10.767,4.817,10.767,10.767C128.917,169.185,124.1,174.002,118.15,174.002z"/></g></g></svg>
  1228. </div>
  1229. </div>
  1230.  
  1231. <div class="{select:tags} tags">
  1232. {block:Tags}
  1233. <a href="{TagUrl}">{Tag}</a>
  1234. {/block:Tags}
  1235. </div>
  1236. {/block:HasTags}
  1237.  
  1238. </div>
  1239.  
  1240. <div class="controls">
  1241. <div class="reblog">
  1242. <a href="{ReblogURL}" target="_blank" class="reblog">
  1243. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  1244. </a>
  1245. </div>
  1246.  
  1247. <div class="like">{LikeButton}
  1248. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  1249. </div>
  1250. </div>
  1251. {/block:indexpage}
  1252.  
  1253. {block:permalinkpage}
  1254. {block:Date}
  1255. <div class="permalink">
  1256. posted {timeago} on {dayofmonth} {month} {year}
  1257. {block:RebloggedFrom}<br>
  1258. via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  1259. {block:HasTags}
  1260. <div class="pt">tagged: {block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1261. </div>
  1262. {/block:Date}
  1263. {/block:permalinkpage}
  1264.  
  1265. </div>
  1266.  
  1267. {block:PostNotes}
  1268. <div class="nt">{notecountwithlabel}</div>
  1269. <div class="pn">{PostNotes}</div>
  1270. {/block:PostNotes}
  1271.  
  1272. </div>
  1273. {/block:Posts}
  1274.  
  1275. </section>
  1276.  
  1277. {block:indexpage}
  1278. {block:Pagination}
  1279. <div id="pg">
  1280. <span>
  1281. {block:JumpPagination length="3"}{block:CurrentPage}<a class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1282. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1283.  
  1284. <span class="nextprev">
  1285. {block:PreviousPage}<a href="{PreviousPage}">back</a>{block:nextpage} / {/block:nextpage}
  1286. {/block:PreviousPage}
  1287. {block:NextPage}<a class="nxtpg" href="{NextPage}">next</a>{/block:NextPage}
  1288. </span>
  1289.  
  1290. </div>
  1291.  
  1292. {block:ifloadmore}
  1293. <footer>
  1294. <a id="load">load more</a>
  1295. </footer>
  1296. {/block:ifloadmore}
  1297. {/block:Pagination}
  1298. {/block:indexpage}
  1299.  
  1300. {block:ContentSource}
  1301. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1302. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1303. {/block:SourceLogo}
  1304. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1305. {/block:ContentSource}
  1306.  
  1307. <div class="top"><a href="#"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M43.2,137.3c2.1,2.5,5.9,2.9,8.5,0.7L108,90.4l56.4,47.5c1.1,0.9,2.5,1.4,3.9,1.4c1.7,0,3.4-0.7,4.6-2.1 c2.1-2.5,1.8-6.3-0.7-8.5L111.9,78c-2.2-1.9-5.5-1.9-7.7,0l-60.3,50.8C41.3,130.9,41,134.7,43.2,137.3z"/></svg>
  1308. </a></div>
  1309.  
  1310. <!--- do not enter --->
  1311.  
  1312. <div class="lo">
  1313. <a href="http://loranhale.tumblr.com" title="theme">j</a>
  1314. </div>
  1315.  
  1316. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1317. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1318. <script>
  1319. jQuery.noConflict();
  1320. (function($){
  1321. $(document).ready(function(){
  1322. $("a[title],img[title],[title]").style_my_tooltips({
  1323. tip_follows_cursor:true,
  1324. tip_delay_time:200,
  1325. tip_fade_speed:300,
  1326. attribute:"title"
  1327. });
  1328. });
  1329. })(jQuery);
  1330.  
  1331. //scroll to top
  1332. $(window).scroll(function(){
  1333. if ($(this).scrollTop() > 100) {
  1334. $('.top').fadeIn('slow');
  1335. } else {
  1336. $('.top').fadeOut('slow');
  1337. }
  1338. });
  1339. //Click event to scroll to top
  1340. $('.top').click(function(){
  1341. $('html, body').animate({scrollTop : 0},700);
  1342. return false;
  1343. });
  1344. </script>
  1345.  
  1346. <script>
  1347. $(function(){
  1348. $(".navigation").click(function(){
  1349. id = $(this).attr("class"); //retrieves the link’s name
  1350. $(".popup."+id).fadeIn(); //opens the appropriate popup
  1351. }); $("a.close").click(function(){
  1352. $(".popup").fadeOut(); //closes the popup
  1353. }); });
  1354. </script>
  1355.  
  1356. </body>
  1357. </html>
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!