API tools faq
paste
ninpen

Ciaossu

ninpen
May 18th, 2012
10,080
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 26.29 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.  
  3. <!-------------------------------
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12. CIAOSSU THEME BY NINPEN.TUMBLR.COM
  13. DO NOT REMOVE THE CREDIT.
  14.  
  15.  
  16.  
  17.   //:: Video + PXU + Soundcloud Script by: © shythemes
  18.  
  19.  
  20.  
  21.  
  22. --------------------------------->
  23.  
  24. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  25. <head>
  26.  
  27. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  28. <meta name="image:portrait" content=""/>
  29. <meta name="image:Background" content=""/>
  30.  
  31. <meta name="select:Columns" content="2" title="2">
  32. <meta name="select:Columns" content="3" title="3">
  33. <meta name="select:Columns" content="4" title="4">
  34.  
  35. <meta name="text:PostSize" content="200" />
  36.  
  37. <meta name="if:showCaption" content=""/>
  38. <meta name="if:Columns" content="" />
  39.  
  40. <meta name="color:accent1" content="#00e5ff" />
  41. <meta name="color:accent2" content="#fe6960" />
  42. <meta name="color:accent3" content="#febf97" />
  43. <meta name="color:accent4" content="#de8efd" />
  44. <meta name="color:accent5" content="#000000" />
  45. <meta name="color:accent6" content="#ffffff" />
  46. <meta name="color:border" content="#eeeeee" />
  47.  
  48. <meta name="color:bold" content="#ff8575" />
  49. <meta name="color:italics" content="#8ee5bf" />
  50. <meta name="color:underline" content="#ff620f" />
  51.  
  52. <meta name="color:posts" content="#ffffff"/>
  53. <meta name="color:captionBG" content="#84f2ff"/>
  54. <meta name="color:background" content="#ffffff"/>
  55. <meta name="color:text" content="#333333"/>
  56. <meta name="color:link" content="#000000"/>
  57.  
  58. <meta name="color:h1" content ="#ffffff"/>
  59. <meta name="color:h2" content ="#ffc88d"/>
  60. <meta name="color:chat line 1" content="#010101"/>
  61. <meta name="color:chat line 2" content="#202020"/>
  62.  
  63. <meta name="text:Custom Link One" content=""/>
  64. <meta name="text:Custom Link One URL" content=""/>
  65. <meta name="text:Custom Link Two" content=""/>
  66. <meta name="text:Custom Link Two URL" content=""/>
  67. <meta name="text:Custom Link Three" content=""/>
  68. <meta name="text:Custom Link Three URL" content=""/>
  69. <meta name="text:Custom Link Four" content=""/>
  70. <meta name="text:Custom Link Four URL" content=""/>
  71. <meta name="text:Custom Link Five" content=""/>
  72. <meta name="text:Custom Link Five URL" content=""/>
  73. <meta name="text:Custom Link Six" content=""/>
  74. <meta name="text:Custom Link Six URL" content=""/>
  75. <title>{Title}</title>
  76. <div class="cred"><a href="http://ninpen.tumblr.com/">&mdash; N.</a></div>
  77. <link rel="shortcut icon" href="{Favicon}" />
  78. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  79.  
  80. <style type="text/css">
  81.     ::-moz-selection {
  82.         color:{color:accent1};
  83.         background: {color:accent5};
  84.     }
  85.      
  86.     ::selection {
  87.         color:{color:accent1};
  88.         background: {color:accent5};
  89.     }
  90.      
  91.     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, 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{
  92.         margin: 0;
  93.         padding: 0;
  94.         border: 0;
  95.         font-size: 100%;
  96.         font: inherit;
  97.         vertical-align: baseline;
  98.     }
  99.      
  100.     article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  101.         display: block;
  102.     }
  103.        
  104.     body {
  105.         line-height: 1;
  106.     }
  107.      
  108.     ul {
  109.         list-style: none;
  110.     }
  111.      
  112.     table {
  113.         border-collapse: collapse;
  114.         border-spacing: 0;
  115.     }
  116.      
  117.     ::-webkit-scrollbar {
  118.         width: 4px;
  119.         height: 4px;
  120.         background:{color:background};
  121.     }
  122.      
  123.     ::-webkit-scrollbar-thumb {
  124.         border-radius:10px;
  125.         border:3px solid {color:accent3};
  126.         background-color:{color:background};
  127.     }
  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 consolas;
  139.         letter-spacing:.05em;
  140.         color: {color:text};
  141.         background:{color:Background} url({image:background}) repeat center fixed;
  142.     }
  143.      
  144.     a{
  145.         text-decoration:none;
  146.         color:{color:link};
  147.     }
  148.      
  149.     a:hover {
  150.         text-decoration:underline;
  151.         color:{color:underline};
  152.     }
  153.    
  154.     h1{
  155.         font-size:10px;
  156.         text-transform:uppercase;
  157.         letter-spacing:2px;
  158.         background:{color:accent3};
  159.         color:{color:h1};
  160.         padding:5px;
  161.     }
  162.      
  163.     h1 a{
  164.         color:{color:h1};
  165.     }
  166.      
  167.     h2 {
  168.         font-style: italic;
  169.         line-height: 22px;
  170.         font-size: 18px;
  171.         color: {color:h2};
  172.     }
  173.    
  174.     .source{
  175.         font-size:8px;
  176.         line-height:8px;
  177.         text-transform:uppercase;
  178.         letter-spacing:1px;
  179.         margin:10px 0 0 20px;
  180.     }
  181.      
  182.     b,strong{
  183.         color:{color:bold};
  184.     }
  185.      
  186.     i,em{
  187.         color:{color:italics};
  188.     }
  189.      
  190.     u{
  191.         color:{color:underline};
  192.     }
  193.      
  194.     img{
  195.         max-width:100%;
  196.     }
  197.    
  198.     .cred{
  199.         line-height:11px;
  200.         font-size:11px;
  201.         padding:3px 7px;
  202.         border-radius:3px;
  203.         text-transform:uppercase;
  204.         letter-spacing:1px;
  205.         position:fixed;
  206.         bottom:20px;
  207.         right:20px;
  208.         color:{color:accent2};
  209.         background:{color:background};
  210.         z-index:1;
  211.     }
  212.      
  213.     .cred a{
  214.         vertical-align:top;
  215.         font-size:9px;
  216.         color:{color:link};
  217.     }
  218.    
  219.     .cred a:hover{
  220.         color:{color:underline};
  221.     }
  222.  
  223.     .source{
  224.         text-transform:uppercase;
  225.         letter-spacing:1px;
  226.         color:{color:text};
  227.     }
  228.      
  229.     img{
  230.         max-width:100%;
  231.     }
  232.  
  233.     #side{
  234.         height:140px;
  235.         font-size:9px;
  236.         letter-spacing:.15em;
  237.         text-transform:uppercase;
  238.         line-height:15px;
  239.         background-color:{color:posts};
  240.         box-sizing:border-box;
  241.         z-index:1;
  242.         {block:IndexPage}
  243.             {block:ifColumns}
  244.                 margin:10px;
  245.             {/block:ifColumns}
  246.             width:{text:PostSize}px;
  247.             position:relative;
  248.             webkit-transition: 0.4s linear;
  249.             -webkit-transition: all 0.4s ease-in-out;
  250.             -moz-transition: all 0.4s ease-in-out;
  251.             -o-transition: all 0.4s ease-in-out;
  252.         {/block:IndexPage}
  253.         {block:PermalinkPage}
  254.             margin-top:50px;
  255.             width:200px;
  256.             position:fixed;
  257.         {/block:PermalinkPage}
  258.     }
  259.    
  260.     #links{
  261.         width:50%;
  262.         height:calc(100% - 15px);
  263.         display:inline-block;
  264.         overflow-y:auto;
  265.         overflow-x:hidden;
  266.         float:left;
  267.     }
  268.    
  269.     #links a{
  270.         text-align:right;
  271.         display:block;
  272.         position:Relative;
  273.         line-height:12px;
  274.         padding:1px 10px 1px 0;
  275.         webkit-transition: 0.4s linear;
  276.         -webkit-transition: all 0.4s ease-in-out;
  277.         -moz-transition: all 0.4s ease-in-out;
  278.         -o-transition: all 0.4s ease-in-out;
  279.         border-bottom:1px solid {color:border};
  280.         background:{color:accent6};
  281.         color:{color:accent2};
  282.     }
  283.    
  284.     #links a:nth-of-type(n+4){
  285.         background:{color:accent5};
  286.         color:{color:accent1};
  287.         margin-bottom:1px;
  288.         border-bottom:none;
  289.     }
  290.    
  291.     #links a:nth-of-type(n+4):after{
  292.         content:'▪';
  293.         font-size:12px;
  294.         position:absolute;
  295.         margin:0 0 0 3px;
  296.     }
  297.    
  298.     #links un a:hover{
  299.         margin-right:10px;
  300.     }
  301.    
  302.     #portrait:hover #desc{
  303.         opacity:1;
  304.     }
  305.    
  306.     #portrait{
  307.         display:inline-block;
  308.         width:50%;
  309.         height:calc(100% - 15px);
  310.         position: relative;
  311.         background:url({image:portrait}) repeat center;
  312.         background-size:200px;
  313.     }
  314.        
  315.     #desc{  
  316.         overflow:auto;
  317.         padding:5px;
  318.         text-align:justify;
  319.         background:{color:posts};
  320.         opacity:0;
  321.         width:calc(100% - 10px);
  322.         height:calc(100% - 10px);
  323.         position:absolute;
  324.         top:0;
  325.         left:0;
  326.         -webkit-transition: all 0.4s linear;
  327.         -webkit-transition: all 0.4s ease-in-out;
  328.         -moz-transition: all 0.4s ease-in-out;
  329.         -o-transition: all 0.4s ease-in-out;
  330.     }
  331.    
  332.     #sidebottom{
  333.         width:100%;
  334.         display:flex;    
  335.         margin-top: -5px;
  336.     }
  337.    
  338.     {block:IndexPage}
  339.         #pages{
  340.             display:inline-block;
  341.             width:50%;
  342.             text-align:center;
  343.             background:{color:accent2};
  344.             color:{color:accent1};
  345.         }
  346.            
  347.         #pages a{
  348.             color:{color:accent6};
  349.         }
  350.     {/block:IndexPage}
  351.        
  352.     #title{
  353.         font-weight:bold;
  354.         display:inline-block;
  355.         width:50%;
  356.         text-align:center;
  357.         background:{color:accent1};
  358.         color:{color:accent5};
  359.         {block:PermalinkPage}width:100%;{/block:PermalinkPage}
  360.     }
  361.  
  362.     #center{
  363.         {block:IndexPage}
  364.             {block:ifColumns}
  365.                 max-width:1000px;
  366.                 width:calc(({text:PostSize}px * {select:Columns}) + (20px * {select:Columns}))!important;
  367.                 margin:0 auto;
  368.             {/block:ifColumns}
  369.            
  370.             {block:ifNotColumns}
  371.                 width:{text:PostSize}px;
  372.                 margin:0 auto;
  373.             {/block:ifNotColumns}
  374.         {/block:IndexPage}
  375.     }
  376.    
  377.     #content{
  378.         height:100%;
  379.         {block:IndexPage}
  380.             margin:100px auto 0 auto;
  381.             {block:ifNotColumns}
  382.             {/block:ifNotColumns}
  383.         {/block:IndexPage}
  384.         {block:PermalinkPage}
  385.             margin:0 auto;
  386.             width:800px;
  387.         {/block:PermalinkPage}
  388.     }
  389.    
  390.     article{
  391.         position:relative;
  392.         background:{color:posts};
  393.         {block:IndexPage}
  394.             width:{text:PostSize}px;
  395.             opacity:0;
  396.         {/block:IndexPage}
  397.         {block:PermalinkPage}
  398.             display:inline-block;width:400px;
  399.         {/block:PermalinkPage}
  400.     }
  401.    
  402.     {block:IndexPage}
  403.         article:not(#side){
  404.             {block:ifColumns}margin:10px;{/block:ifColumns}
  405.             {block:ifNotColumns}margin:20px auto;{/block:ifNotColumns}
  406.         }
  407.     {/block:IndexPage}
  408.    
  409.     {block:PermalinkPage}
  410.         article:not(#side){
  411.             margin:50px 0 0 250px;
  412.         }
  413.     {/block:PermalinkPage}
  414.    
  415.     #infscr-loading {
  416.         display: none!important;
  417.     }
  418.    
  419.     .spotify_audio_player {
  420.         height:80px !important;
  421.     }
  422.  
  423.     p .tumblr_blog{
  424.         padding:0 5px;
  425.         letter-spacing:2px;
  426.         border-bottom:1px solid {color:accent4};
  427.         display:inline;
  428.     }
  429.  
  430.     p a.tumblr_blog{
  431.         vertical-align:top;
  432.     }
  433.    
  434.     p:first-of-type{
  435.         display:inline;
  436.         vertical-align:top;
  437.     }
  438.  
  439.     .cap blockquote:first-of-type{
  440.         margin:0 0 0 5px;
  441.         padding:0;
  442.         display:inline;
  443.         border:0 !important;
  444.     }
  445.  
  446.     blockquote:not(:first-child){
  447.         display:none;
  448.     }
  449.  
  450.     .cap{
  451.         padding:5px;
  452.         position:relative;
  453.         vertical-align:top;
  454.         max-height:150px;
  455.         overflow:auto;
  456.         background:{color:captionBG};
  457.         {block:ifNotShowCaption}display:none;{/block:ifNotShowCaption}
  458.     }
  459.  
  460.     .perma{
  461.         {block:IndexPage}
  462.             font-size:8px;
  463.             line-height:8px;
  464.             letter-spacing:.2em;
  465.             margin-top:1px;
  466.         {/block:IndexPage}
  467.         text-transform:uppercase;
  468.         padding:5px;
  469.         color:{color:accent6};
  470.         background:{color:accent2};
  471.         {block:PermalinkPage}
  472.             letter-spacing:.1em;
  473.             font-size:9px;
  474.             line-height:12px;
  475.         {/block:PermalinkPage}
  476.     }
  477.    
  478.     .perma li{
  479.         list-style-type:none;
  480.         margin:7px 0;
  481.     }
  482.    
  483.     .perma li a{
  484.         border-bottom:1px dotted {color:accent3};
  485.     }
  486.    
  487.     .perma li.tagged{
  488.         text-align:right;
  489.     }
  490.    
  491.     .perma li.tagged a{
  492.         color:{color:accent6};
  493.         background:{color:accent5};
  494.         margin:2px 5px;
  495.     }
  496.    
  497.     .perma .noted{
  498.         font-size:9px;
  499.         float:right;
  500.     }
  501.    
  502.     #iaudio{
  503.         background:{color:accent1};
  504.         overflow:hidden;
  505.     }
  506.  
  507.     #albart{
  508.         margin:0 auto;
  509.         background:{color:accent1};
  510.         width:200px;
  511.         height:200px;
  512.         position:Relative;
  513.     }
  514.    
  515.     .alart{
  516.         min-width:100px;
  517.         min-height:100px;
  518.         width:50%;
  519.         height:50%;
  520.         display:block;
  521.         background:pink url(http://static.tumblr.com/hczaopr/zuxopiqqe/topo.png)repeat center;
  522.         background-size: 200px;
  523.         position:absolute;
  524.         top: 50%;
  525.         left:50%;
  526.         transform: translate(-50%,-50%);
  527.         border-radius:100%;
  528.     }
  529.    
  530.     .alart img{
  531.         border-radius:100%;
  532.     }
  533.    
  534.     #play{
  535.         width:37px;
  536.         height:37px;
  537.         background:#f2f2f2;
  538.         position:Absolute;
  539.         border-radius:100%;
  540.         overflow:hidden;
  541.         top: 50%;
  542.         left:50%;
  543.         transform: translate(-50%,-50%);
  544.     }
  545.    
  546.     .play{
  547.         width:23px;
  548.         height:23px;
  549.         overflow:hidden;
  550.         margin:6px 0 0 4px;
  551.     }
  552.    
  553.     .audioinfo {
  554.         background:{color:accent5};
  555.         color:{color:accent6};
  556.         padding: 10px;
  557.         font-size: 10px;
  558.         text-align:Center;
  559.     }
  560.  
  561.     .quest{
  562.         background:{color:accent4};
  563.         padding:10px;
  564.         margin-bottom:10px;
  565.         color:{color:accent6};
  566.         border-bottom:1px dotted {color:accent6};
  567.     }
  568.    
  569.     .askr{
  570.         padding:0 2px;
  571.         margin-right:5px;
  572.         letter-spacing:2px;
  573.         display:inline;
  574.         background:{color:accent2};
  575.     }
  576.    
  577.     .askr a{
  578.         color:{color:accent6};
  579.     }
  580.    
  581.     .quest span img{
  582.         border-radius:100%;
  583.     }
  584.    
  585.     .quest span{
  586.         display:inline-block;
  587.         float:left;
  588.         margin:0 10px 1px 0;
  589.     }
  590.    
  591.     a.tumblr_blog{
  592.         background:{color:accent6}!important;
  593.     }
  594.    
  595.     blockquote{
  596.         padding-left:5px;
  597.         border-left:3px solid {color:accent2}!important;
  598.     }
  599.    
  600.     pre{    
  601.         white-space: pre-wrap;      
  602.         white-space: -moz-pre-wrap !important;
  603.         white-space: -pre-wrap;              
  604.         white-space: -o-pre-wrap;      
  605.         word-wrap: break-word;    
  606.         background:{color:posts};
  607.         font:11px/15px courier;
  608.     }
  609.    
  610.     ul, ol{
  611.         list-style:none;
  612.     }
  613.      
  614.     ul.chat {
  615.         margin: 0;
  616.         padding: 0;
  617.     }
  618.      
  619.     .chat li {
  620.         list-style-type: none;
  621.         margin-left: 0px;
  622.         padding: 10px;
  623.         letter-spacing:1px;
  624.         text-transform:uppercase;
  625.     }
  626.      
  627.     .chat li.odd {
  628.         margin-bottom: 3px;
  629.         color:{color:accent6};
  630.         background-color:{color:accent5};
  631.     }
  632.      
  633.     .chat li.even {
  634.         margin-bottom: 3px;
  635.         color:{color:accent5};
  636.         background-color:{color:accent6};
  637.     }
  638.      
  639.     li{
  640.         list-style-type:square;
  641.     }
  642.      
  643.     iframe#tumblr_controls{
  644.         position:fixed !important;
  645.     }
  646.    
  647.     ol.notes {
  648.         margin-top:20px;
  649.         padding:0;
  650.         border:10px solid {color:posts};
  651.         background:{color:posts};
  652.         font-size:9px;
  653.         line-height:9px;
  654.         text-transform: uppercase;
  655.         letter-spacing:0.15em;
  656.     }
  657.  
  658.     ol.notes li.note {
  659.         list-style-type:none;
  660.         margin:20px 0;
  661.     }
  662.    
  663.     ol.notes li.note img.avatar {
  664.         vertical-align:top;
  665.         margin-right:10px;
  666.     }
  667.    
  668.     ol.notes li.note span.action {
  669.         top:4px;
  670.         position:relative;
  671.     }
  672.  
  673.     .pagination {display: none;}
  674.    
  675.     #pagination{text-align:Center;padding:60px 0;}
  676.    
  677.     #pagination a{margin:0 30px;}
  678. </style>
  679.  
  680.  
  681. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  682. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  683. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  684. <script src="http://masonry.desandro.com/v2/js/jquery.infinitescroll.min.js"></script>
  685. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  686. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  687.  
  688. {block:IndexPage}
  689.     <script>
  690.         $(document).ready(function(){
  691.            $('.photo-slideshow').pxuPhotoset({
  692.                lightbox: true,
  693.                rounded: false,
  694.                gutter: '0px',
  695.                borderRadius: '0px',
  696.                photoset: '.photo-slideshow',
  697.                photoWrap: '.photo-data',
  698.                photo: '.pxu-photo'
  699.            });
  700.            
  701.             // minimal soundcloud player © shythemes.tumblr
  702.            var color = '{color:accent3}';
  703.            $('.soundcloud_audio_player').each(function(){
  704.                $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  705.            });
  706.         });
  707.     </script>
  708.  
  709.     <script>
  710.     jQuery(document).ready(function(){
  711.         window.onscroll = function() {
  712.             if (window.pageYOffset >= 200){
  713.                 jQuery('#side').css({position:'fixed', left:'',top: '0',
  714.             {block:ifColumns}margin:'0 10px'{/block:ifColumns}}             );
  715.             }
  716.             else {
  717.                 jQuery('#side').css({position: '',left:'',top: ''});
  718.             }
  719.         }
  720.     });
  721.     </script>
  722.     <script>
  723.     $(function() {
  724.         var $container = $('#content');
  725.         {block:ifColumns}
  726.             $container.imagesLoaded(function(){
  727.                 $container.masonry({
  728.                     isFitWidth: true,
  729.                     itemSelector: 'article'
  730.                 });
  731.                 $container.find('article').animate({ opacity: 1});
  732.             });
  733.         {/block:ifColumns}
  734.         $container.infinitescroll({
  735.             navSelector  : "div.pagination",
  736.             nextSelector : ".pagination a#next",
  737.             itemSelector : "article:not(#side)",
  738.             loading: {finishedMsg: ''}
  739.             },
  740.            function( newElements ) {
  741.                var $newElems = $( newElements );
  742.                 resizeVideos();
  743.                $newElems.find('.photo-slideshow').pxuPhotoset({
  744.                    lightbox: true,
  745.                    rounded: false,
  746.                    gutter: '1px',
  747.                    photoset: '.photo-slideshow',
  748.                    photoWrap: '.photo-data',
  749.                    photo: '.pxu-photo'
  750.                },
  751.                
  752.                function(){
  753.                    $container.masonry();
  754.                });
  755.                $newElems.imagesLoaded(function(){
  756.                    $container.masonry( 'appended', $newElems );
  757.                    $newElems.animate({ opacity: 1});
  758.                });
  759.                
  760.            });
  761.        
  762.         $(window).unbind('.infscr');
  763.         $('.load-more').click(function(){
  764.             $container.infinitescroll('retrieve');
  765.             return false;
  766.         });
  767.     })();
  768.     </script>
  769. {/block:IndexPage}
  770.  
  771. </head>
  772. <body>
  773. <div class="pagination">
  774. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  775. </div>
  776.  
  777.  
  778.  
  779.  
  780.  
  781.  
  782.  
  783. <section id="center">
  784. <div id="content">
  785.  
  786.  
  787. <article id="side">
  788.     <div id="links">
  789.         <a href="/">Index</a>
  790.         <a href="/ask"> Message</a>
  791.         <a href="/Archive">archive</a>
  792.  
  793.             {block:IfCustomLinkOne}
  794.             <a href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}">{text:Custom Link One}</a>
  795.             {/block:IfCustomLinkOne}
  796.              
  797.              
  798.             {block:IfCustomLinkTwo}
  799.             <a href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}">{text:Custom Link Two}</a>
  800.             {/block:IfCustomLinkTwo}
  801.              
  802.              
  803.             {block:IfCustomLinkThree}
  804.             <a href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}">{text:Custom Link Three}</a>
  805.             {/block:IfCustomLinkThree}
  806.              
  807.              
  808.             {block:IfCustomLinkFour}
  809.             <a href="{block:IfCustomLinkFourURL}{text:Custom Link Four URL}{/block:IfCustomLinkFourURL}">{text:Custom Link Four}</a>
  810.             {/block:IfCustomLinkFour}
  811.              
  812.             {block:IfCustomLinkFive}
  813.             <a href="{block:IfCustomLinkFiveURL}{text:Custom Link Five URL}{/block:IfCustomLinkFiveURL}">{text:Custom Link Five}</a>
  814.             {/block:IfCustomLinkFive}
  815.              
  816.             {block:IfCustomLinkSix}
  817.             <a href="{block:IfCustomLinkSixURL}{text:Custom Link Six URL}{/block:IfCustomLinkSixURL}">{text:Custom Link Six}</a>
  818.             {/block:IfCustomLinkSix}
  819.              
  820.         </div>
  821.  
  822.  
  823.     <div id="portrait">
  824.         <div class="portrait"></div>
  825.         <div id="desc">{Description}</div>
  826.     </div>
  827.  
  828.     <div id="sidebottom">
  829.         <div id="pages">
  830.        
  831.         {block:Pagination}<a href="#" class="load-more">load more</a>{/block:Pagination}
  832.        
  833.         </div>
  834.        
  835.         <div id="title">{title}</div>
  836.     </div>
  837.  
  838.  
  839. </article>
  840.  
  841.  
  842.  
  843.  
  844.  
  845.  
  846.  
  847.  
  848.  
  849.  
  850. {block:Posts}
  851. <article>
  852.    
  853. {block:Text}
  854.     {block:Title}
  855.     <h1><a href="{permalink}">{Title}</a></h1>{/block:Title}
  856.     {Body}
  857. {/block:Text}
  858.  
  859.  
  860.  
  861.  
  862. {block:Link}
  863.     <h1><a href="{URL}">{Name}</a></h1>
  864.     {block:Description}{Description}{/block:Description}
  865. {block:Link}
  866.  
  867.  
  868.  
  869.  
  870. {block:Photo}
  871.     {block:IndexPage}
  872.         <a href="#" class="artimg" 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">
  873.             <img class="img" src="{PhotoURL-HighRes}">
  874.         </a>
  875.     {/block:IndexPage}
  876.    
  877.     {block:PermalinkPage}
  878.         {block:HighRes}<a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>{/block:HighRes}
  879.     {block:PermalinkPage}
  880. {/block:Photo}
  881.  
  882.  
  883.  
  884.  
  885.  
  886. {block:Photoset}
  887.     {block:IndexPage}
  888.         <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  889.     {/block:IndexPage}
  890.  
  891.     {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  892. {/block:Photoset}
  893.  
  894.  
  895.  
  896.  
  897.  
  898.  
  899. {block:Chat}
  900.     <ul class="chat">
  901.         {block:Lines}
  902.             <li class="{Alt} user_{UserNumber}">
  903.         {block:Label}<span class="label">{Label}</span>{/block:Label}
  904.             {Line}
  905.         </li>
  906.         {/block:Lines}
  907.     </ul>
  908.  
  909.     {block:Title}
  910.         <h1><a href="{Permalink}">{Title}</a></h1>
  911.     {/block:Title}
  912. {/block:Chat}
  913.  
  914.  
  915.  
  916.  
  917.  
  918.  
  919.  
  920.  
  921.  
  922.  
  923. {block:Audio}
  924.     <div id="iaudio">
  925.         <div id="albart">
  926.             <div class="alart">
  927.                 {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  928.                 <div id="play">
  929.                     {block:AudioPlayer}<div class="play">
  930.                         {AudioPlayer}
  931.                     </div>{/block:AudioPlayer}
  932.                 </div>
  933.             </div>
  934.         </div>
  935.    
  936.         <div class="audioinfo">
  937.             {block:TrackName}{TrackName}{/block:TrackName} by
  938.             {block:Artist}{Artist}{/block:Artist}
  939.         </div>
  940.     </div>
  941. {/block:Audio}
  942.  
  943.  
  944.  
  945.  
  946.  
  947.  
  948. {block:Quote}
  949.     <h2>{Quote}</h2>
  950.     {block:Source}<div class="source">- {Source}</div>{/block:Source}
  951. {/block:Quote}
  952.  
  953.  
  954.  
  955.  
  956.  
  957. {block:Answer}
  958.     <div class="quest">
  959.         <span><img src="{AskerPortraitURL-30}"></span>
  960.         <div class="askr"><a href="{permalink}">{Asker}</a></div>
  961.         {Question}
  962.     </div>
  963.     {Answer}
  964. {/block:Answer}
  965.  
  966.  
  967.  
  968.  
  969. {block:Video}
  970.     <div class="video">{Video-500}</div>
  971. {/block:Video}
  972.  
  973.  
  974. {block:IndexPage}
  975.     {block:ifShowCaption}
  976.         {block:Caption}
  977.             <div class="cap">{Caption}</div>
  978.         {/block:Caption}
  979.     {/block:ifShowCaption}
  980.    
  981.     <div class="perma">
  982.         {block:Date}<a href="{permalink}">{TimeAgo}</a>{/block:Date}
  983.         <span class="noted">≡ {NoteCount}</span>
  984.     </div>
  985. {/block:IndexPage}
  986.  
  987.  
  988.  
  989.  
  990. {block:PermalinkPage}
  991.     {block:Date}
  992.         {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  993.    
  994.     <div class="perma">
  995.         <li>{ShortMonth} {DayOfMonthWithZero} — {TimeAgo} with {NoteCountWithLabel}</li>
  996.         {block:RebloggedFrom}
  997.             <li>via <a href="{ReblogRootURL}">{ReblogRootName}</a> source <a href="{ReblogParentURL}">{ReblogParentName}</a></li>
  998.         {/block:RebloggedFrom}
  999.        
  1000.        
  1001.     {block:PermalinkPagination}
  1002.         {block:PreviousPost}
  1003.             <li><a rel="prev" href="{PreviousPost}">{lang:Previous}</a> —
  1004.         {/block:PreviousPost}
  1005.         {block:NextPost}
  1006.             <a rel="next" href="{NextPost}">{lang:Next}<a/>  —  <a href="/random">Random post</a></li>
  1007.         {/block:NextPost}
  1008.     {/block:PermalinkPagination}
  1009.    
  1010.     {block:HasTags}
  1011.         <li class="tagged">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</li>
  1012.     {/block:HasTags}
  1013.     </div>
  1014.    
  1015.     {PostNotes}{/block:Date}
  1016. {/block:PermalinkPage}
  1017.  
  1018.  
  1019.  
  1020. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1021. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{block:NoSourceLogo}{/block:NoSourceLogo}{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1022.  
  1023.  
  1024.  
  1025. </article>
  1026. {/block:Posts}
  1027. <!--POSTS SECTION ENDS-->
  1028.  
  1029.  
  1030. </div>
  1031. </section>
  1032.  
  1033.  
  1034.  
  1035.  
  1036.  
  1037.  
  1038.  
  1039.  
  1040. </body>
  1041. </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!