API tools faq
paste
ninpen

Ddang

ninpen
Jun 29th, 2016
6,289
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 26.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-------------------------------
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12.  
  13. Ddang THEME BY NINPEN.TUMBLR.COM
  14. DO NOT REMOVE THE CREDIT.
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23. --------------------------------->
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32. <head>
  33. <title>{Title}</title>
  34. <link rel="shortcut icon" href="{FavIcon}" />
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  36. <script src="//use.edgefonts.net/open-sans:n3,i3,n4,i4,n6,i6,n7,i7,n8,i8:all.js"></script>
  37. <div class="cred"><a href="http://ninpen.tumblr.com/">N.</a></div>
  38. <meta name="if:MultipleColumns" content="" />
  39. <meta name="if:ShowCaption" content="" />
  40. <meta name="if:ShowBigTag" content="" />
  41. <meta name="select:Columns" content="2" title="2">
  42. <meta name="select:Columns" content="3" title="3">
  43. <meta name="select:Columns" content="4" title="4">
  44.  
  45. <meta name="text:PostSize" content="180" />
  46. <meta name="text:BigTag" content="" />
  47. <meta name="text:SidebarTitle" content="" />
  48.  
  49. <meta name="color:SidebarBg" content="#aaaaaa"/>
  50. <meta name="color:thmlink" content="#aaaaaa"/>
  51. <meta name="color:background" content="#ffffff" />
  52. <meta name="color:tumblrblg" content="#333333" />
  53. <meta name="color:posts" content="#ffffff" />
  54. <meta name="color:text" content="#a0a0a0" />
  55. <meta name="color:link" content="#bbbbbb" />
  56. <meta name="color:linkhover" content="#000000" />
  57. <meta name="color:h1" content="#FEBBC5" />
  58. <meta name="color:h2" content="#ACCED8" />
  59.  
  60. <meta name="color:accent1" content="#d3d3d3" />
  61. <meta name="color:accent2" content="#FC7890" />
  62. <meta name="color:accent3" content="#FDCDBF" />
  63. <meta name="color:accent4" content="#64f4fc" />
  64. <meta name="color:accent5" content="#EB6161" />
  65. <meta name="color:accent6" content="#FEBBC5" />
  66. <meta name="color:accent7" content="#ACCED8" />
  67. <meta name="color:accent8" content="#828FB1" />
  68. <meta name="color:accent9" content="#ffffff" />
  69. <meta name="color:accent10" content="#fafafa" />
  70.  
  71. <meta name="image:background" content=""/>
  72. <meta name="image:sidebar" content=""/>
  73.  
  74. <meta name="text:Custom Link One" content=""/>
  75. <meta name="text:Custom Link One URL" content=""/>
  76. <meta name="text:Custom Link Two" content=""/>
  77. <meta name="text:Custom Link Two URL" content=""/>
  78. <meta name="text:Custom Link Three" content=""/>
  79. <meta name="text:Custom Link Three URL" content=""/>
  80. <meta name="text:Custom Link Four" content=""/>
  81. <meta name="text:Custom Link Four URL" content=""/>
  82. <meta name="text:Custom Link Five" content=""/>
  83. <meta name="text:Custom Link Five URL" content=""/>
  84. <meta name="text:Custom Link Six" content=""/>
  85. <meta name="text:Custom Link Six URL" content=""/>
  86. <meta name="text:Custom Link Seven" content=""/>
  87. <meta name="text:Custom Link Seven URL" content=""/>
  88. <meta name="text:Custom Link Eight" content=""/>
  89. <meta name="text:Custom Link Eight URL" content=""/>
  90. <meta name="text:Custom Link Nine" content=""/>
  91. <meta name="text:Custom Link Nine URL" content=""/>
  92.  
  93. <style type="text/css">
  94. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  95.     z-index:123456!important;
  96.     position:fixed;
  97.     top:10px;
  98.     right:10px;
  99.     white-space:nowrap;
  100.     -webkit-filter: invert(100%);
  101.     -moz-filter: invert(100%);
  102.     -o-filter: invert(100%);
  103.     -ms-filter: invert(100%);
  104.     filter: invert(100%);
  105. }
  106.  
  107. html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, a, abbr, acronym, address, big, cite,hr, code,del, dfn,img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd,ol,ul, fieldset, form, label, legend,  tbody, tfoot, thead, tr, th, td, article,  canvas, details, embed, figure, figcaption, footer,  hgroup, menu,  output, ruby, summary,time, mark, audio, video {
  108.     margin: 0;
  109.     padding: 0;
  110.     border: 0;
  111.     font-size: 100%;
  112.     font: inherit;
  113.     vertical-align: baseline;
  114. }
  115.  
  116. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  117.     display: block;
  118. }
  119.    
  120. body {line-height: 1;}
  121.  
  122. ul {list-style: none;}
  123.  
  124. table {border-collapse: collapse;border-spacing: 0;}
  125.  
  126. ::-webkit-scrollbar {width: 11px; height: 11px; background:{color:background}; }
  127. ::-webkit-scrollbar-thumb { background-color:{color:accent1};border:5px solid {color:background};}
  128.  
  129. body,html{
  130.     width:100%;
  131.     height:100%;
  132.     padding:0;
  133.     margin:0;
  134. }
  135.  
  136. body{
  137.     word-wrap: break-word;
  138.     font:11px/16px open-sans, sans-serif;
  139.     color: {color:text};
  140.     background:{color:Background} url({image:background}) repeat right top fixed;
  141. }
  142.  
  143. a{text-decoration:none;color:{color:link};}
  144.  
  145. a:hover {color:{color:linkhover};}
  146.  
  147. b,strong{color:{color:accent3};}
  148.  
  149. i,em{color:{color:accent2};}
  150.  
  151. u{color:{color:accent5};}
  152.  
  153. h1{
  154.     margin:0 0 20px 20px;
  155.     font-weight:200;
  156.     font-size:24px;
  157.     padding:2px;
  158.     color:{color:h1};
  159. }
  160.  
  161. h1 a{color:{color:h1};}
  162.  
  163. h2{
  164.     font-style:italic;
  165.     font-weight:300;
  166.     font-size:18px;
  167.     line-height:22px;
  168.     color: {color:h2};
  169. }
  170.  
  171. .cred{z-index:99999;font:700 italic 8px/8px 'open-sans';letter-spacing:1px;position:Fixed;bottom:5%;right:5%;}
  172.  
  173. .cred a{color:{color:thmlink};}
  174. .cred a:hover{color:{color:bold};}
  175.  
  176. .source{
  177.     font:italic 7px/8px trebuchet ms;
  178.     text-transform:uppercase;
  179.     letter-spacing:1px;
  180.     color:{color:text};
  181. }
  182.  
  183. img{max-width:100%;}
  184.  
  185. #sidebar{
  186.     width:180px;
  187.     height:300px;
  188.     background:{color:SidebarBg} url({image:sidebar})no-repeat center;
  189.     {block:IndexPage}box-sizing:border-box;{/block:IndexPage}
  190.     {block:PermalinkPage}
  191.         position:relative;
  192.         display:inline-block;
  193.         vertical-align:top;
  194.     {/block:PermalinkPage}
  195. }
  196.  
  197. #sidebar:before,#sidebar:after{
  198.     content:"";
  199.     width:40%;
  200.     height:3px;
  201.     background:{color:accent6};
  202.     left:30%;
  203.     position:absolute;
  204. }
  205.  
  206. #sidebar:before{top:-10px;}
  207.  
  208. #sidebar:after{bottom:-10px;}
  209.  
  210. #sidebar:hover .desc{opacity:1}
  211.  
  212. #sidebar:hover .titled{opacity:0}
  213.  
  214. #plus{
  215.     position:absolute;
  216.     bottom:30px;
  217.     right:-10px;
  218.     width:20px;
  219.     height:20px;
  220.     background:{color:accent9} url(http://static.tumblr.com/hczaopr/Vczo95c8t/plus.png)no-repeat center;
  221.     cursor:pointer;
  222.     z-index:2;
  223. }
  224.  
  225. .sidedesc{
  226.     background:{color:accent9};
  227.     width:calc(100% + 80px);
  228.     height:calc(100% - 20px);
  229.     position:absolute;
  230.     top:0;
  231.     left:calc(100% + 0px);
  232.     z-index:1;
  233.     display:none;
  234.     padding:10px;
  235.     overflow:auto;
  236. }
  237. .menu{
  238.     margin-top:20px;
  239.     position:absolute;
  240.     bottom:10px;
  241.     max-height:calc(40% - 5px);
  242.     overflow:hidden;
  243.     width:calc(100% - 19px);
  244. }
  245.  
  246. .menu li{
  247.     font-weight:900;
  248.     letter-spacing:1px;
  249.     font-size:9px;
  250.     list-style-type:none;
  251.     display:inline-block;
  252.     text-align:center;
  253.     width:calc(100% / 3);
  254.     padding:9px 0;
  255.     float:left;
  256.     background:{color:accent10};
  257. }
  258.  
  259. .titled{
  260.     font-size:20px;
  261.     font-weight:800;
  262.     font-style:italic;
  263.     text-transform:uppercase;
  264.     text-align:center;
  265.     color:{color:accent9};
  266.     position:relative;
  267.     top:50%;
  268.     transform:translateY(-50%);
  269.     transition: opacity .4s ease-in-out;
  270.    -moz-transition: opacity .4s ease-in-out;
  271.    -webkit-transition: opacity .4s ease-in-out;
  272. }
  273.  
  274. .desc{
  275.     opacity:0;
  276.     background:{color:accent9};
  277.     bottom:11px;
  278.     left:11px;
  279.     position:absolute;
  280.     width:calc(100% - 22px);
  281.     height:calc(40% - 22px);
  282.     display:block;
  283.     transition: opacity .4s ease-in-out;
  284.    -moz-transition: opacity .4s ease-in-out;
  285.    -webkit-transition: opacity .4s ease-in-out;
  286. }
  287.  
  288. .sidedesc .info{overflow:auto}
  289.  
  290. .info{font-size:10px;letter-spacing:.07em;}
  291.  
  292.  
  293. .nav{
  294.     position:absolute;
  295.     bottom:0;
  296.     right:0;
  297.     text-align:right;
  298.     padding:10px;
  299. }
  300.  
  301. .nav a{
  302.     margin:0 2px;
  303.     font-size:9px;
  304.     letter-spacing:1px;
  305.     display:inline-block;
  306. }
  307.  
  308.  
  309. #entrywrap{
  310.     {block:IndexPage}
  311.         {block:ifMultipleColumns}
  312.             width:calc(({text:PostSize}px + (50px * 2)) * {select:Columns});
  313.             margin:0 auto;
  314.         {/block:ifMultipleColumns}
  315.        
  316.         {block:ifNotMultipleColumns}
  317.             width:calc((({text:PostSize}px * 2) + (100px * 2)));
  318.             margin:0 auto;
  319.         {/block:ifNotMultipleColumns}
  320.     {/block:IndexPage}
  321. }
  322.  
  323.  
  324. #content{
  325.     height:100%;
  326.     margin:0 auto;
  327.     background:{color:accent10};
  328.     {block:IndexPage}
  329.         {block:ifNotMultipleColumns}
  330.             padding-top:100px;
  331.         {/block:ifNotMultipleColumns}
  332.     {/block:IndexPage}
  333.     {block:PermalinkPage}width:800px;height:100%;{/block:PermalinkPage}}
  334.  
  335. article{
  336.     position:relative;
  337.     {block:IndexPage}
  338.         margin:0 auto;
  339.         width:{text:PostSize}px;
  340.     {block:ifMultipleColumns}margin:50px;{/block:ifMultipleColumns}
  341.     {block:ifNotMultipleColumns}margin:100px auto;{/block:ifNotMultipleColumns}
  342.     {/block:IndexPage}
  343.     {block:PermalinkPage}
  344.         margin:50px;
  345.         display:inline-block;width:400px;
  346.     {/block:PermalinkPage}
  347. }
  348.  
  349. .img{display:block;}
  350.  
  351. .txt{background:{color:posts};padding:10px;}
  352.    
  353. {block:IndexPage}
  354. article[data-tag*="{text:BigTag}"]{
  355.     width:calc(({text:PostSize}px * 2) + 100px)!important;
  356.     height:0 auto;
  357.     position:relative;
  358.  
  359. }
  360.  
  361. {block:ifShowBigTag}
  362.     article[data-tag*="{text:BigTag}"]:before{
  363.         opacity:.5;
  364.         content:"{text:BigTag}";
  365.         text-align:center;
  366.         text-transform:lowercase;
  367.         letter-spacing:2px;
  368.         font:400 10px/10px "Source-Sans-Pro";
  369.         position:Absolute;
  370.         top:calc(0px - 18px);
  371.         left:0;
  372.         width:100%;
  373.         height:12px;
  374.     }
  375. {/block:ifShowBigTag}
  376. .photoset-img{margin-bottom:-4px;}
  377.  
  378. .photoset-img:nth-child(n+3) { display:none;}
  379.  
  380. .photoset-img:nth-child(n+2){display:none;}
  381.  
  382. article[data-tag*="{text:BigTag}"] .photoset-img:nth-child(n+3) { display:none;}
  383.  
  384. article[data-tag*="{text:BigTag}"] .photoset-img{width: 50%;font-size:0;}
  385.  
  386. article[data-tag*="{text:BigTag}"] .photoset-img:nth-child(n+2){margin-left: -3px;}
  387.  
  388. article[data-tag*="{text:BigTag}"] .photoset-img:nth-child(-n+2){display:inline-block;}
  389.  
  390. p .tumblr_blog{
  391.     padding:0 5px;
  392.     letter-spacing:2px;
  393.     border-bottom:1px solid {color:accent4};
  394.     display:inline;
  395. }
  396.  
  397. p a.tumblr_blog{vertical-align:top;}
  398.  
  399. p:first-of-type{display:inline;vertical-align:top;}
  400.  
  401. #cap blockquote:first-of-type{
  402.     margin:0 0 0 5px;
  403.     padding:0;
  404.     display:inline;
  405.     border:0 !important;
  406. }
  407.  
  408. blockquote:not(:first-child){display:none;}
  409.  
  410. .masonry-brick img .perm{margin-top:4px;right:0;width:60px;}
  411.  
  412. article:hover .perm{opacity:1;}
  413.  
  414. article[data-tag*="{text:BigTag}"] .perm{right:4px;}
  415.  
  416. .perm{
  417.     opacity:0;
  418.     background:{color:accent10};
  419.     position:Absolute;
  420.     top:4px;
  421.     right:4px;
  422.     padding:0 10px;
  423.     height:15px;
  424.     width:40px;
  425.     transition: opacity .4s ease-in-out;
  426.    -moz-transition: opacity .4s ease-in-out;
  427.    -webkit-transition: opacity .4s ease-in-out;
  428. }
  429.  
  430. .perm:before{
  431.     display:block;
  432.     content:"";
  433.     width:calc(100% - 20px);
  434.     height:1px;
  435.     background:{color:accent6};
  436.     position:absolute;
  437.     top:calc(50% - 1px);
  438. }
  439. {/block:IndexPage}
  440.  
  441. #perm{
  442.     width:100%;
  443.     display:block;
  444.     margin-top:50px;
  445.     font-size:9px;
  446.     text-transform:uppercase;
  447.     letter-spacing:1px;
  448.     font-weight:900;
  449.     border-top:1px solid {color:accent10};
  450. }
  451.  
  452. #perm li {
  453.     list-style-type:none;
  454.     display:inline-block;
  455.     background:{color:posts};
  456.     width:calc(100% / 3);
  457.     float:left;
  458.     height:16px;
  459.     padding:15px 0;
  460.     text-align:center;
  461. }
  462.  
  463. #perm li.border{box-shadow:inset 1px -1px {color:accent10};}
  464. #perm li.border:nth-child(3n) {
  465.     box-shadow: inset -1px 0 {color:accent10},inset 1px -1px {color:accent10};
  466. }
  467.  
  468. #perm li.tags{
  469.     display:block;
  470.     width:100%;
  471.     padding:25px 0;
  472.     box-shadow:inset 1px -1px {color:accent10},inset -1px 0 {color:accent10};
  473. }
  474.  
  475. #cap{
  476.     font:400 10px/16px 'Source-Sans-pro';
  477.     background:{color:posts};
  478.     position:relative;
  479.     margin-top:10px;
  480.     padding:5px;
  481.     {block:ifNotShowCaption}display:none;{/block:ifNotShowCaption}
  482. }
  483.  
  484. .cap{
  485.     vertical-align:top;
  486.     max-height:106px;
  487.     display:block;
  488. }
  489.  
  490. #albart{
  491.     width:100%;
  492.     height:175px;
  493.     overflow:hidden;
  494.     position:relative;
  495.     background:{color:posts} url('http://static.tumblr.com/hczaopr/PE1o7swnc/music.png')no-repeat center;
  496. }
  497.  
  498. .alart{
  499.     position:Absolute;
  500.     width:100%;
  501.     top:0;
  502.     left:50%;
  503.     transform: translateX(-50%);
  504. }
  505.  
  506. .audioinfo{
  507.     background:#fff;
  508.     border:1px solid {color:accent10};
  509.     font-size:8px;
  510.     font-weight:900;
  511.     letter-spacing:1px;
  512.     text-align:center;
  513.     padding:10px 0;
  514.     margin-top:5px;
  515. }
  516.  
  517. #play{
  518.     height:20px;
  519.     background:#fff;
  520.     padding:20px;
  521.     border-bottom:1px solid {color:accent10};
  522.     border-left:1px solid {color:accent10};
  523.     border-right:1px solid {color:accent10};
  524. }
  525.  
  526. .play{
  527.     width:21px;
  528.     height:21px;
  529.     overflow:hidden;
  530.     margin:0 auto;
  531. }
  532.  
  533. .quest{
  534.     background:{color:accent9};
  535.     min-height:51px;
  536.     padding:10px;
  537.     margin-bottom:10px;
  538.     border-bottom:1px dotted {color:accent6};
  539. }
  540.  
  541. .askr{
  542.     padding:0 2px;
  543.     margin-right:5px;
  544.     letter-spacing:2px;
  545.     display:inline;
  546.     border-bottom:1px solid {color:accent4};
  547. }
  548.  
  549. .quest span img{
  550.     padding:10px;
  551.     background:{color:accent10};
  552. }
  553. .quest span{display:inline-block;float:left;margin:0 10px 1px 0;}
  554.  
  555. a.tumblr_blog{color:{color:tumblrblg}!important;}
  556.  
  557. blockquote{
  558.     padding-left:5px;
  559.     border-left:3px solid {color:accent10}!important;
  560. }
  561.  
  562. pre{    
  563.     white-space: pre-wrap;      
  564.     white-space: -moz-pre-wrap !important;
  565.     white-space: -pre-wrap;              
  566.     white-space: -o-pre-wrap;      
  567.     word-wrap: break-word;    
  568.     background:{color:posts};
  569.     font:11px/15px courier;
  570. }
  571.  
  572. ul, ol{
  573.     list-style-position:inside;
  574.     list-style:none;
  575.     margin:0px;
  576.     padding:0px;
  577. }
  578.  
  579. ul.chat {margin: 0;padding: 0;}
  580.  
  581. .chat li {
  582.     list-style-type: none;
  583.     margin-left: 0px;
  584.     padding: 10px;
  585.     letter-spacing:1px;
  586.     text-transform:uppercase;
  587. }
  588.  
  589. .chat li.odd {
  590.     margin-bottom: 3px;
  591.     background-color:{color:accent9};
  592. }
  593.  
  594. .chat li.even {
  595.     margin-bottom: 3px;
  596.     background-color:{color:accent10};
  597. }
  598.  
  599. li{list-style-type:square;font-family:calibri;}
  600.  
  601. iframe#tumblr_controls{position:fixed !important;}
  602.  
  603. ol.notes {
  604.     margin-top:50px;
  605.     display:inline-block;
  606.     width:calc(100% - 20px);
  607.     height:400px;
  608.     overflow:auto;
  609.     border:10px solid {color:posts};
  610.     background:{color:posts};
  611.     font-size:10px;
  612.     letter-spacing:0.15em;
  613. }
  614.  
  615. ol.notes li.note {margin:10px 0;}
  616.  
  617. ol.notes li.note img.avatar {padding:10px;background:{color:accent10};vertical-align:top;margin-right:10px;}
  618.  
  619. ol.notes li.note span.action {top:11px;position:relative;}
  620.  
  621. ol.notes li.note blockquote a {text-decoration: none;}
  622.  
  623. .tmblr-lightbox{background:{color:accent10};}
  624.  
  625. .tmblr-lightbox .vignette{opacity:0;}
  626. .tmblr-lightbox .lightbox-image{box-shadow:0 0 0 #000;}
  627.  
  628. .pagination {display: none;}
  629.  
  630. #pagination{text-align:Center;padding:60px 0;}
  631.  
  632. #pagination a{margin:0 30px;}
  633. </style>
  634.  
  635.  
  636. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  637. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  638. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  639. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  640. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  641. <script src="http://static.tumblr.com/hczaopr/ZZYo7hmaw/jquery.infinitescroll.min.js"></script>
  642.  
  643.  
  644. <script>
  645. $(document).ready(function() {
  646.     $('#plus').click(function() {
  647.       $('.sidedesc').fadeToggle();
  648.     });
  649.     if ($('#back-to-top').length) {
  650.       var scrollTrigger = 100, // px
  651.         backToTop = function() {
  652.           var scrollTop = $(window).scrollTop();
  653.           if (scrollTop > scrollTrigger) {
  654.             $('#back-to-top').addClass('show');
  655.           } else {
  656.             $('#back-to-top').removeClass('show');
  657.           }
  658.         };
  659.       backToTop();
  660.       $(window).on('scroll', function() {
  661.         backToTop();
  662.       });
  663.       $('#back-to-top').on('click', function(e) {
  664.         e.preventDefault();
  665.         $('html,body').animate({
  666.           scrollTop: 0
  667.         }, 700);
  668.       });
  669.     }
  670.     {block:IndexPage}
  671.     {block:ifMultipleColumns}
  672.     var $container = $('#content');
  673.     $container.imagesLoaded(function() {
  674.         $container.masonry({
  675.             isFitWidth: true,
  676.             itemSelector: 'article'
  677.         });
  678.     });
  679.     {/block:ifMultipleColumns}
  680.     {/block:IndexPage}
  681.     $container.infinitescroll({
  682.         itemSelector: "article:not(#sidebar)",
  683.         navSelector: "div.pagination",
  684.         nextSelector: ".pagination a#next",
  685.         loadingImg: "",
  686.         loadingText: "<em></em>",
  687.         bufferPx: 10000,
  688.         extraScrollPx: 12000,
  689.         errorCallback: function() {
  690.             $('.load-more').fadeOut();
  691.         }
  692.     }, function(newElements) {
  693.         resizeVideos();
  694.         var $newElems = $(newElements).css({
  695.             opacity: 0
  696.         });
  697.         $newElems.imagesLoaded(function() {
  698.             $newElems.animate({
  699.                 opacity: 1
  700.             });
  701.             $container.masonry('appended', $newElems,
  702.                 true);
  703.         });
  704.     });
  705.    
  706.     $(window).unbind('.infscr');
  707.     $('.load-more').click(function() {
  708.         $container.infinitescroll('retrieve');
  709.         return false
  710.     });
  711. });
  712.  
  713. function init() {
  714.     var reference = $(
  715.         'article:not(#sidebar):not([data-tag*="{text:BigTag}"]):first');
  716.     //  console.log();
  717.     $('article:not(#sidebar)').each(function() {
  718.         var tags = $(this).data('tag');
  719.         if (tags.indexOf('{text:BigTag}') > 0 && $(this).width() < $(this).parent()
  720.            .width()) {
  721.            theWidth = (reference.width() * 2) + parseInt(reference
  722.                .css('margin-left')) + parseInt(reference.css(
  723.                'margin-right'));
  724.             $(this).width(theWidth);
  725.         }
  726.     });
  727. }
  728. $(window).load(function() {
  729.     init();
  730. });
  731. </script>
  732.  
  733.  
  734. </head>
  735. <body>
  736.  
  737.  
  738.  
  739.  
  740.  
  741.  
  742.  
  743.  
  744. <section id="entrywrap">
  745. <div id="content">
  746.  
  747.  
  748. <article id="sidebar">
  749.     <div class="titled">{text:SidebarTitle}</div>
  750.     <div class="desc">
  751.         <div class="nav">
  752.             <a href="/">index</a>
  753.             <a href="/ask">ask</a>
  754.             <a href="/archive">data</a>
  755.         </div>
  756.     </div>
  757.     <div id="plus"></div>
  758.     <div class="sidedesc">
  759.         <div class="info">{description}</div>
  760.         <div class="menu">
  761.             {block:IfCustomLinkOne}
  762.             <li>
  763.             <a href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}">{text:Custom Link One}</a>
  764.             </li>
  765.             {/block:IfCustomLinkOne}
  766.              
  767.              
  768.             {block:IfCustomLinkTwo}
  769.             <li>
  770.             <a href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}">{text:Custom Link Two}</a>
  771.             </li>
  772.             {/block:IfCustomLinkTwo}
  773.              
  774.              
  775.             {block:IfCustomLinkThree}
  776.             <li>
  777.             <a href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}">{text:Custom Link Three}</a>
  778.             </li>
  779.             {/block:IfCustomLinkThree}
  780.              
  781.              
  782.             {block:IfCustomLinkFour}
  783.             <li>
  784.             <a href="{block:IfCustomLinkFourURL}{text:Custom Link Four URL}{/block:IfCustomLinkFourURL}">{text:Custom Link Four}</a>
  785.             </li>
  786.             {/block:IfCustomLinkFour}
  787.              
  788.              
  789.             {block:IfCustomLinkFive}
  790.             <li>
  791.             <a href="{block:IfCustomLinkFiveURL}{text:Custom Link Five URL}{/block:IfCustomLinkFiveURL}">{text:Custom Link Five}</a>
  792.             </li>
  793.             {/block:IfCustomLinkFive}
  794.              
  795.              
  796.             {block:IfCustomLinkSix}
  797.             <li>
  798.             <a href="{block:IfCustomLinkSixURL}{text:Custom Link Six URL}{/block:IfCustomLinkSixURL}">{text:Custom Link Six}</a>
  799.             </li>
  800.             {/block:IfCustomLinkSix}
  801.              
  802.              
  803.             {block:IfCustomLinkSeven}
  804.             <li>
  805.             <a href="{block:IfCustomLinkSevenURL}{text:Custom Link Seven URL}{/block:IfCustomLinkSevenURL}">{text:Custom Link Seven}</a>
  806.             </li>
  807.             {/block:IfCustomLinkSeven}
  808.              
  809.              
  810.             {block:IfCustomLinkEight}
  811.             <li>
  812.             <a href="{block:IfCustomLinkEightURL}{text:Custom Link Eight URL}{/block:IfCustomLinkEightURL}">{text:Custom Link Eight}</a>
  813.             </li>
  814.             {/block:IfCustomLinkEight}
  815.              
  816.            
  817.             {block:IfCustomLinkNine}
  818.             <li>
  819.             <a href="{block:IfCustomLinkNineURL}{text:Custom Link Nine URL}{/block:IfCustomLinkNineURL}">{text:Custom Link Nine}</a>
  820.             </li>
  821.             {/block:IfCustomLinkNine}
  822.         </div>
  823.     </div>
  824. </article>
  825.  
  826.  
  827.  
  828.  
  829.  
  830.  
  831.  
  832.  
  833.  
  834.  
  835. {block:Posts}
  836. <article data-tag="{TagsAsClasses}">
  837.    
  838. {block:Text}
  839.     <div class="txt">
  840.         {block:Title}
  841.         <h1><a href="{permalink}">{Title}</a></h1>{/block:Title}
  842.         {Body}
  843.     </div>
  844. {/block:Text}
  845.  
  846.  
  847.  
  848.  
  849. {block:Link}
  850.     <div class="txt">
  851.         <div class="span">
  852.             <h1><a href="{URL}">{Name}</a></h1>
  853.             {block:Description}{Description}{/block:Description}
  854.         </div>
  855.     </div>
  856. {block:Link}
  857.  
  858.  
  859.  
  860.  
  861. {block:Photo}
  862.     {block:IndexPage}
  863.         <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  864.     <img class="img" src="{PhotoURL-HighRes}">
  865. </a>
  866.     {/block:IndexPage}
  867.    
  868.     {block:PermalinkPage}
  869.         {block:HighRes}<a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>{/block:HighRes}
  870.     {block:PermalinkPage}
  871. {/block:Photo}
  872.  
  873.  
  874.  
  875.  
  876.  
  877. {block:Photoset}
  878.     {block:IndexPage}
  879.     <a href="#" data-tag="{TagsAsClasses}" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  880.         {block:Photos}
  881.         <img src="{PhotoURL-HighRes}" class="photoset-img">{/block:Photos}
  882.     </a>
  883.     {/block:IndexPage}
  884.  
  885. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  886. {/block:Photoset}
  887.  
  888.  
  889.  
  890.  
  891.  
  892.  
  893. {block:Chat}
  894.     <div class="txt">
  895.         <ul class="chat">
  896.             {block:Lines}
  897.                 <li class="{Alt} user_{UserNumber}">
  898.             {block:Label}<span class="label">{Label}</span>{/block:Label}
  899.                 {Line}
  900.             </li>
  901.             {/block:Lines}
  902.         </ul>
  903.     </div>
  904.  
  905.     {block:Title}
  906.         <div class="titled">
  907.             <h1><a href="{Permalink}">{Title}</a></h1>
  908.         </div>
  909.     {/block:Title}
  910. {/block:Chat}
  911.  
  912.  
  913.  
  914.  
  915.  
  916.  
  917.  
  918.  
  919.  
  920.  
  921. {block:Audio}
  922.     {block:AlbumArt}
  923.         <div id="albart">
  924.             <div class="alart"><img src="{AlbumArtURL}"></div>
  925.         </div>
  926.     {/block:AlbumArt}
  927.         <div class="audioinfo">
  928.             {block:TrackName}{TrackName}{/block:TrackName} by
  929.             {block:Artist}{Artist}{/block:Artist}
  930.         </div>
  931.     <div id="play"><div class="play">{AudioPlayer}</div></div>
  932. {/block:Audio}
  933.  
  934.  
  935.  
  936.  
  937.  
  938.  
  939. {block:Quote}
  940.     <div class="txt">
  941.         <h2>{Quote}</h2>
  942.         {block:Source}<div class="source">- {Source}</div>{/block:Source}
  943.     </div>
  944. {/block:Quote}
  945.  
  946.  
  947.  
  948.  
  949.  
  950. {block:Answer}
  951.     <div class="quest">
  952.         <span><img src="{AskerPortraitURL-30}"></span>
  953.         <div class="askr"><a href="{permalink}">{Asker}</a></div>
  954.         {Question}
  955.     </div>
  956.     {Answer}
  957. {/block:Answer}
  958.  
  959.  
  960.  
  961.  
  962. {block:Video}
  963.         <div class="video">{Video-500}</div>
  964. {/block:Video}
  965.  
  966.  
  967. {block:IndexPage}
  968.     <a href="{permalink}"><div class="perm"></div></a>
  969.     {block:Caption}
  970.         <div id="cap"><div class="cap">{Caption}</div></div>
  971.     {/block:Caption}
  972. {/block:IndexPage}
  973.  
  974.  
  975.  
  976.  
  977.  
  978. {block:PermalinkPage}
  979.     {block:Caption}
  980.         <div id="cap"><div class="cap">{Caption}</div></div>
  981.     {/block:Caption}
  982.    
  983.     <div id="perm">
  984.         <li class="border">{block:Date}{ShortMonth} {DayOfMonthWithZero} — {TimeAgo}{/block:Date}</li>
  985.         <li class="border">{NoteCountWithLabel}</li>
  986.         {block:RebloggedFrom}
  987.             <li class="border">via <a href="{ReblogRootURL}">{ReblogRootName}</a></li>
  988.             <li class="border">source <a href="{ReblogParentURL}">{ReblogParentName}</a></li>
  989.         {/block:RebloggedFrom}
  990.         <li class="border"><a href="/random">Random post</a></li>
  991.        
  992.        
  993.     {block:PermalinkPagination}
  994.         {block:PreviousPost}
  995.             <li class="border"><a rel="prev" href="{PreviousPost}">{lang:Previous}</a> —
  996.         {/block:PreviousPost}
  997.         {block:NextPost}
  998.             <a rel="next" href="{NextPost}">{lang:Next}<a/></li>
  999.         {/block:NextPost}
  1000.     {/block:PermalinkPagination}
  1001.     {block:HasTags}
  1002.         <li class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</li>
  1003.     {/block:HasTags}
  1004.     </div>
  1005.    
  1006.     {PostNotes}
  1007. {/block:PermalinkPage}
  1008.  
  1009.  
  1010.  
  1011.  
  1012. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1013. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{block:NoSourceLogo}{/block:NoSourceLogo}{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1014.  
  1015.  
  1016.  
  1017. </article>
  1018. {/block:Posts}
  1019. <!--POSTS SECTION ENDS-->
  1020.  
  1021.  
  1022. </div>
  1023. </section>
  1024.  
  1025.  
  1026. {block:Pagination}
  1027. <div id="pagination">
  1028.     <a href="#" class="load-more"><img src="http://static.tumblr.com/hczaopr/Vczo95c8t/plus.png"></a>
  1029.    
  1030.     <a href="#" id="back-to-top"><img src="http://static.tumblr.com/hczaopr/vSEo95cuw/top.png"></a></a>
  1031. </div>
  1032.  
  1033.  
  1034. <div class="pagination">
  1035. {block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a id="next" href="{NextPage}">next</a>{/block:NextPage}
  1036. </div>
  1037. {/block:Pagination}
  1038.  
  1039.  
  1040.  
  1041.  
  1042.  
  1043.  
  1044.  
  1045. </body>
  1046. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!