mafercuellardiaz

kawaii

Dec 12th, 2013
873
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.32 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  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.  
  33. <meta name="color:Background" content="#ffffff"/>
  34. <meta name="color:Link" content="#a7a4a4"/>
  35. <meta name="color:shadow" content="#383838"/>
  36. <meta name="color:Description" content="#a5a5a3"/>
  37. <meta name="color:Title" content="#000000"/>
  38. <meta name="color:border" content="#000000"/>
  39.  
  40.  
  41.  
  42.  
  43.  
  44. <meta name="image:Background" content="http://media.tumblr.com/314749d117c3d636b85d89eb1144c889/tumblr_inline_mmpasoGw4j1qz4rgp.png"/>
  45. <meta name="image:sidebar" content=""/>
  46.  
  47. <meta name="text:Link 1 URL" content="">
  48. <meta name="text:Link 1" content="Link 1">
  49. <meta name="text:Link 2 URL" content="">
  50. <meta name="text:Link 2" content="Link 2">
  51. <meta name="text:Link 3 URL" content="">
  52. <meta name="text:Link 3" content="Link 3">
  53. <meta name="text:Link 4 URL" content="http://niallsdicks.tumblr.com">
  54. <meta name="text:Link 4" content="theme">
  55. <style>
  56.  
  57. body {
  58. margin: 0;
  59. padding: 0;
  60. background-image: url('{image:Background}');
  61. background-attachment: fixed;
  62. background-color: {color:Background};
  63. color: {color:Text};
  64. }
  65.  
  66.  
  67.  
  68. #content {
  69. position: relative;
  70. left: 55%;
  71. border-radius:10px;
  72. margin-left: -200px;
  73. width: 650px;
  74. {block:PermalinkPage}
  75. width: 510px;
  76. left: 50%;
  77. margin-left: -200px;
  78. position: relative;
  79. {/block:PermalinkPage}
  80. }
  81.  
  82.  
  83.  
  84.  
  85.  
  86. .item iframe, img, embed, object, video {
  87. max-width: 100%;
  88. }
  89.  
  90.  
  91. a {
  92. text-decoration:none;
  93. outline:none;
  94. -moz-outline-style:none;
  95. color:{color:link};
  96. -webkit-transition:all 0.5s ease-in-out;
  97. -moz-transition:all 0.5s ease-in-out;
  98. -o-transition:all 0.5s ease-in-out;
  99. transition:all 0.5s ease-in-out;}
  100.  
  101. a:hover {
  102. color:{color:hover};
  103. text-decoration:underline;
  104. -webkit-transition:all 0.5s ease-in-out;
  105. -moz-transition:all 0.5s ease-in-out;
  106. -o-transition:all 0.5s ease-in-out;
  107. transition:all 0.5s ease-in-out;}
  108.  
  109. .sidebar {
  110. border:2px solid {color:border};
  111. background-color:#fff;
  112. border-radius:10px;
  113. width: 180px;
  114. height:auto;
  115. position: fixed;
  116. margin-left: 230px;
  117. top: 172px;
  118. box-shadow: 5px 5px {color:shadow};
  119. }
  120.  
  121. .sidebar #sidebarimage{
  122. width: 95%;
  123. padding: 5px 5px 5px 5px;
  124. text-align: center;
  125.  
  126. }
  127.  
  128.  
  129.  
  130.  
  131. .sidebar #description {
  132. font-size: 12px;
  133. width: 90%;
  134.  
  135. text-align: center;
  136. padding-top: 5px;
  137. top: -20px;
  138. position: relative;
  139. left:10px;
  140. font-family:'calibri';
  141. color: {color:Description};
  142.  
  143. }
  144.  
  145. .sidebar #links {
  146. text-decoration:underline;
  147. margin-left:100px;
  148. display:block;
  149. text-align:center;
  150. margin-top:20px;}
  151. }
  152.  
  153.  
  154.  
  155.  
  156.  
  157.  
  158.  
  159. .stuff {
  160. width: 480px;
  161. padding: 10px;
  162. margin-top: 12px;
  163. background-color: #FFF;
  164. font-family: {font:Text};
  165. color: {color:Text} !important;
  166. overflow: hidden;
  167. }
  168.  
  169. blockquote {
  170. display: block;
  171. -webkit-margin-before: 5px !important;
  172. -webkit-margin-after: 5px !important;
  173. -webkit-margin-start: 8px !important;
  174. -webkit-margin-end: 8px !important;
  175. border-left: 3px solid rgb(230, 230, 230);
  176. padding-left: 2px;
  177. }
  178.  
  179.  
  180.  
  181. {block:IndexPage}
  182. .stuff {
  183. -moz-box-shadow: 5px 5px {color:shadow};
  184. -webkit-box-shadow: 5px 5px {color:shadow};
  185. box-shadow: 5px 5px {color:shadow};
  186. border:2px solid {color:border};
  187. border-radius:10px;
  188. width: 500px;
  189. padding: 10px;
  190. margin-top: 10px;
  191. margin-left: 0.4%;
  192. margin-right: 0.4%;
  193. text-align: justify;
  194. background-color: #FFF;
  195. word-wrap: break-word;
  196. font-family: {font:Text};
  197. min-width: 1px;
  198.  
  199. }
  200.  
  201. {/block:IndexPage}
  202.  
  203.  
  204. {block:IndexPage}
  205. {block:ifThreeRows}
  206.  
  207. .stuff {
  208. width: 31%;
  209. padding: 0.5%;
  210. margin-top: 10px;
  211. margin-left: 0.4%;
  212. margin-right: 0.4%;
  213. text-align: justify;
  214. background-color: #FFF;
  215. word-wrap: break-word;
  216. font-family: {font:Text};
  217. min-width: 1px;
  218.  
  219. }
  220.  
  221. {/block:ifThreeRows}
  222. {/block:IndexPage}
  223.  
  224.  
  225. .PremlinkPageContainer {
  226. width: 480px;
  227. padding: 10px;
  228. margin-top: 15px;
  229. float: left;
  230. font-weight: 100;
  231. font-size: 11px;
  232. background-color: #FFF;
  233. position: relative;
  234. color: #000 !important;
  235. font-family: {font:Text};
  236. color: {color:Text} !important;
  237. }
  238.  
  239. .PremlinkPageContainer a{
  240. color: {color:Text} !important;
  241. border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  242. text-decoration: none !important;
  243. }
  244.  
  245. .PremlinkPageContainer #date {
  246. width: 480px;
  247. color: {color:Text} !important;
  248. text-align: center;
  249. font-size: 14px;
  250. }
  251.  
  252. .PremlinkPageContainer #line {
  253. height: 1px;
  254. background-color: {color:Text} !important;
  255. border: none;
  256. }
  257.  
  258. .PremlinkPageContainer ol {
  259. margin-bottom: 80px;
  260. }
  261.  
  262. .PremlinkPageContainer li {
  263. margin-top: 8px;
  264. margin-left: -20px;
  265. list-style-type: none;
  266. }
  267.  
  268. .PremlinkPageContainer li a{
  269. color: {color:Text} !important;
  270. }
  271.  
  272. /* Reblog and Link Buttons */
  273.  
  274. #controls{
  275. height: 30px;
  276. width: 100%;
  277. position: relative;
  278. }
  279.  
  280. #controls #link{
  281. height: 25px;
  282. top: 0px;
  283. right: 10px;
  284. width: 25px;
  285. position: absolute;
  286. background-image: url(http://31.media.tumblr.com/181802de4d22c71ce77d91669668bfa4/tumblr_msdalj1trt1s3zdk4o1_500.png);
  287. background-size: 25px;
  288. opacity: 0.2;
  289. -webkit-transition: all 0.3s ease-out;
  290. -webkit-transition: all 0.3s ease-out;
  291. -moz-transition: all 0.3s ease-out;
  292. transition: all 0.3s ease-out;
  293. }
  294.  
  295. #controls #link:hover{
  296. opacity: 0.4;
  297. }
  298.  
  299. #controls #reblog{
  300. height: 26px;
  301. top: 0px;
  302. right: 42px;
  303. width: 26px;
  304. position: absolute;
  305. background-image: url(http://24.media.tumblr.com/5fe9fc79fb45b596bbcfcc48aaadb915/tumblr_msbbbjtW821s3zdk4o1_250.png);
  306. background-size: 26px;
  307. opacity: 0.2;
  308. -webkit-transition: all 0.3s ease-out;
  309. -webkit-transition: all 0.3s ease-out;
  310. -moz-transition: all 0.3s ease-out;
  311. transition: all 0.3s ease-out;
  312. }
  313.  
  314. #controls #reblog:hover{
  315. opacity: 0.2;
  316. }
  317.  
  318. .question {
  319. float:left;
  320. margin-left:10px;
  321. display:block;
  322. padding:5px;
  323. text-align:left;
  324. font-size:15px;
  325. min-height:40px;
  326. border-radius:10px;
  327.  
  328. }
  329. .info {
  330. font-family:consolas;
  331. width:500px;
  332. margin-top:-5px;
  333. padding-top:2px;
  334. font-size:10px;
  335. color:{color:link};
  336. text-transform:uppercase;
  337. text-align:left;
  338. -moz-transition-duration:0.5s;
  339. -webkit-transition-duration:0.5s;
  340. -o-transition-duration:0.5s;
  341. }
  342.  
  343. .info a {
  344. color:{color:link};
  345. text-align:center;
  346. letter-spacing:1px;}
  347.  
  348. .info a:hover {
  349. color:{color:hover};
  350. }
  351.  
  352. .source {
  353. width:500px;
  354. padding:1px;
  355. font-size:8px;
  356. margin-top:-10px;
  357. color:#fff;
  358. text-transform:uppercase;
  359. font-style:normal;
  360. letter-spacing:1px;
  361. text-align:right;
  362. -moz-transition-duration:0.5s;
  363. -webkit-transition-duration:0.5s;
  364. -o-transition-duration:0.5s;
  365. }
  366.  
  367. .source a {
  368.  
  369. color:{color:link};
  370. letter-spacing:2px;
  371. padding:4px;
  372. -moz-transition-duration:0.4s;
  373. -webkit-transition-duration:0.4s;
  374. -o-transition-duration:0.4s;
  375. }
  376.  
  377. .source a:hover {
  378. color:{color:hover};
  379. -moz-transition-duration:0.4s;
  380. -webkit-transition-duration:0.4s;
  381. -o-transition-duration:0.4s;}
  382.  
  383.  
  384.  
  385.  
  386. .tags a {
  387. display:inline-block;
  388. margin-right:5px; }
  389.  
  390. /* Text */
  391.  
  392. .text {
  393. font-size: 12px;
  394. text-align: left;
  395. padding-left: 5px;
  396. }
  397.  
  398. .text #head{
  399. font-size: 20px;
  400. text-align: center;
  401. font-weight: 100 !important;
  402. color: {color:Text} !important;
  403. }
  404.  
  405. .text #date{
  406. font-size: 10px;
  407. text-align: center;
  408. font-weight: 100;
  409. margin-top: -16px;
  410. margin-bottom: 20px;
  411. }
  412.  
  413. .text #line{
  414. height: 1px;
  415. width: 80%;
  416. background-color: rgba(30, 30, 30, 0.3);
  417. border: none;
  418. }
  419.  
  420. /* Photo */
  421.  
  422. .photo {
  423. font-size: 10px;
  424. text-align: left;
  425. padding-bottom: 0%;
  426.  
  427.  
  428. }
  429.  
  430. .photo #index {
  431. width: auto;
  432. height: auto;
  433. }
  434.  
  435. .photo .slidein{
  436. position: absolute;
  437. width: 98%;
  438. height: 100%;
  439. top: 0%;
  440. background: #FFF;
  441. overflow: hidden;
  442. font-size: 28px;
  443. opacity: 0;
  444. float: left;
  445. -webkit-transition: all 0.2s ease-out;
  446. -webkit-transition: all 0.2s ease-out;
  447. -moz-transition: all 0.2s ease-out;
  448. transition: all 0.2s ease-out;
  449. }
  450.  
  451. .photo:hover .slidein{
  452. background: #FFF;
  453. opacity: 0.7;
  454. }
  455.  
  456.  
  457. .photo .slidein #buttons {
  458. margin-top: -20px;
  459. top: 50%;
  460. position: absolute;
  461. height: 23px;
  462. width: 140px;
  463. left: 50%;
  464. margin-left: -75px;
  465. }
  466.  
  467.  
  468.  
  469. .photo .slidein #reblog{
  470. width: 35px;
  471. height: 30px;
  472. font-size: 22px;
  473. background-color: #000;
  474. background-image: url(http://25.media.tumblr.com/59f4d99b428bfd07afbbb2f994234ab2/tumblr_mf1qhtIhW71qjqqaio1_400.png);
  475. background-size: 17px;
  476. margin-left: 5px;
  477. background-repeat: no-repeat;
  478. background-position: center;
  479. border-radius: 5px;
  480. -moz-border-radius: 5px;
  481. float: left;
  482. -khtml-border-radius: 5px;
  483.  
  484. }
  485.  
  486. .my-like {
  487. width: 35px;
  488. height: 30px;
  489. font-size: 22px;
  490. background-color: #000;
  491. background-image: url(http://24.media.tumblr.com/8b3cdde3a456aca1fe21ec745f396252/tumblr_mh8ufc692s1s18kl7o1_400.png);
  492. background-size: 14px;
  493. background-repeat: no-repeat;
  494. background-position: center;
  495. border-radius: 5px;
  496. -moz-border-radius: 5px;
  497. float: left;
  498. -khtml-border-radius: 5px;
  499. }
  500.  
  501. .my-liked, .my-like:hover {
  502. background-image: url(http://25.media.tumblr.com/064592531e007be4946ed3048960229b/tumblr_mh8vrc1KuI1s18kl7o1_400.png) !important;
  503. width: 35px;
  504. height: 30px;
  505. font-size: 22px;
  506. background-color: #000;
  507. background-size: 14px;
  508. background-repeat: no-repeat;
  509. background-position: center;
  510. border-radius: 5px;
  511. -moz-border-radius: 5px;
  512. float: left;
  513. -khtml-border-radius: 5px;
  514. display:inline-block;
  515. }
  516. {block:IndexPage}
  517. .photo .slidein #link{
  518. width: 55px;
  519. text-align: center;
  520. height: 30px;
  521. margin-left: 5px;
  522. line-height: 30px;
  523. font-size: 12px;
  524. color: #FFF;
  525. font-family: 'calibri'
  526. font-weight: 400;
  527. float: left;
  528. background-color: #000;
  529. border-radius: 5px;
  530. -moz-border-radius: 5px;
  531. -khtml-border-radius: 5px;
  532. }
  533.  
  534. .photo .slidein #link a, a:hover, a:link, a:active, a:visited{
  535. color: #FFF !important;
  536. }
  537.  
  538. {/block:IndexPage}
  539.  
  540.  
  541. .single {
  542. width: 480px;
  543. margin-top: 12px;
  544. background-color: #FFF;
  545. padding: 10px 10px 10px 10px;
  546. position: relative;
  547. }
  548.  
  549.  
  550.  
  551. .quote {
  552. font-size: 10px;
  553. text-align: left;
  554. padding-top: 3px;
  555. color:{color:Text};
  556. padding-bottom: 20px;
  557.  
  558. }
  559.  
  560. .quote #quote{
  561. font-size: 24px;
  562. }
  563.  
  564. .quote #source {
  565. font-size: 11px;
  566. position: relative;
  567. text-align: right;
  568. margin-top: 10px;
  569. width: 95%;
  570. margin-bottom: 10px;
  571. }
  572.  
  573. .quote #description {
  574. font-size: 11px;
  575. position: absolute;
  576. right: 10px;
  577. bottom: 10px;
  578. text-align: left !important;
  579. }
  580.  
  581. .photosettheme {
  582. width: 100%;
  583. position: relative;
  584. padding-top: 30px;
  585. padding-bottom: 30px;
  586. border: 1px solid rgba(100, 100, 100, 0.1);
  587. background-color: rgba(180, 180, 180, 0.2);
  588. }
  589.  
  590. .photosettheme .photoset{
  591. margin: 0 auto;
  592. }
  593.  
  594. .photosettheme #reblog{
  595. color: rgb(150, 150, 150);
  596. text-decoration: none;
  597. text-align: center;
  598. position: relative;
  599. top: 20px;
  600. }
  601.  
  602.  
  603.  
  604. .link {
  605. font-size: 10px;
  606. text-align: left;
  607. padding-top: 3px;
  608.  
  609. }
  610.  
  611. .link #link{
  612. font-size: 24px;
  613. text-align: center;
  614. color: {color:Text} !important;
  615. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  616. }
  617.  
  618.  
  619. .chat {
  620. font-size: 13px;
  621. text-align: left;
  622. padding-top: 0px;
  623. line-height: 24px;
  624. }
  625.  
  626. .chat #head{
  627. font-size: 20px;
  628. text-align: center;
  629. font-weight: 100;
  630. margin-top: -0px;
  631. }
  632.  
  633. .chat li{
  634. font-size: 15px;
  635. margin-left: -14px;
  636. }
  637.  
  638. .chat #line{
  639. height: 1px;
  640. width: 80%;
  641. margin-top: -10px;
  642. background-color: rgba(30, 30, 30, 0.3);
  643. border: none;
  644. }
  645.  
  646.  
  647. #infscr-loading {
  648. display: none;
  649. font-size: 0px;
  650. position: absolute;
  651. top: -300px;
  652. }
  653. {block:IndexPage}
  654. .item a, a:link, a:hover, a:active, a:visited{
  655. color: {color:Link} !important;
  656. text-decoration: none;
  657. }
  658. {/block:IndexPage}
  659. #cosa {
  660.  
  661. color:#000;
  662. background:#fff;
  663. letter-spacing:1px;
  664. text-align: center;
  665. font-size: 16px;
  666. position:fixed;
  667. left:10px;
  668. top:-160px;
  669. width:0px;
  670. -webkit-transition: all .5s ease-in-out;
  671. -moz-transition: all .5s ease-in-out;
  672. -o-transition: all .5s ease-in-out;
  673. z-index:99;
  674. border-radius:10px;
  675.  
  676. }
  677.  
  678. #cosa:hover {
  679. top:-5px;
  680. opacity:1;
  681. -webkit-transition: all 1s ease-in-out;
  682. -moz-transition: all 1s ease-in-out;
  683. -o-transition: all 1s ease-in-out;}
  684.  
  685. #carrot {
  686. opacity:1;
  687. border-bottom: solid 1px #aeaaaa;
  688. border-left: solid 1px #aeaaaa;
  689. border-right: solid 1px #aeaaaa;
  690. border-radius:10px;
  691. font-size:20px;
  692. margin-left:0px;
  693. margin-top:10px;
  694. background:#fff;
  695. color:#000;
  696. letter-spacing:0px;
  697. text-align: center;
  698. width:30px;
  699. line-height:150%;
  700. -webkit-transition: all .5s ease-in-out;
  701. -moz-transition: all .5s ease-in-out;
  702. -o-transition: all .5s ease-in-out;
  703.  
  704. }
  705.  
  706. #cosa:hover #carrot{
  707. opacity:0;
  708. }
  709.  
  710. #shit {
  711. text-transform:lowercase;
  712. border: solid 1px #aeaaaa;
  713. border-radius:10px;
  714. background:#fff;
  715. color:#000;
  716. font-family:'calibri';
  717. padding: 10px 10px 10px 10px;
  718. text-align:center;
  719. font-size:10px;
  720. width:120px;
  721. height:auto;
  722. }
  723. #cred {
  724. position:fixed;
  725. font-size:8px;
  726. font-weight:normal;
  727. line-height:150%;
  728. letter-spacing:2px;
  729. right:10px;
  730. bottom:10px;
  731. text-transform:uppercase;
  732. text-align:center;
  733. }
  734.  
  735. #cred a {
  736. padding:3px;
  737. color:{color:link};
  738. background-color:#f5f5f5;
  739. -moz-transition-duration:0.5s;
  740. -webkit-transition-duration:0.5s;
  741. -o-transition-duration:0.5s;
  742. }
  743.  
  744. #s-m-t-tooltip {
  745.  
  746. max-width:300px;
  747. padding:3px 4px 5px 4px;
  748. margin:20px 0px 0px 20px;
  749. background-color:#fff;
  750. font-family:cambria;
  751. font-size:8px;
  752. letter-spacing:2px;
  753. text-transform:uppercase;
  754. color:#000;
  755.  
  756. }
  757. </style>
  758.  
  759. </head>
  760.  
  761. <body>
  762.  
  763. <div class="sidebar">
  764. <div id="sidebarimage">
  765. <img src="{image:sidebar}"/></div><br>
  766. <div id="description">
  767. {Description}<br><br>
  768.  
  769. <select onChange="location.href=this.options[this.selectedIndex].value;" style="width: 98px; font-family:'calibri'; font-size:10px;">
  770. <div id="links">
  771. <option value="/">links</option>
  772. <option value="/">home</option>
  773. <option value="/faq">mail</option>
  774. {block:ifLink1}<option value="{text:Link 1 URL}">{text:Link 1}</option>{/block:ifLink1}
  775. {block:ifLink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>{/block:ifLink2}
  776. {block:ifLink3}<option value="{text:Link 3 URL}">{text:Link 3}</option>{/block:ifLink3}
  777. {block:ifLink4}<option value="{text:Link 4 URL}">{text:Link 4}</option>{/block:ifLink4}
  778. </div>
  779. </select>
  780. </div></div><div id="content">
  781. {block:Posts}
  782. {block:Text}
  783. <article class="stuff">
  784. <div class="text">{block:Title}
  785. <a href="{Permalink}" id="head"><h3>{Title}</h3></a>
  786. {block:IndexPage} <div id="date"> </div > {/block:IndexPage}
  787. <hr id="line">
  788. {/block:Title}
  789. {Body}{block:IndexPage}
  790. <div id="controls">
  791. <a href="{Permalink}" title="Permalink Page">
  792. <div id="link"></div></a>
  793. <a target="_blank" href="{ReblogURL}" title="Reblog">
  794. <div id="reblog"></div></a></div>{/block:IndexPage} </div></article>
  795. {/block:Text}
  796.  
  797. {block:Photo}{block:IndexPage}<article class="stuff">{/block:IndexPage}
  798. <div class="photo">{block:IndexPage} <a id="index" href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a><div class="slidein"> <div id="center"><div id="buttons"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div><a target="_blank" href="{ReblogURL}"><div id="reblog"></div></a><div id="link"><a href="{Permalink}">{NoteCount}</a></div> </div> </div> </div> {/block:IndexPage}{block:PermalinkPage} <img class="single" src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:PermalinkPage}
  799. <br><br>
  800. <div class="info">
  801. {block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}">{Month} &nbsp;{DayOfMonth}</a>
  802. {/block:Date}
  803. <font color=#f371b1>♥</font> {NoteCountWithLabel}</a>
  804.  
  805. {block:RebloggedFrom}<div class="source"><a title="{ReblogParentName}" href="{ReblogParentURL}">Via </a> {/block:RebloggedFrom}{block:ContentSource}<a title="{SourceTitle}" href="{SourceURL}">©</a>{/block:ContentSource} {block:RebloggedFrom}</div> {/block:RebloggedFrom}
  806. {block:HasTags}
  807. <div class="tags">
  808. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
  809. {/block:HasTags}
  810. </div></div> </article>
  811.  
  812.  
  813.  
  814. {/block:Photo}
  815.  
  816.  
  817. {block:Photoset}<article class="stuff"> <center>{block:IndexPage} {Photoset-500} {/block:IndexPage} {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage} </center>{block:IndexPage}<div id="controls"> <a href="{Permalink}" title="Permalink Page" ><div id="link"></div></a>
  818. <a target="_blank" href="{ReblogURL}" title="Reblog"> <div id="reblog"></div>
  819. </a></div>{/block:IndexPage} </article> {/block:Photoset}
  820.  
  821.  
  822. {block:Answer}<article class="stuff"> <center>
  823. <div class="question"><img src="{AskerPortraitURL-30}"/> {Asker} whispered: {Question}</div>
  824. <div class="text">{Answer}</div> </article>
  825. {/block:Answer}
  826.  
  827. {block:Quote}<article class="stuff"><div class="quote"><a href="{Permalink}" style="color: {color:Text} !important;" id="quote">"{Quote}"</a> <br /> {block:Source}<br /> <div id="source">{Source}</div> {/block:Source}{block:IndexPage} <div id="controls"><a href="{Permalink}" title="Permalink Page" > <div id="link"></div></a> <a target="_blank" href="{ReblogURL}" title="Reblog"><div id="reblog"></div></a></div> {/block:IndexPage}</div></article>{/block:Quote}
  828.  
  829. {block:Link}<article class="stuff"><div class="link"> <a href="{URL}" id="link" {Target}>{Name}</a>{block:Description}<div id="description">{Description}</div>{/block:Description}{block:IndexPage}<div id="controls"><a href="{Permalink}" title="Permalink Page" > <div id="link"></div></a> <a target="_blank" href="{ReblogURL}" title="Reblog"><div id="reblog"></div></a></div> {/block:IndexPage} </div></article> {/block:Link}
  830.  
  831. {block:Chat}<article class="stuff"><div class="chat">{block:Title}<h3 id="head"><a href="{Permalink}">{Title}</a></h3><hr id="line">{/block:Title} <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label} <span class="label">{Label}</span> {/block:Label}{Line} </li>{/block:Lines}</ul>{block:IndexPage}<div id="controls"> <a href="{Permalink}" title="Permalink Page" ><div id="link"></div></a> <a target="_blank" href="{ReblogURL}" title="Reblog"> <div id="reblog"></div> </a></div>{/block:IndexPage} </div></article class="item"> {/block:Chat}
  832.  
  833. {block:Video}<article class="stuff"><center>{block:IndexPage}{Video-250} {/block:IndexPage}{block:PermalinkPage}{Video-500} {/block:PermalinkPage}</center> {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{block:IndexPage}<div id="controls"><a href="{Permalink}" title="Permalink Page" ><div id="link"></div></a> <a target="_blank" href="{ReblogURL}" title="Reblog this"><div id="reblog"></div> </a></div>{/block:IndexPage} </article>{/block:Video}
  834.  
  835. {block:Audio}<article class="stuff"><center>{AudioPlayerBlack} </center>{block:Caption}<div class="caption">{Caption}</div> {/block:Caption}{block:IndexPage}<div id="controls"> <a href="{Permalink}" title="Permalink Page" ><div id="link"></div></a> <a target="_blank" href="{ReblogURL}" title="Reblog "><div id="reblog"></div></a> </div>{/block:IndexPage} </article> {/block:Audio}
  836.  
  837. {block:PermalinkPage}<div class="PremlinkPageContainer"> <div id="date">{DayOfWeek}, {DayOfMonth} - {MonthNumberWithZero} - {Year}</div><hr id="line"/><hr id="line"/><center>{block:NoteCount}{notecountwithlabel}{/block:NoteCount}</center>{block:Posts}{PostNotes}{/block:Posts} </div>{/block:PermalinkPage} {/block:Posts}
  838. </div>
  839.  
  840.  
  841. <div id="hide"><div id="hide"><nav class="pagination">
  842.  
  843.  
  844. {block:NextPage}
  845. <next><a class="nextSelector" href="{NextPage}">Next »</a></next>
  846. {/block:NextPage}
  847. </nav>
  848.  
  849.  
  850.  
  851. <script>
  852.  
  853. (function () {
  854. var $tumblelog = $('#content');
  855. $tumblelog.infinitescroll({
  856. navSelector: ".pagination",
  857. nextSelector: ".pagination a:last-child",
  858. itemSelector: "article",
  859. },
  860.  
  861. function (newElements) {
  862. var $newElems = $(newElements).css({
  863. opacity: 0
  864. });
  865. $newElems.imagesLoaded(function () {
  866. $newElems.animate({
  867. opacity: 1
  868. });
  869. $tumblelog.masonry('appended', $newElems);
  870. });
  871. });
  872. $tumblelog.imagesLoaded(function () {
  873. $tumblelog.masonry({
  874. columnWidth: function (containerWidth) {
  875. return containerWidth / 100;
  876. }
  877. });
  878. });
  879. })();
  880. (function () {var $tumblelog = $('#content');
  881. })();
  882. var $tumblelog = $('#content');
  883. $tumblelog.infinitescroll({
  884. navSelector: ".pagination",
  885. nextSelector: ".pagination a:last-child",
  886. itemSelector: "article",
  887. },function (newElements) {
  888. var $newElems = $(newElements).css({
  889. opacity: 0
  890. });
  891. $newElems.imagesLoaded(function () {
  892. $newElems.animate({
  893. opacity: 1
  894. });
  895. $tumblelog.masonry('appended', $newElems);
  896. });
  897. });
  898. $tumblelog.imagesLoaded(function () {
  899. $tumblelog.masonry({
  900. columnWidth: function (containerWidth) {
  901. return containerWidth / 100;
  902. }
  903. });
  904. });
  905.  
  906.  
  907. </script>
  908. </div>
  909.  
  910. </body>
  911.  
  912.  
  913. </html>
Advertisement
Add Comment
Please, Sign In to add comment