Advertisement
ibertaec

transparentvoidexpert

Jul 22nd, 2018
92
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.36 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6.  
  7.  
  8.  
  9. mint @ shythemes
  10.  
  11.  
  12.  
  13.  
  14.  
  15. -->
  16. <title>{Title}</title>
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  18. <link rel="shortcut icon" href="{Favicon}"/>
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22.  
  23.  
  24. <meta name="image:avatar" content=""/>
  25. <meta name="image:triangle" content=""/>
  26. <meta name="image:pre" content=""/>
  27. <meta name="image:download" content=""/>
  28. <meta name="image:small thing" content=""/>
  29. <meta name="color:background" content="#f6f6f6"/>
  30. <meta name="color:post bg" content="#ffffff"/>
  31. <meta name="color:border" content="#ececec"/>
  32. <meta name="color:text" content="#6a6a6a"/>
  33. <meta name="color:accent" content="#909090"/>
  34. <meta name="color:link hover" content="#c2eadc"/>
  35. <meta name="select:post width" content="300" title="300px"/>
  36. <meta name="select:post width" content="350" title="350px"/>
  37. <meta name="select:post width" content="400" title="400px"/>
  38. <meta name="if:show description" content="1"/>
  39. <meta name="if:show captions" content="1"/>
  40. <meta name="if:show controls" content="1"/>
  41. <meta name="if:show tags" content="1"/>
  42. <meta name="if:infinite scroll" content="1"/>
  43. <meta name="text:tagline" content=""/>
  44. <meta name="text:other font" content=""/>
  45. <meta name="text:font size" content=""/>
  46. <meta name="text:home link" content="home"/>
  47. <meta name="text:archive link" content="archive"/>
  48. <meta name="text:ask link" content="ask"/>
  49. <meta name="text:link 1" content=""/>
  50. <meta name="text:link 1 url" content=""/>
  51. <meta name="text:link 2" content=""/>
  52. <meta name="text:link 2 url" content=""/>
  53. <meta name="text:link 3" content=""/>
  54. <meta name="text:link 3 url" content=""/>
  55. <meta name="text:link 4" content=""/>
  56. <meta name="text:link 4 url" content=""/>
  57. <meta name="text:link 5" content=""/>
  58. <meta name="text:link 5 url" content=""/>
  59. <meta name="text:link 6" content=""/>
  60. <meta name="text:link 6 url" content=""/>
  61.  
  62. <script src="//use.edgefonts.net/pt-sans:n4,i4,n7,i7;inconsolata:n5.js"></script>
  63. <link href="http://static.tumblr.com/fwgzvyf/Wjwnzvwyd/k.css" rel="stylesheet" type="text/css"/>
  64.  
  65.  
  66.  
  67. <style type="text/css">
  68.  
  69. @font-face { font-family: "Gilroy-Light"; src: url('https://dl.dropboxusercontent.com/s/https://www.dropbox.com/s/ygtlp2ybplpxm0i/Gilroy-Light.ttf'); }
  70.  
  71. @font-face { font-family: "Kiona Regular"; src: url('https://dl.dropboxusercontent.com/s/uk19j5m5e3dacqn/Kiona-Regular.ttf'); }
  72.  
  73. @font-face { font-family: "Friction-Secondary1"; src: url('https://dl.dropboxusercontent.com/s/https://www.dropbox.com/s/9cgmiaify1lkvzt/Friction-Secondary1.ttf'); }
  74.  
  75. @font-face { font-family: "Friction-Regular"; src: url('https://dl.dropboxusercontent.com/s/https://www.dropbox.com/s/adkecunkslid02q/Friction-Regular.ttf'); }
  76.  
  77. @font-face { font-family: "Friction-Core"; src: url('https://dl.dropboxusercontent.com/s/https://www.dropbox.com/s/9667ayd3wmmzctu/Friction-Core.ttf'); }
  78.  
  79. @font-face { font-family: "Meedori-Sans"; src: url('https://dl.dropboxusercontent.com/s/3lerhdtsm4cl8eb/Meedori%20Sans%20Light.ttf'); }
  80.  
  81.  
  82.  
  83. /* basic styles */
  84.  
  85. ::-webkit-scrollbar {
  86. width:17px;
  87. height:17px;
  88. }
  89. ::-webkit-scrollbar {
  90. background-color:{color:background};
  91. }
  92. ::-webkit-scrollbar-track {
  93. border:8px solid {color:background};
  94. background-color:{color:border};
  95. }
  96. ::-webkit-scrollbar-thumb {
  97. border:8px solid {color:background};
  98. background-color:{color:accent};
  99. }
  100.  
  101.  
  102. body {
  103. width: 100%;
  104. height: 100%;
  105. font-size:10px;
  106. font-family:Gilroy-Light;
  107. line-height:17px;
  108. {block:ifOtherFont}
  109. font-family:{text:other font}, sans-serif;
  110. {/block:ifOtherFont}
  111. {block:ifFontSize}
  112. font-size:{text:font size};
  113. {/block:ifFontSize}
  114. position:absolute;
  115. -moz-osx-font-smoothing:grayscale;
  116. -webkit-font-smoothing:antialiased;
  117. font-smoothing:antialiased;
  118. color:{color:text};
  119. background-size:cover;
  120. background-color:{color:background};
  121.  
  122.  
  123.  
  124. }
  125.  
  126. #s-m-t-tooltip {
  127. background:#;
  128. font-size:7px; /* tamanho da fonte */
  129. font-family:arial; /* fonte */
  130. letter-spacing:2px;
  131. text-shadow: 0 0 3px #;
  132. text-transform:uppercase; /* a letra fica maiúscula */
  133. color:#7a7a7a; /* cor da fonte */
  134. padding:5px 10px; /* espaçamento */
  135. z-index: 99999;
  136. max-width:400px;
  137. margin:8px;
  138. display: inline;
  139. background-size:cover;
  140. background-image:url(http://i68.tinypic.com/5vng5j.png);
  141. }
  142.  
  143. /* HEADER */
  144.  
  145. header{
  146. position:fixed;
  147. background:#f6f6f6;
  148. color:#a3a3a3;
  149. top:0px;
  150. left:0px;
  151. width:100vw;
  152. height:40px;
  153. overflow:hidden;
  154. z-index:999;
  155. margin-top:0px;
  156. border-bottom:1px solid #ececec;
  157. }
  158.  
  159. header a{
  160. font-family:Kiona Regular;
  161. im font-size:10px;
  162. font-weight:700;
  163. margin-top:20px;
  164. margin-left:5px;
  165. padding:15px;
  166. border-bottom:1px solid #999999;
  167. }
  168.  
  169. header a:hover{
  170. padding-bottom:4px;
  171. }
  172.  
  173. header i{
  174. font-size:10px;
  175. margin-right:5px;
  176. vertical-align:-.2em;
  177. }
  178.  
  179. a {
  180. -webkit-transition:all .3s ease-in-out;
  181. transition:all .3s ease-in-out;
  182. }
  183. blockquote {
  184. padding:5px 0 5px 20px;
  185. margin-left:0;
  186. border-left:1px solid {color:border};
  187. }
  188. pre {
  189. font-family:arial;
  190. background-image:url(http://i65.tinypic.com/15pfomw.jpg);
  191. color:#000;
  192. background-color:#efefef;
  193. font-family:Gilroy-Light ;
  194. padding:5px;
  195. border-radius:1px solid #000;
  196. }
  197. ol {
  198. padding-left:45px;
  199. }
  200. blockquote, ol, ul, p, pre {
  201. margin-top:1em;
  202. margin-bottom:1em;
  203. }
  204.  
  205. /* accents */
  206.  
  207. .accent, ul {
  208. font-size:8px;
  209. letter-spacing:1px;
  210. text-transform:uppercase;
  211. color:{color:accent};
  212. }
  213. .accent a:hover {
  214. color:{color:text};
  215. }
  216. .title {
  217. font-family: Kiona Regular;
  218. text-align: center;
  219. font-size:18px;
  220. line-height:1;
  221. margin:0 0 15px;
  222. color:{color:bold};
  223. }
  224. ol {
  225. padding:0;
  226. list-style-type:none;
  227. }
  228. ol li {
  229. counter-increment:olist;
  230. }
  231. ol li::before {
  232. content:counter(olist, decimal-leading-zero) '.';
  233. margin-right:.5em;
  234. }
  235. ul {
  236. padding:0;
  237. list-style-type:none;
  238. }
  239. ul li {
  240. position:relative;
  241. padding-left:30px;
  242. }
  243. ul li::before {
  244. content:'';
  245. position:absolute;
  246. display:block;
  247. top:6px;
  248. left:0;
  249. width:15px;
  250. height:1px;
  251. border-top:1px solid {color:border};
  252. }
  253.  
  254. /* container */
  255.  
  256. #main {
  257. position:relative;
  258. top:23px;
  259. margin:0 auto;
  260. padding:75px;
  261. width:{select:post width}px;
  262.  
  263. }
  264.  
  265. /* navigation */
  266.  
  267. aside {
  268. position:fixed;
  269. top:75px;
  270. width:200px;
  271. right:75px;
  272. right:calc(25% - {select:post width}px/4 - 90px);
  273. }
  274. aside #title {
  275. margin:0;
  276. font-size:11px;
  277. letter-spacing:2px;
  278. text-transform:uppercase;
  279. }
  280. aside .top {
  281. padding:0 9px;
  282. margin:0 0 7px;
  283. }
  284. aside .desc {
  285. padding:15px 9px;
  286. border-top:1px solid #d8d8d8;
  287. }
  288. nav ol {
  289. list-style-type:none;
  290. padding:0;
  291. margin:0;
  292. }
  293. nav li {
  294. position:relative;
  295. display:block;
  296. margin:0;
  297. }
  298. nav li:after {
  299. content:'›';
  300. position:absolute;
  301. right:7px;
  302. top:7px;
  303. font-size:12px;
  304. }
  305. nav a {
  306. display:block;
  307. position:relative;
  308. padding:7px 9px;
  309. border-top:1px solid #ededed;
  310. }
  311.  
  312. /* breakpoints */
  313.  
  314. @media screen and (max-width:960px) {
  315. .w300 #main { position:absolute; right:255px; }
  316. .w300 aside { right:75px; }
  317. }
  318. @media screen and (max-width:1010px) {
  319. .w350 #main { position:absolute; right:255px; }
  320. .w350 aside { right:75px; }
  321. }
  322. @media screen and (max-width:1060px) {
  323. .w400 #main { position:absolute; right:255px; }
  324. .w400 aside { right:75px; }
  325. }
  326.  
  327. /* posts */
  328.  
  329. .entry {
  330. font-size:10px;
  331. position:relative;
  332. margin:75px 0 0;
  333. padding:15px 17px;
  334. -moz-box-sizing:border-box;
  335. box-sizing:border-box;
  336. border-radius:3px;
  337. width:{select:post width}px;
  338. background-color:none;
  339. border:solid 1px #ededed;
  340. box-shadow:-1px 1px 1px {color:border};
  341. }
  342. .perma .entry {
  343. margin:75px 0 0;
  344. }
  345. .entry:first-of-type {
  346. margin-top:0;
  347. }
  348. .post {
  349. position:relative;
  350. }
  351.  
  352. /* info */
  353.  
  354. .id {
  355. position:absolute;
  356. left:-60px;
  357. top:0;
  358. display:block;
  359. width:45px;
  360. height:45px;
  361. border-radius:3px;
  362. background-color:{color:post bg};
  363. background-image:url('{block:ifAvatarImage}{image:avatar}{/block:ifAvatarImage}{block:ifNotAvatarImage}{PortraitURL-128}{/block:ifNotAvatarImage}');
  364. background-size:cover;
  365. background-position:center;
  366. box-shadow:-1px 1px 2px {color:border};
  367. }
  368. .user {
  369. margin:0 0 15px;
  370. }
  371. .fold {
  372. position:absolute;
  373. display:block;
  374. top:0;
  375. right:0;
  376. border-radius:0 0 0 3px;
  377. border-top:0 solid {color:background};
  378. border-right:0 solid {color:background};
  379. border-bottom:0 solid {color:border};
  380. border-left:0 solid {color:border};
  381. }
  382. .entry:hover .fold {
  383. border-width:7px;
  384. }
  385. .info, .tags {
  386. position:relative;
  387. overflow:hidden;
  388. margin:15px 0 0;
  389. }
  390. .like_button,
  391. .reblog_button {
  392. float:right;
  393. line-height:0;
  394. margin-left:7px;
  395. -webkit-transform:scale(.75,.75);
  396. transform:scale(.75,.75);
  397. }
  398.  
  399. /*tags*/
  400.  
  401. #tags {
  402. margin-top: -20px;
  403. margin-bottom: 80px;
  404. font-size: 10px;
  405. display: inline-block;
  406.  
  407.  
  408. {block:IfNot250Posts}
  409. width: 440px;
  410. {/block:IfNot250Posts}
  411.  
  412. {block:If250Posts}
  413. width: 290px;
  414.  
  415. {/block:If250Posts}
  416.  
  417. {block:IfLeftSidebar}
  418. text-align: right;
  419. {/block:IfLeftSidebar}
  420.  
  421. {block:IfNotLeftSidebar}
  422. text-align: left;
  423. {/block:IfNotLeftSidebar}
  424.  
  425. }
  426.  
  427.  
  428. /*message at the bottom*/
  429.  
  430. #tags a {
  431. color: #8e8e8e;
  432. background-color: ;
  433. border: 1px solid #e6e6e6;
  434. border-radius: 5px;
  435. padding: 3px;
  436. display: inline-block;
  437. margin-top: -25px;
  438. }
  439.  
  440. #tags a:hover {
  441. color: {color:Permalink};
  442. -webkit-transition: all 0.8s ease;
  443. -moz-transition: all 0.8s ease;
  444. -o-transition: all 0.8s ease;
  445. }
  446.  
  447. /* post titles */
  448.  
  449. .quote.long {
  450. font-size:inherit;
  451. text-align:center;
  452. }
  453.  
  454. .quote * {
  455. margin:0;
  456.  
  457. }
  458.  
  459.  
  460. .question {
  461. position:relative;
  462. margin:0 45px 15px 0;
  463. padding:10px 12px;
  464. border-radius:3px;
  465. border:1px solid rgba({RGBcolor:border},.67);
  466. background-color:rgba({RGBcolor:border},.33);
  467. }
  468. .question p {
  469. margin:0 0 7px;
  470. }
  471. .question .sender {
  472. position:absolute;
  473. top:0;
  474. left:100%;
  475. margin-left:15px;
  476. width:30px;
  477. }
  478. .question .sender img {
  479. display:block;
  480. width:30px;
  481. height:30px;
  482. border-radius:3px;
  483. }
  484. .question:after {
  485. content:'';
  486. display:block;
  487. position:absolute;
  488. top:10px;
  489. left:100%;
  490. margin-left:-4px;
  491. transform:rotate(45deg);
  492. border:4px solid rgba({RGBcolor:border},.33);
  493. box-shadow:1px -1px 0 rgba({RGBcolor:border},.67);
  494. background-color:{color:post bg};
  495. }
  496.  
  497. /* text and captions */
  498.  
  499. .text {
  500. margin:0;
  501. font-size:8px;
  502. line-height:13px;
  503. text-align:justify;
  504. }
  505. .text a {
  506. padding-bottom:1px;
  507. border-bottom:1px solid {color:border};
  508. }
  509. .text a:hover {
  510. border-color:#ededed;
  511. }
  512. .caption,
  513. .source,
  514. .answer {
  515. margin-top:15px;
  516. }
  517. .caption {
  518. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  519. }
  520.  
  521. /* TUMBLR CONTROLS*/
  522.  
  523. iframe.tmblr-iframe {
  524. z-index:99999999999999!important;
  525. top:0!important;
  526. right:0!important;
  527. opacity:0.4;
  528. /* delete invert(1) from here */
  529. filter:invert(1) contrast(150%);
  530. -webkit-filter:invert(1) contrast(150%);
  531. -o-filter:invert(1) contrast(150%);
  532. -moz-filter:invert(1) contrast(150%);
  533. -ms-filter:invert(1) contrast(150%);
  534. /* to here if your blog has a dark background */
  535. transform:scale(0.65);
  536. transform-origin:100% 0;
  537. -webkit-transform:scale(0.65);
  538. -webkit-transform-origin:100% 0;
  539. -o-transform:scale(0.65);
  540. -o-transform-origin:100% 0;
  541. -moz-transform:scale(0.65);
  542. -moz-transform-origin:100% 0;
  543. -ms-transform:scale(0.65);
  544. -ms-transform-origin:100% 0;}
  545.  
  546. iframe.tmblr-iframe:hover {
  547. opacity:0.6!important;}
  548.  
  549. /* chat posts */
  550.  
  551. .chat {
  552. margin-bottom:-7px;
  553. }
  554. .chat .lines {
  555. margin-bottom:7px;
  556. }
  557. .chat .label {
  558. margin-right:7px;
  559. }
  560.  
  561. /* audio posts */
  562.  
  563. .audiowrap {
  564. position:relative;
  565. height:60px;
  566. margin:0 -17px;
  567. overflow:hidden;
  568. border-top:1px solid rgba({RGBcolor:border},.67);
  569. border-bottom:1px solid rgba({RGBcolor:border},.67);
  570. background-color:rgba({RGBcolor:border},.33);
  571. }
  572. .albumart {
  573. position:absolute;
  574. top:0;
  575. right:0;
  576. z-index:1;
  577. display:block;
  578. width:60px;
  579. height:60px;
  580. opacity:.9;
  581. background-size:cover;
  582. }
  583. .audio {
  584. position:absolute;
  585. display:inline-block;
  586. left:0;
  587. top:0;
  588. right:0;
  589. bottom:0;
  590. text-align:left;
  591. line-height:60px;
  592. }
  593. .audio .player {
  594. width:27px;
  595. height:27px;
  596. left:16px;
  597. top:16px;
  598. opacity:.9;
  599. line-height:0;
  600. overflow:hidden;
  601. position:absolute;
  602. }
  603. .audio .track {
  604. overflow:hidden;
  605. line-height:15px;
  606. margin-left:60px;
  607. width: calc(100% - 60px);
  608. display:inline-block;
  609. vertical-align:middle;
  610. }
  611. .audio .track span {
  612. display:block;
  613. max-height:15px;
  614. white-space:nowrap;
  615. overflow:hidden;
  616. text-overflow:ellipsis;
  617. margin-right:75px;
  618. }
  619. .audio .track span:first-child {
  620. color:{color:text};
  621. }
  622.  
  623. /* photos and videos */
  624.  
  625. .media {
  626. overflow:hidden;
  627. margin:0 -17px;
  628. }
  629. .video iframe {
  630. display:block;
  631. }
  632. .tumblr_video_container {
  633. width:auto!important;
  634. height:auto!important;
  635. }
  636.  
  637. /* pagination */
  638.  
  639. .pagination {
  640. margin:0 -2px;
  641. padding:75px 2px 2px 2px;
  642. position:relative;
  643. overflow:hidden;
  644. {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
  645. }
  646. .pagination a {
  647. padding:10px 12px;
  648. border-radius:3px;
  649. display:inline-block;
  650. position:relative;
  651. background-color:#ffffff;
  652. box-shadow:-1px 1px 2px {color:border};
  653. }
  654. .pagination .next {
  655. float:right;
  656. color:{color:text};
  657. }
  658. .pagination .back {
  659. color:{color:accent};
  660. }
  661. .pagination .next:after {
  662. content:' ›';
  663. font-size:12px;
  664. line-height:18px;
  665. }
  666. .pagination .back:before {
  667. content:'‹ ';
  668. font-size:12px;
  669. line-height:18px;
  670. }
  671.  
  672. /* post notes */
  673.  
  674. .rb {
  675. float:right;
  676. }
  677. .notes li blockquote {
  678. margin-bottom:1em!important;
  679. }
  680.  
  681. /* READ MORE */
  682.  
  683. a.read_more {
  684. content:{image:downlaod};
  685. visibility: hidden;
  686. }
  687.  
  688. a.read_more:before {
  689. visibility: hidden;
  690. }
  691.  
  692. .more a {
  693. padding:2px;
  694. text-decoration:none;
  695. border-bottom: 0.5px solid #ededed;
  696. color: inherit;
  697. transition: background 0.3s cubic-bezier(.33,.66,.66,1);
  698. }
  699.  
  700. .more a:hover {
  701. padding:2px;
  702. background: #ededed;
  703. }
  704.  
  705.  
  706.  
  707.  
  708. /* etc */
  709.  
  710. #theme {
  711. margin-bottom:1px;
  712. right:0px;
  713. background-color:none;
  714. color:#000;
  715. }
  716. #tumblr_lightbox, .tmblr-lightbox {
  717. background-color:rgba({RGBcolor:post bg},.98)!important;
  718. }
  719.  
  720. /* TUMBLR CONTROLS */
  721.  
  722. {CustomCSS}
  723.  
  724.  
  725. </style>
  726. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  727. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  728. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  729. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  730. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  731.  
  732.  
  733. <script>
  734. $(document).ready(function(){
  735. $('.photo-slideshow').pxuPhotoset({
  736. lightbox: true,
  737. rounded: false,
  738. gutter: '4px',
  739. photoset: '.photo-slideshow',
  740. photoWrap: '.photo-data',
  741. photo: '.pxu-photo'
  742. });
  743. });
  744. </script>
  745.  
  746. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  747. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  748.  
  749. <script>
  750. (function($){
  751. $(document).ready(function(){
  752. $("[title]").style_my_tooltips({
  753. tip_follows_cursor:true,
  754. tip_delay_time:100,
  755. tip_fade_speed:700,
  756. attribute:"title"
  757. });
  758. });
  759. })(jQuery);
  760. </script>
  761.  
  762.  
  763. </head>
  764.  
  765. <header>
  766.  
  767. <img src="{image:small thing}" style="position:absolute; width:17px; margin-left:10px; top:12px;"></a>
  768.  
  769. </header>
  770.  
  771. <body class="w{select:post width}">
  772.  
  773. <div id="main">
  774. <aside>
  775. <section class="top">
  776. <a href="/" id="title">{Title}</a>
  777. <div class="tagline accent">{text:tagline}</div>
  778. </section>
  779. {block:ifShowDescription}<div class="desc">{Description}</div>{/block:ifShowDescription}
  780. <nav class="accent"><!-- navigation -->{block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}{block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}{block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink}{block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}{block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}{block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}{block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}{block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}{block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}{block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}</nav>
  781. </aside>
  782. <div id="content"><!-- posts -->
  783. {block:Posts}
  784. <article class="entry" id="{PostID}">
  785. {block:Date}
  786. <a href="{Permalink}" class="id"></a>
  787. <div class="user accent"><a href="{Permalink}">DAY {DayofYear}</a></div>
  788. <a href="{Permalink}" class="fold"></a>
  789. {/block:Date}
  790. <section class="post">
  791. {block:Answer}<!-- answer --><div class="question"><p class="accent">{Asker}:</p>{Question}<i class="sender"><img src="{AskerPortraitURL-128}"/></i></div><div class="answer text">{Answer}</div>{/block:Answer}{block:Audio}<!-- audio --><div class="audiowrap"><div class="albumart" style="{block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div><div class="audio accent block">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}<div class="track">{block:TrackName}<span>{TrackName}</span>{/block:TrackName}{block:Artist}<span>{Artist}</span>{/block:Artist}</div></div></div>{/block:Audio}{block:Chat}<!-- chat -->{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<pre class="chat text">{block:Lines}<div class="lines">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines}</pre>{/block:Chat}{block:Link}<!-- link --><h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}{block:Photo}<!-- photo --><div class="media">{LinkOpenTag}<img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}"/>{LinkCloseTag}</div>{/block:Photo}{block:Photoset}<!-- photoset --><div class="media"><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></div>{/block:Photoset}
  792.  
  793. {block:Quote}<!-- quote --><div class="quote title {Length}" style="text-align:center; font-family:Meedori-Sans; letter-spacing:3px; font-size:30px; line-height:1;">{Quote}</div>{block:Source}<div class="source text">{Source}</div>{/block:Source}{/block:Quote}{block:Text}
  794.  
  795. <!-- text -->{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<div class="text">{Body}<!--- READ MORE --->{block:More}<div class="more"><a href="{Permalink}"style="font-family:Kiona Regular; margin-left:130px;"> DOWNLOAD DATA <img src="{image:download}" style="width:7px; text-align:center; margin-left:3px;">&nbsp;</a>{/block:More}<!--- READ MORE ---></div>{/block:Text}{block:Video}<!-- video --><div class="media video">{Video-500}</div>{/block:Video}
  796. {block:Caption}<!-- caption --><div class="caption text">{Caption}</div>{/block:Caption}
  797. </section>
  798.  
  799. {block:Date}<!-- date --><div class="info accent"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>{block:IndexPage}{block:ifshowcontrols}{LikeButton color="grey" size="14"}{ReblogButton color="grey" size="15"}{/block:ifshowcontrols}{/block:IndexPage}</div>{/block:Date}
  800. </article>
  801. {block:PostNotes}<!-- post notes --><article id="notes" class="entry"><section class="post">{block:RebloggedFrom}<span class="rb accent"><a href="{ReblogParentURL}" class="rf">via {ReblogParentName}</a>{block:ContentSource} / <a href="{ReblogRootURL}" class="src">source</a>{/block:ContentSource}</span>{/block:RebloggedFrom}<h1 class="title">{NoteCountWithLabel}</h1><div class="accent text">{PostNotes}</div></section></article>{/block:PostNotes}
  802.  
  803.  
  804. {block:HasTags}
  805. <br><div id="tags">
  806.  
  807. {block:Tags}<a href="{TagURL}" style="font-size:8px; line-spacing:100%;"># {Tag}</a> &nbsp;&nbsp; {/block:Tags}</div>
  808. {/block:HasTags}
  809.  
  810. {/block:Posts}
  811. <!-- {block:ContentSource}{SourceURL} {/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL} {ReblogParentURL}{/block:RebloggedFrom} -->
  812. </div><!-- end #content -->
  813. {block:Pagination}<!-- pagination --><div class="pagination accent">{block:PreviousPage}<a class="back" href="{PreviousPage}">{lang:Back}</a>{/block:PreviousPage}{block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  814. </div><!-- end #main -->
  815.  
  816. <img src="{image:triangle}" id="theme" class="accent" title="&nbsp;THEME CREDIT GOES TO THE LOVELIEST MUN, SHYTHEMES" style="width:30px; right:10px;"><a href="shythemes.tumblr.com"></a>
  817. {block:IndexPage}{block:ifInfiniteScroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  818.  
  819.  
  820.  
  821. <script>
  822. $(document).ready(function(){
  823. var $container = $('#content');
  824. $container.infinitescroll({
  825. itemSelector: '.entry',
  826. navSelector: '.pagination',
  827. nextSelector: '.next',
  828. loadingImg: '',
  829. loadingText: '<em></em>',
  830. bufferPx: 2000
  831. },
  832. function( newElements ) {
  833. var $newElems = $( newElements );
  834. var $newElemsIDs = $newElems.map(function () {
  835. return this.id;
  836. }).get();
  837. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  838. $newElems.find('.photo-slideshow').pxuPhotoset({
  839. lightbox: true,
  840. rounded: false,
  841. gutter: '4px',
  842. photoset: '.photo-slideshow',
  843. photoWrap: '.photo-data',
  844. photo: '.pxu-photo'
  845. });
  846. resizeVideos();
  847. });
  848. });
  849. </script>
  850.  
  851.  
  852.  
  853.  
  854. {/block:ifInfiniteScroll}{/block:IndexPage}
  855. </body>
  856. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement