mafercuellardiaz

kawaii 2

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