mafercuellardiaz

fot

Dec 5th, 2013
181
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.36 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4. <head>
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
  9. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  10. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  11. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  12. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  13. <script>
  14. window.onload = function () {
  15. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  16. document.addEventListener( 'click', function ( event ) {
  17. var myLike = event.target;
  18. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  19. var frame = document.getElementById( 'my-like-frame' ),
  20. liked = ( myLike.className == 'my-liked' ),
  21. command = liked ? 'unlike' : 'like',
  22. reblog = myLike.getAttribute( 'data-reblog' ),
  23. id = myLike.getAttribute( 'data-id' ),
  24. oauth = reblog.slice( -8 );
  25. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  26. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  27. };
  28. }, false );
  29. };
  30. </script>
  31.  
  32. {block:Description}
  33. <meta name="description" content="{MetaDescription}" />
  34. {/block:Description}
  35. <meta name="color:Background" content="#ebebeb"/>
  36. <meta name="color:Link" content="#a7a4a4"/>
  37. <meta name="color:Text" content="#383838"/>
  38. <meta name="color:Description" content="#a5a5a3"/>
  39. <meta name="color:Title" content="#000000"/>
  40.  
  41. <meta name="font:Text" content="Futura"/>
  42. <meta name="font:Description" content="Futura"/>
  43.  
  44. <meta name="image:Siedebar image" content=""/>
  45. <meta name="image:Background" content=""/>
  46.  
  47. <meta name="if:Three Rows" content="1"/>
  48.  
  49. <meta name="text:Link 1 URL" content="">
  50. <meta name="text:Link 1" content="Link 1">
  51. <meta name="text:Link 2 URL" content="">
  52. <meta name="text:Link 2" content="Link 2">
  53. <meta name="text:Link 3 URL" content="">
  54. <meta name="text:Link 3" content="Link 3">
  55. <meta name="text:Link 4 URL" content="">
  56. <meta name="text:Link 4" content="Link 4">
  57.  
  58. <style>
  59.  
  60. body {
  61. margin: 0;
  62. padding: 0;
  63. min-width: 900px;
  64. background-color: {color:Background};
  65. background-repeat: repeat;
  66. background-attachment: fixed;
  67. background-image: url('{image:Background}');
  68. color: {color:Text};
  69. }
  70.  
  71. #button {
  72. z-index: 42;
  73. font-family: Futura, Futura-Medium, "Futura Medium", "Century Gothic", CenturyGothic, "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", sans-serif;
  74. width: 25px;
  75. height: 25px;
  76. border-radius: 10px;
  77. background-color: rgba(0, 0, 0, 0.8);
  78. margin-top: 300px;
  79. position: fixed;;
  80. right: 10px;
  81. bottom: 10px;
  82. background-image: url(http://24.media.tumblr.com/5a651deb796934389269df7fd176c707/tumblr_mi6etnJifK1s3zdk4o1_100.png);
  83. background-size: 30px;
  84. background-repeat: no-repeat;
  85. background-position: center;
  86. opacity: 0.7;
  87. color: transparent;
  88. line-height: 28px;
  89. font-size: 15px;
  90. -webkit-transition: all 0.2s ease-out;
  91. -webkit-transition: all 0.2s ease-out;
  92. -moz-transition: all 0.2s ease-out;
  93. transition: all 0.2s ease-out;
  94. }
  95.  
  96. #button:hover {
  97. width: 77px;
  98. background-position: 12px;
  99. border-radius: 10px;
  100. color: #FFF;
  101. padding-left: 33px;
  102. }
  103.  
  104. #content {
  105. width: 75%;
  106. min-width: 750px;
  107. margin-left: 25%;
  108. {block:PermalinkPage}
  109. width: 500px;
  110. margin-left: 25%;
  111. position: relative;
  112. {/block:PermalinkPage}
  113.  
  114. }
  115.  
  116. #tumblr_controls {
  117. right: 0px !important;
  118. position: fixed!important;
  119. top: 0px !important;
  120. }
  121.  
  122. #install_theme {
  123. width: 100px;
  124. height: 20px;
  125. z-index: 23;
  126. background: url(http://25.media.tumblr.com/94c2ee4906b30683009e123de5477378/tumblr_mfe2lirjrb1s0wyp8o1_100.png);
  127. top: 25px !important;
  128. position: fixed;
  129. right: 0px !important;
  130. opacity: 0.8;
  131. display: none;
  132. }
  133.  
  134. .item iframe, img, embed, object, video {
  135. max-width: 100%;
  136. }
  137.  
  138. .outbox {
  139. width: 17%;
  140. margin-left: 4%;
  141. margin-top: 10%;
  142. position: fixed;
  143. min-width: 160px;
  144. background-color: #FFF;
  145. }
  146.  
  147.  
  148.  
  149. #avatar {
  150. width: 95%;
  151. margin-left: 2.5%;
  152. margin-top: 2.5%;
  153. z-index: 4;
  154.  
  155. }
  156.  
  157. #info {
  158. width: 70%;
  159. margin-left: 15%;
  160. top: -60px;
  161. margin-top: 50%;
  162. z-index: -1;
  163. position: absolute;
  164. font-family: {font:Description};
  165. font-size: 9px;
  166. color: rgb(180, 180, 180);
  167.  
  168. }
  169.  
  170. .box {
  171. width: 100%;
  172. position: absolute;
  173. background-color: #FFF;
  174. float: left;
  175. display: block;
  176. margin-top: -4px;
  177.  
  178. }
  179.  
  180. .box #description {
  181. font-family: Futura;
  182. word-wrap: break-word;
  183. color: {color:Description};
  184. font-size: 12px;
  185. padding: 2px 8px 0px;
  186. text-align: justify;
  187. }
  188.  
  189. .box #links {
  190. width: 100%;
  191. padding-bottom: 5%;
  192. line-height: 25px;
  193. text-align: center;
  194. font-family: Futura;
  195. color: rgb(180, 180, 180);
  196. font-size: 12px;
  197. margin-bottom: 5px;
  198. word-wrap: break-word;
  199. color: {color:Description};
  200.  
  201. }
  202.  
  203. .box #links #ask {
  204. margin-left: 5px;
  205. margin-right: 5px;
  206. color: {color:Description};
  207.  
  208. }
  209.  
  210. .box #links a, a:hover, a:link, a:active, a:visited{
  211. border-bottom: 2px solid {color:Description};
  212. padding-top: 2px;
  213. padding-bottom: 2px;
  214. color: {color:Description} !important;
  215.  
  216. }
  217.  
  218. a, a:link, a:hover, a:visited {
  219. color: rgb(30, 30, 30);
  220. text-decoration: none;
  221. border: none;
  222. }
  223.  
  224.  
  225.  
  226. .item {
  227. width: 480px;
  228. padding: 10px;
  229. margin-top: 60px;
  230. background-color: #FFF;
  231. font-family: {font:Text};
  232. color: {color:Text} !important;
  233. }
  234.  
  235. blockquote {
  236. display: block;
  237. -webkit-margin-before: 5px !important;
  238. -webkit-margin-after: 5px !important;
  239. -webkit-margin-start: 8px !important;
  240. -webkit-margin-end: 8px !important;
  241. border-left: 3px solid rgb(230, 230, 230);
  242. padding-left: 2px;
  243. }
  244.  
  245.  
  246. {block:IndexPage}
  247. .item {
  248. width: 22.5%;
  249. padding: 0.5%;
  250. margin-top: 10px;
  251. margin-left: 0.4%;
  252. margin-right: 0.4%;
  253. text-align: justify;
  254. background-color: #FFF;
  255. word-wrap: break-word;
  256. font-family: {font:Text};
  257. min-width: 1px;
  258.  
  259. }
  260.  
  261. {/block:IndexPage}
  262.  
  263.  
  264. {block:IndexPage}
  265. {block:ifThreeRows}
  266.  
  267. .item {
  268. width: 31%;
  269. padding: 0.5%;
  270. margin-top: 10px;
  271. margin-left: 0.4%;
  272. margin-right: 0.4%;
  273. text-align: justify;
  274. background-color: #FFF;
  275. word-wrap: break-word;
  276. font-family: {font:Text};
  277. min-width: 1px;
  278.  
  279. }
  280.  
  281. {/block:ifThreeRows}
  282. {/block:IndexPage}
  283.  
  284. .PremlinkPageContainer {
  285. width: 480px;
  286. padding: 10px;
  287. margin-top: 15px;
  288. float: left;
  289. font-weight: 100;
  290. font-size: 11px;
  291. background-color: #FFF;
  292. position: relative;
  293. color: #000 !important;
  294. font-family: {font:Text};
  295. }
  296.  
  297. .PremlinkPageContainer a{
  298. color: {color:Text} !important;
  299. }
  300.  
  301. .PremlinkPageContainer #date {
  302. width: 480px;
  303. color: {color:Text} !important;
  304. text-align: center;
  305. font-size: 14px;
  306. }
  307.  
  308. .PremlinkPageContainer #line {
  309. height: 1px;
  310. background-color: {color:Text} !important;
  311. border: none;
  312. }
  313.  
  314. .PremlinkPageContainer ol {
  315. margin-bottom: 80px;
  316. }
  317.  
  318. .PremlinkPageContainer li {
  319. margin-top: 8px;
  320. margin-left: -20px;
  321. list-style-type: none;
  322. }
  323.  
  324. .PremlinkPageContainer li a{
  325. color: {color:Text} !important;
  326. }
  327.  
  328.  
  329. /* Reblog and Link Buttons */
  330.  
  331. #controls{
  332. height: 30px;
  333. width: 100%;
  334. margin-top: 20px;
  335. position: relative;
  336. }
  337.  
  338. #controls #link{
  339. height: 25px;
  340. top: 0px;
  341. right: 10px;
  342. width: 25px;
  343. position: absolute;
  344. background-image: url(http://31.media.tumblr.com/181802de4d22c71ce77d91669668bfa4/tumblr_msdalj1trt1s3zdk4o1_500.png);
  345. background-size: 25px;
  346. opacity: 0.2;
  347. -webkit-transition: all 0.3s ease-out;
  348. -webkit-transition: all 0.3s ease-out;
  349. -moz-transition: all 0.3s ease-out;
  350. transition: all 0.3s ease-out;
  351. }
  352.  
  353. #controls #link:hover{
  354. opacity: 0.4;
  355. }
  356.  
  357. #controls #reblog{
  358. height: 26px;
  359. top: 0px;
  360. right: 42px;
  361. width: 26px;
  362. position: absolute;
  363. background-image: url(http://24.media.tumblr.com/5fe9fc79fb45b596bbcfcc48aaadb915/tumblr_msbbbjtW821s3zdk4o1_250.png);
  364. background-size: 26px;
  365. opacity: 0.2;
  366. -webkit-transition: all 0.3s ease-out;
  367. -webkit-transition: all 0.3s ease-out;
  368. -moz-transition: all 0.3s ease-out;
  369. transition: all 0.3s ease-out;
  370. }
  371.  
  372. #controls #reblog:hover{
  373. opacity: 0.4;
  374. }
  375.  
  376. /* Text */
  377.  
  378. .text {
  379. font-size: 15px;
  380. text-align: left;
  381. padding-left: 5px;
  382. padding-bottom: 10px;
  383. line-height: 18px;
  384. }
  385.  
  386. .text #head{
  387. font-size: 20px;
  388. text-align: center;
  389. font-weight: 100;
  390. }
  391.  
  392. .text #head #link{
  393. color: {color:Text} !important;
  394. }
  395.  
  396. .text #date{
  397. font-size: 10px;
  398. text-align: center;
  399. font-weight: 100;
  400. margin-top: -16px;
  401. margin-bottom: 20px;
  402. }
  403.  
  404. .text #line{
  405. height: 1px;
  406. width: 80%;
  407. background-color: rgba(30, 30, 30, 0.3);
  408. border: none;
  409. }
  410.  
  411. /* Photo */
  412.  
  413. .photo {
  414. font-size: 10px;
  415. text-align: left;
  416. padding-bottom: 0%;
  417.  
  418.  
  419.  
  420. }
  421.  
  422. .photo a {
  423. border: none;
  424. }
  425.  
  426. .photo #index {
  427. width: auto;
  428. height: auto;
  429. }
  430.  
  431. .photo .slidein{
  432. position: absolute;
  433. width: 97.5%;
  434. height: 100%;
  435. top: 0%;
  436. background: #FFF;
  437. overflow: hidden;
  438. font-size: 28px;
  439. opacity: 0;
  440. float: left;
  441. -webkit-transition: all 0.2s ease-out;
  442. -webkit-transition: all 0.2s ease-out;
  443. -moz-transition: all 0.2s ease-out;
  444. transition: all 0.2s ease-out;
  445. }
  446.  
  447. .photo:hover .slidein{
  448. position: absolute;
  449. top: 0%;
  450. background: #FFF;
  451. overflow: hidden;
  452. font-size: 28px;
  453. opacity: 0.7;
  454. float: left;
  455. -webkit-transition: all 0.2s ease-out;
  456. -webkit-transition: all 0.2s ease-out;
  457. -moz-transition: all 0.2s ease-out;
  458. transition: all 0.2s ease-out;
  459. }
  460.  
  461. .photo .slidein #buttons {
  462. margin-top: -20px;
  463. top: 50%;
  464. position: absolute;
  465. height: 23px;
  466. width: 140px;
  467. left: 50%;
  468. margin-left: -75px;
  469. }
  470.  
  471. .photo .slidein #reblog{
  472. width: 35px;
  473. height: 30px;
  474. font-size: 22px;
  475. background-color: #000;
  476. background-image: url(http://25.media.tumblr.com/59f4d99b428bfd07afbbb2f994234ab2/tumblr_mf1qhtIhW71qjqqaio1_400.png);
  477. background-size: 17px;
  478. margin-left: 5px;
  479. background-repeat: no-repeat;
  480. background-position: center;
  481. border-radius: 5px;
  482. -moz-border-radius: 5px;
  483. float: left;
  484. -khtml-border-radius: 5px;
  485.  
  486. }
  487.  
  488. .my-like {
  489. width: 35px;
  490. height: 30px;
  491. font-size: 22px;
  492. background-color: #000;
  493. background-image: url(http://24.media.tumblr.com/8b3cdde3a456aca1fe21ec745f396252/tumblr_mh8ufc692s1s18kl7o1_400.png);
  494. background-size: 14px;
  495. background-repeat: no-repeat;
  496. background-position: center;
  497. border-radius: 5px;
  498. -moz-border-radius: 5px;
  499. float: left;
  500. -khtml-border-radius: 5px;
  501. }
  502.  
  503. .my-liked, .my-like:hover {
  504. background-image: url(http://25.media.tumblr.com/064592531e007be4946ed3048960229b/tumblr_mh8vrc1KuI1s18kl7o1_400.png) !important;
  505. width: 35px;
  506. height: 30px;
  507. font-size: 22px;
  508. background-color: #000;
  509. background-size: 14px;
  510. background-repeat: no-repeat;
  511. background-position: center;
  512. border-radius: 5px;
  513. -moz-border-radius: 5px;
  514. float: left;
  515. -khtml-border-radius: 5px;
  516. display:inline-block;
  517. }
  518. {block:IndexPage}
  519. .photo .slidein #link{
  520. width: 55px;
  521. text-align: center;
  522. height: 30px;
  523. margin-left: 5px;
  524. line-height: 30px;
  525. font-size: 12px;
  526. color: #FFF;
  527. font-family: Futura;
  528. font-weight: 400;
  529. float: left;
  530. background-color: #000;
  531. border-radius: 5px;
  532. -moz-border-radius: 5px;
  533. -khtml-border-radius: 5px;
  534. }
  535.  
  536. .photo .slidein #link a, a:hover, a:link, a:active, a:visited{
  537. color: #FFF !important;
  538. }
  539.  
  540. {/block:IndexPage}
  541. /* Single Post Photo */
  542.  
  543. .single {
  544. width: 480px;
  545. background-color: #FFF;
  546. padding: 10px;
  547. margin-top: 60px;
  548. position: relative;
  549. }
  550.  
  551.  
  552.  
  553. /* Quote */
  554.  
  555. .quote {
  556. font-size: 10px;
  557. text-align: left;
  558. padding-top: 3px;
  559. color:{color:Text};
  560. padding-bottom: 0px;
  561.  
  562. }
  563.  
  564. .quote #quote{
  565. font-size: 24px;
  566. }
  567.  
  568. .quote #source {
  569. font-size: 11px;
  570. position: relative;
  571. text-align: right;
  572. margin-top: 10px;
  573. width: 95%;
  574. margin-bottom: 10px;
  575. }
  576. /* Link */
  577.  
  578. .link {
  579. font-size: 10px;
  580. text-align: left;
  581. padding-top: 3px;
  582.  
  583. }
  584.  
  585. .link #link{
  586. font-size: 24px;
  587. text-align: center;
  588. }
  589.  
  590. .quote #description {
  591. font-size: 11px;
  592. position: absolute;
  593. right: 10px;
  594. bottom: 10px;
  595. text-align: left !important;
  596. }
  597.  
  598.  
  599. /* Photoset */
  600.  
  601. .photosettheme {
  602. width: 100%;
  603. position: relative;
  604. padding-top: 30px;
  605. padding-bottom: 30px;
  606. }
  607.  
  608. /* Chat */
  609.  
  610. .chat {
  611. font-size: 13px;
  612. text-align: left;
  613. padding-top: 0px;
  614. line-height: 24px;
  615. }
  616.  
  617. .chat #head{
  618. font-size: 20px;
  619. text-align: center;
  620. font-weight: 100;
  621. margin-top: -0px;
  622. }
  623.  
  624. .chat li{
  625. font-size: 15px;
  626. margin-left: -14px;
  627. }
  628.  
  629. .chat #line{
  630. height: 1px;
  631. width: 80%;
  632. margin-top: -10px;
  633. background-color: rgba(30, 30, 30, 0.3);
  634. border: none;
  635. }
  636.  
  637. #infscr-loading {
  638. display: none;
  639. font-size: 0px;
  640. position: absolute;
  641. top: -300px;
  642. }
  643. {block:IndexPage}
  644. .item a, a:link, a:hover, a:active, a:visited{
  645. color: {color:Link} !important;
  646. text-decoration: none;
  647. }
  648. {/block:IndexPage}
  649.  
  650. {block:PermalinkPage}
  651.  
  652.  
  653.  
  654. .PremlinkPageContainer a, a:hover, a:visited, a:active{
  655. color: {color:Description} !important;
  656. text-decoration: underline !important;
  657. }
  658.  
  659. ol a, a:hover, a:visited, a:active{
  660. color: {color:Description} !important;
  661. text-decoration: underline !important;
  662. }
  663.  
  664. a, a:hover, a:visited, a:active{
  665. text-decoration: none !important;
  666. }
  667.  
  668. .imgperm {
  669. width: 50%;
  670. padding: 0.5%;
  671. padding-top: 1%;
  672. margin-top: 30px;
  673. text-align: justify;
  674. background-color: #FFF;
  675. word-wrap: break-word;
  676. font-family: {font:Text};
  677. position: relative;
  678. margin-left: 1%;
  679. min-width: 400px;
  680. }
  681.  
  682. .imgperm #date {
  683. width: 100%;
  684. color: {color:Description} !important;
  685. text-align: center;
  686. font-size: 14px;
  687. }
  688.  
  689. .imgperm #line {
  690. height: 1px;
  691. background-color: {color:Description} !important;
  692. border: none;
  693. }
  694.  
  695. .imgperm ol {
  696. margin-bottom: 80px;
  697. }
  698.  
  699. .imgperm li {
  700. margin-top: 8px;
  701. margin-left: -20px;
  702. list-style-type: none;
  703. }
  704.  
  705. {/block:PermalinkPage}
  706.  
  707. </style>
  708. </head>
  709. <body>
  710.  
  711.  
  712.  
  713. <div class="outbox">
  714.  
  715. <a href="/"><img src="{image:Siedebar image}" id="avatar" /></a>
  716. <div id="info">Set "Sidebar Image" in Theme-settings</div>
  717. <div class="box">
  718. <!-- <a href="/"><h1>{Title}</h1></a>
  719.  
  720.  
  721.  
  722. -->
  723.  
  724.  
  725. {block:Description}
  726. <p id="description">{Description}</p>
  727. {/block:Description}
  728.  
  729.  
  730. <div id="links">
  731. <div id="links">
  732.  
  733. <select onChange="location.href=this.options[this.selectedIndex].value;" style="width: 98px; font-family:'calibri'; font-size:10px;">
  734. <div class="links">
  735. <option value="/">links</option>
  736. <option value="/">home</option>
  737. <option value="/faq">mail</option>
  738. {block:ifLink1}<option value="{text:Link 1 URL}">{text:Link 1}</option>{/block:ifLink1}
  739. {block:ifLink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>{/block:ifLink2}
  740. {block:ifLink3}<option value="{text:Link 3 URL}">{text:Link 3}</option>{/block:ifLink3}
  741. {block:ifLink4}<option value="{text:Link 4 URL}">{text:Link 4}</option>{/block:ifLink4}
  742. </div>
  743. </select>
  744. </div>
  745. </div>
  746.  
  747. </div>
  748. </div>
  749.  
  750.  
  751. <div id="content">
  752. {block:Posts}
  753.  
  754. {block:Text}
  755. <article class="item">
  756. <div class="text">
  757. {block:Title}
  758. <h3 id="head"><a id="link" href="{Permalink}">{Title}</a></h3> <div id="date"> {DayOfMonth}. {Month} {Year} </div >
  759. <hr id="line">
  760. {/block:Title}
  761.  
  762. {Body}
  763. {block:IndexPage}
  764. <div id="controls">
  765.  
  766. <a href="{Permalink}" title="Permalink Page" >
  767. <div id="link"></div>
  768. </a>
  769.  
  770. <a target="_blank" href="{ReblogURL}" title="Reblog this">
  771. <div id="reblog"></div>
  772. </a>
  773. </div>
  774. {/block:IndexPage}
  775. </div>
  776.  
  777.  
  778.  
  779.  
  780. </article>
  781. {/block:Text}
  782.  
  783. {block:Photo}
  784.  
  785.  
  786. {block:IndexPage}
  787. <article class="item">
  788. {/block:IndexPage}
  789.  
  790. <div class="photo">
  791. {block:IndexPage}
  792. <a id="index" href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  793.  
  794. <div class="slidein">
  795.  
  796. <div id="center">
  797. <div id="buttons">
  798. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>
  799. <a target="_blank" href="{ReblogURL}"><div id="reblog"></div></a>
  800. <div id="link"><a href="{Permalink}">{NoteCount}</a></div>
  801. </div>
  802. </div>
  803. </div>
  804.  
  805. {/block:IndexPage}
  806.  
  807. {block:PermalinkPage}
  808. <img class="single" width="500px" src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  809. {/block:PermalinkPage}
  810.  
  811.  
  812. <!-- {block:Caption}
  813. <div class="caption">{Caption}</div>
  814. {/block:Caption} -->
  815. </div>
  816. </article>
  817.  
  818. {/block:Photo}
  819.  
  820. {block:Photoset}
  821. <article class="item">
  822. <div class="photosettheme">
  823.  
  824. <center>
  825. {block:IndexPage}
  826. {Photoset-250}
  827. {/block:IndexPage}
  828. {block:PermalinkPage}
  829. {Photoset-500}
  830. {/block:PermalinkPage}
  831. </center>
  832. {block:IndexPage}
  833.  
  834. <div id="controls">
  835.  
  836. <a href="{Permalink}" title="Permalink Page" >
  837. <div id="link"></div>
  838. </a>
  839.  
  840. <a target="_blank" href="{ReblogURL}" title="Reblog this">
  841. <div id="reblog"></div>
  842. </a>
  843.  
  844. </div>
  845.  
  846. {/block:IndexPage}
  847. </article>
  848.  
  849. {/block:Photoset}
  850.  
  851. {block:Quote}
  852. <article class="item">
  853. <div class="quote">
  854. {block:IndexPage}
  855. <a href="{Permalink}" style="color: {color:Text} !important; " id="quote">
  856. {/block:IndexPage}
  857. {block:PermalinkPage} <div id="quote"> {/block:PermalinkPage}"{Quote}" {block:PermalinkPage}</div> {/block:PermalinkPage}
  858. {block:IndexPage}
  859. </a>
  860. {/block:IndexPage}
  861. <br />
  862. {block:Source}
  863. <br /> <div id="source">{Source}</div>
  864. {/block:Source}
  865. {block:IndexPage}
  866. <div id="controls">
  867.  
  868. <a href="{Permalink}" title="Permalink Page" >
  869. <div id="link"></div>
  870. </a>
  871.  
  872. <a target="_blank" href="{ReblogURL}" title="Reblog this">
  873. <div id="reblog"></div>
  874. </a>
  875. </div>
  876. {/block:IndexPage}
  877. </div>
  878. </article>
  879. {/block:Quote}
  880.  
  881. {block:Link}
  882. <article class="item">
  883. <div class="link">
  884. <a href="{URL}" id="link" {Target}>{Name}</a>
  885.  
  886. {block:Description}
  887. <div id="description">{Description}</div>
  888. {/block:Description}
  889. {block:IndexPage}
  890.  
  891. <div id="controls">
  892.  
  893. <a href="{Permalink}" title="Permalink Page" >
  894. <div id="link"></div>
  895. </a>
  896.  
  897. <a target="_blank" href="{ReblogURL}" title="Reblog this">
  898. <div id="reblog"></div>
  899. </a>
  900.  
  901. </div>
  902.  
  903. {/block:IndexPage}
  904. </div>
  905. </article>
  906. {/block:Link}
  907.  
  908. {block:Chat}
  909. <article class="item">
  910. <div class="chat">
  911. {block:Title}
  912.  
  913. <h3 id="head"><a href="{Permalink}">{Title}</a></h3>
  914. <hr id="line">
  915. {/block:Title}
  916.  
  917. <ul class="chat">
  918. {block:Lines}
  919. <li class="{Alt} user_{UserNumber}">
  920. {block:Label}
  921. <span class="label">{Label}</span>
  922. {/block:Label}
  923.  
  924. {Line}
  925. </li>
  926. {/block:Lines}
  927. </ul>
  928. {block:IndexPage}
  929.  
  930. <div id="controls">
  931.  
  932. <a href="{Permalink}" title="Permalink Page" >
  933. <div id="link"></div>
  934. </a>
  935.  
  936. <a target="_blank" href="{ReblogURL}" title="Reblog this">
  937. <div id="reblog"></div>
  938. </a>
  939.  
  940. </div>
  941.  
  942. {/block:IndexPage}
  943. </div>
  944. </article class="item">
  945. {/block:Chat}
  946.  
  947. {block:Video}
  948. <article class="item">
  949.  
  950. <center>
  951. {block:IndexPage}
  952. {Video-250}
  953. {/block:IndexPage}
  954. {block:PermalinkPage}
  955. {Video-500}
  956. {/block:PermalinkPage}
  957. </center>
  958.  
  959.  
  960. {block:Caption}
  961. <div class="caption">{Caption}</div>
  962. {/block:Caption}
  963. {block:IndexPage}
  964.  
  965. <div id="controls">
  966.  
  967. <a href="{Permalink}" title="Permalink Page" >
  968. <div id="link"></div>
  969. </a>
  970.  
  971. <a target="_blank" href="{ReblogURL}" title="Reblog this">
  972. <div id="reblog"></div>
  973. </a>
  974.  
  975. </div>
  976.  
  977. {/block:IndexPage}
  978. </article>
  979. {/block:Video}
  980.  
  981. {block:Audio}
  982. <article class="item">
  983. <center> {AudioPlayerBlack} </center>
  984.  
  985. {block:Caption}
  986. <div class="caption">{Caption}</div>
  987. {/block:Caption}
  988. {block:IndexPage}
  989.  
  990. <div id="controls">
  991.  
  992. <a href="{Permalink}" title="Permalink Page" >
  993. <div id="link"></div>
  994. </a>
  995.  
  996. <a target="_blank" href="{ReblogURL}" title="Reblog this">
  997. <div id="reblog"></div>
  998. </a>
  999.  
  1000. </div>
  1001.  
  1002. {/block:IndexPage}
  1003. </article>
  1004. {/block:Audio}
  1005.  
  1006.  
  1007.  
  1008. {block:PermalinkPage}
  1009. <div class="PremlinkPageContainer">
  1010.  
  1011. <div id="date">{DayOfWeek}, {DayOfMonth} - {MonthNumberWithZero} - {Year}</div>
  1012. <hr id="line"/>
  1013. {block:Caption}
  1014. {Caption}
  1015. {/block:Caption}
  1016. <hr id="line"/>
  1017. <center>{block:NoteCount}{notecountwithlabel}{/block:NoteCount}</center>
  1018. {block:Posts}{PostNotes}{/block:Posts}
  1019.  
  1020. </div>
  1021.  
  1022. {/block:PermalinkPage}
  1023.  
  1024.  
  1025.  
  1026. {/block:Posts}
  1027.  
  1028.  
  1029.  
  1030.  
  1031. </div>
  1032.  
  1033. <div id="hide"><div id="hide"><nav class="pagination">
  1034.  
  1035.  
  1036. {block:NextPage}
  1037. <next><a class="nextSelector" href="{NextPage}"></a></next>
  1038. {/block:NextPage}
  1039. </nav>
  1040.  
  1041.  
  1042.  
  1043. <script>
  1044.  
  1045. (function () {
  1046. var $tumblelog = $('#content');
  1047. $tumblelog.infinitescroll({
  1048. navSelector: ".pagination",
  1049. nextSelector: ".pagination a:last-child",
  1050. itemSelector: "article",
  1051. },
  1052.  
  1053. function (newElements) {
  1054. var $newElems = $(newElements).css({
  1055. opacity: 0
  1056. });
  1057. $newElems.imagesLoaded(function () {
  1058. $newElems.animate({
  1059. opacity: 1
  1060. });
  1061. $tumblelog.masonry('appended', $newElems);
  1062. });
  1063. });
  1064. $tumblelog.imagesLoaded(function () {
  1065. $tumblelog.masonry({
  1066. columnWidth: function (containerWidth) {
  1067. return containerWidth / 100;
  1068. }
  1069. });
  1070. });
  1071. })();
  1072. (function () {var $tumblelog = $('#content');
  1073. })();
  1074. var $tumblelog = $('#content');
  1075. $tumblelog.infinitescroll({
  1076. navSelector: ".pagination",
  1077. nextSelector: ".pagination a:last-child",
  1078. itemSelector: "article",
  1079. },function (newElements) {
  1080. var $newElems = $(newElements).css({
  1081. opacity: 0
  1082. });
  1083. $newElems.imagesLoaded(function () {
  1084. $newElems.animate({
  1085. opacity: 1
  1086. });
  1087. $tumblelog.masonry('appended', $newElems);
  1088. });
  1089. });
  1090. $tumblelog.imagesLoaded(function () {
  1091. $tumblelog.masonry({
  1092. columnWidth: function (containerWidth) {
  1093. return containerWidth / 100;
  1094. }
  1095. });
  1096. });
  1097.  
  1098.  
  1099. </script>
  1100. </div>
  1101. </body>
  1102. </html>
Advertisement
Add Comment
Please, Sign In to add comment