Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Aug 19th, 2012  |  syntax: None  |  size: 18.75 KB  |  hits: 11  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html>
  2.  
  3. <html lang="en">
  4.  
  5. <head>
  6.  
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <link rel="shortcut icon" href="{Favicon}"/>
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  10. {block:Description}
  11. <meta name="description" content="{MetaDescription}" />
  12. {/block:Description}    
  13. <title>{Title}</title>
  14.  
  15. <!--
  16.  
  17.      Designed by insprd for HTML5 & webkit
  18.      www.insprd.nu
  19.  
  20. -->
  21.  
  22. <!-- DEFAULT APPEARANCE -->
  23. <meta name="if:Enable Author" content="1"/>
  24. <meta name="if:Enable Note Count" content="1"/>
  25. <meta name="if:Enable Tags" content="1"/>
  26. <meta name="font:Body" content="Inconsolata, Menlo, Monaco, monospace"/>
  27. <meta name="font:Title" content="Inconsolata, Menlo, Monaco, monospace"/>
  28. <meta name="text:Font Size" content="12px"/>
  29. <meta name="text:Title Size" content="12px"/>
  30. <meta name="text:Twitter Username" content="insprd"/>
  31.  
  32.  
  33. <link href="http://static.tumblr.com/ogeggkb/FIHlog1dn/bench.css" media="screen" rel="stylesheet" type="text/css" />
  34. <link href="http://fonts.googleapis.com/css?family=Inconsolata" media="screen" rel="stylesheet" type="text/css" />
  35.  
  36.  
  37. {block:IndexPage}
  38.  
  39. <script src="http://static.tumblr.com/ogeggkb/aWsln5cn6/bench.js" type="text/javascript"></script>
  40.  
  41.  
  42. <script type="text/javascript">$(window).load(function () {$('#posts').masonry(),$('.masonryWrap').infinitescroll
  43. ({navSelector : "#nav",},function() { $('#posts').masonry({ appendedContent: $(this) }); });});</script>
  44.  
  45. {/block:IndexPage}
  46.  
  47. <style type="text/css">
  48.  
  49.  
  50. .masonry,.masonry .masonry-brick{
  51. -webkit-transition-duration:0.3s;
  52. -moz-transition-duration:0.3s;
  53. -o-transition-duration:0.3s;
  54. transition-duration:0.3s;
  55. -webkit-transition-easing:ease-out;
  56. -moz-transition-easing:ease-out;
  57. -o-transition-easing:ease-out;
  58. transition-easing:ease-out
  59. }
  60.  
  61. .masonry{
  62. -webkit-transition-property:height, width;
  63. -moz-transition-property:height, width;
  64. -o-transition-property:height, width;
  65. transition-property:height, width}
  66.  
  67. .masonry .masonry-brick{
  68. -webkit-transition-property:left, right, top;
  69. -moz-transition-property:left, right, top;
  70. -o-transition-property:left, right, top;
  71. transition-property:left, right, top
  72. }
  73.  
  74. .clearfix:after{
  75. content:'.';
  76. display:block;
  77. height:0;
  78. clear:both;
  79. visibility:hidden
  80. }
  81.  
  82. {block:PermalinkPage}
  83. .avatar {display: none;}
  84. {/block:PermalinkPage}
  85.  
  86. img,.image,.resource,.meta{display:block}
  87.  
  88. .images{margin-top:30px;margin-bottom:30px}
  89.  
  90. .image{
  91. float:left;
  92. margin:0 30px 30px 0;
  93. position:relative;
  94. list-style:none;
  95. background:#eee
  96. }
  97.  
  98. .text {
  99. float:left;
  100. margin:0 30px 30px 0;
  101. position:relative;
  102. list-style:none;
  103. background: #fff; }
  104.  
  105. .image.original{
  106. margin-right:auto;
  107. display:inline
  108. }
  109.  
  110. .image .meta{
  111. position:absolute;
  112. top:5px;
  113. left:5px;
  114. right:5px;
  115. bottom:5px;
  116. padding:15px;
  117. background:black;
  118. display:none
  119. }
  120.  
  121. .image .meta,.image .meta *{color:#fff; cursor: pointer;}
  122.  
  123. .image .meta .source{display:block}
  124.  
  125. .image .meta a{border:none;color:white}
  126.  
  127. .caption {float:left; margin-left:15px; width: 480px; }
  128.  
  129. .image:hover .meta{display:block}
  130.  
  131. .images.original{width:100%;clear:both}
  132.  
  133. *{font-size:inherit;line-height:inherit;font-weight:inherit;font-style:inherit;margin:0;padding:0;color:black;list-
  134.  
  135. style:none}
  136.  
  137.  
  138. body{
  139. font-size:{text:Font Size};
  140. line-height:16px;
  141. letter-spacing:1px;
  142. display:block;
  143. font-family:{font:Body};
  144. padding:16px 32px 96px;
  145. background:url("http://static.tumblr.com/ogeggkb/F8Nln5dba/grid.png") 46px 0;
  146. }
  147.  
  148.  
  149. header{margin-top:48px;margin-bottom:96px}
  150.  
  151. header h1{display:block;float:left;width:390px}
  152.  
  153. header nav{float:left}header ul{display:block}
  154.  
  155. header li{display:inline}
  156.  
  157. header li:after{content:' /'}
  158.  
  159. header li:last-child:after{content:''}
  160.  
  161. header a,header a:hover{border:none}
  162.  
  163. header a:hover {color:#999}
  164.  
  165. h1,h2 span{display:block;text-indent:130px}
  166.  
  167. h2 span{width:480px}
  168.  
  169. h3 span{display:block}
  170.  
  171. h1:after,h2 span:after,h3 span:after{content:'—';display:block}
  172.  
  173. header,content{display:block}
  174.  
  175. a{text-decoration:none;border-bottom:1px solid black}
  176.  
  177. a:hover{border-bottom-style:dotted}
  178.  
  179. h2 a{border:none}
  180.  
  181. h2 a:hover{border-bottom-width:1px}
  182.  
  183. p{margin-bottom:8px}
  184.  
  185. .no-margin{margin-bottom:0}
  186.  
  187. content nav{margin-top:16px;text-align:center}
  188.  
  189. a[target='_blank']:after{content:'\2192';padding-left:5px}
  190.  
  191. #pages_controller h2,#pages_controller h3,#pages_controller p{margin-bottom:16px}
  192.  
  193. #pages_controller h3{text-indent:130px;margin-top:32px}
  194.  
  195. #pages_controller content{width:780px}
  196.  
  197. {CustomCSS}
  198.  
  199. </style>
  200.  
  201. </head>
  202.  
  203. <body class="clearfix" id="images_controller">
  204. <div class="clearfix" id="page">
  205. <header class="clearfix">
  206. <h1><a href="/" style="font-size:{text:Title Size}; font-family:{font:Title};">{Title}</a></h1>
  207. <nav class="clearfix">
  208. <ul class="clearfix">
  209. <li><a href="/">Latest</a></li>
  210. <li><a href="/archive">Archive</a></li>
  211. <li><a href="/random">Random</a></li>
  212. </ul>
  213. <ul class="clearfix">
  214. <li><a href="/rss">RSS Feed</a></li>
  215. <li><a href="http://twitter.com/{text:Twitter Username}">@{text:Twitter Username}</a></li>
  216.  {block:HasPages}
  217. {block:Pages}
  218. <li><a href="{URL}">{Label}</a></li>
  219.  {/block:Pages}
  220. {/block:HasPages}
  221. {block:SubmissionsEnabled}
  222. <li><a href="/submit">{SubmitLabel}</a></li>
  223.  {/block:SubmissionsEnabled}
  224. {block:AskEnabled}
  225. <li><a href="/ask">{AskLabel}</a></li>
  226. {/block:AskEnabled}
  227. </ul>
  228. <div id="meta">
  229. {Description}
  230. </div>
  231. </nav>
  232. </header>
  233. <content class="clearfix">
  234. <h2>
  235. <span><a href="/">Content</a></span>
  236. </h2>
  237.  
  238.  
  239. <ul class="images clearfix infinitescroll" id="posts">
  240.  
  241. {block:Posts}
  242.  
  243. {block:IndexPage}
  244.  
  245.                
  246.                 {block:Photo}
  247.                     <li class="image">
  248.                         <a href="{Permalink}">
  249.                         <div class="resource">
  250.                         <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="360"
  251.  
  252. onclick="location.href='{Permalink}';" style="cursor: pointer" />
  253.                         </div>
  254.                         {block:Caption}
  255.                             <div class="meta" onclick="location.href='{Permalink}';">
  256.                             <h3>
  257.                             <span>{Caption}</span>
  258.                             </h3>
  259.                             </div>
  260.                         {/block:Caption}
  261.                         </a>
  262.                     </li>
  263.                 {/block:Photo}
  264.  
  265.  
  266.                 {block:Audio}
  267.                     <li class="image">
  268.                         <div class="resource" style="width: 360px; height: 130px;">
  269.                         <h1 style="padding-top: 10px;">Audio</h1>
  270.                             <div style="padding: 10px;">
  271.                             <h3>
  272.                             <span>{Caption}</span>
  273.                             </h3>
  274.                             </div>
  275.                         </div>
  276.                         {block:Caption}
  277.                             <div class="meta" onclick="location.href='{Permalink}';">
  278.                             <h3>
  279.                             <span>{Caption}</span>
  280.                             </h3>
  281.                             </div>
  282.                         {/block:Caption}
  283.                     </li>
  284.                 {/block:Audio}
  285.  
  286.  
  287.                 {block:Video}
  288.                     <li class="image">
  289.                         <a href="{Permalink}">
  290.                         <div class="resource" style="width: 360px; height: auto;">
  291.                         <h1 style="padding-top: 10px;">Video</h1>
  292.                             <div style="padding: 10px;">
  293.                             <h3>
  294.                             <span>{Caption}</span>
  295.                             </h3>
  296.                             </div>
  297.                         </div>
  298.                             <div class="meta" onclick="location.href='{Permalink}';">
  299.                             <h3>
  300.                             <span>{Caption}</span>
  301.                             </h3>
  302.                             </div>
  303.                         </a>
  304.                     </li>
  305.                 {/block:Video}
  306.  
  307.  
  308.                 {block:Text}
  309.                     <li class="image">
  310.                         <a href="{Permalink}">
  311.                         <div class="resource" style="width: 360px; height: auto;">
  312.                              {block:Title}
  313.                              <h1 style="padding-top: 10px;">{Title}</h1>
  314.                              {/block:Title}
  315.                              <div style="padding: 10px;">
  316.                              {body}
  317.                              </div>
  318.                         </div>
  319.                        
  320.                             <div class="meta" style="overflow: hidden;" onclick="location.href='{Permalink}';">
  321.                             <h3>
  322.                             <span>{Body}</span>
  323.                             </h3>
  324.                             </div>
  325.                        
  326.                         </a>
  327.                     </li>
  328.                 {/block:Text}
  329.  
  330.  
  331.  
  332.                 {block:Chat}
  333.                     <li class="image">
  334.                         <div class="resource" style="width: 360px; height: auto;">
  335.                         {block:Title}
  336.                             <h1 style="padding-top: 10px;"><a href="{Permalink}">{Title}</a></h1>
  337.                         {/block:Title}
  338.  
  339.                         <ul class="chat" style="padding: 10px;">
  340.                             {block:Lines}
  341.                                 <li class="{Alt} user_{UserNumber}">
  342.                                     {block:Label}
  343.                                         <span class="label">{Label}</span>
  344.                                     {/block:Label}
  345.  
  346.                                     {Line}
  347.                                 </li>
  348.                             {/block:Lines}
  349.                         </ul>
  350.                         </div>
  351.  
  352.  
  353.                             <div class="meta" style="overflow: hidden;" onclick="location.href='{Permalink}';">
  354.                             <h3>
  355.                             <span>{Title}</span>
  356.                             </h3>
  357.                             </div>
  358.  
  359.  
  360.  
  361.                     </li>
  362.                 {/block:Chat}
  363.  
  364.  
  365.  
  366.  
  367.                 {block:Link}
  368.                     <li class="image">
  369.                         <div class="resource" style="width: 360px; height: auto;">
  370.                             <h1 style="padding-top: 10px;">
  371.                             <a href="{URL}" class="link" {Target}>{Name}</a>
  372.                             </h1>
  373.                             {block:Description}
  374.                             <div style="padding: 10px;">
  375.                                 {Description}
  376.                             </div>
  377.                             {/block:Description}
  378.                         </div>
  379.  
  380.                             <div class="meta" style="overflow: hidden;" onclick="location.href='{URL}';">
  381.                             <h3>
  382.                             <span>{Name}</span>
  383.                             </h3>
  384.                             </div>
  385.                     </li>
  386.                 {/block:Link}
  387.  
  388.  
  389.  
  390.  
  391.                 {block:Quote}
  392.                     <li class="image">
  393.                         <a href="{Permalink}">
  394.                         <div class="resource" style="width: 360px; height: auto;">
  395.                             <h1 style="padding-top: 10px;">{Source}</h1>
  396.                             <div style="padding: 10px;">
  397.                             {block:Source}
  398.                                 <div class="source">"{Quote}"</div>
  399.                             {/block:Source}
  400.                         </div>
  401.  
  402.                             <div class="meta" style="overflow: hidden;" onclick="location.href='{Permalink}';">
  403.                             <h3>
  404.                             <span>{Source}</span>
  405.                             </h3>
  406.                             </div>
  407.                         </a>
  408.                     </li>
  409.                 {/block:Quote}
  410.  
  411.  
  412.  
  413. {/block:IndexPage}
  414.  
  415.  
  416. {block:PermalinkPage}
  417.  
  418.  
  419.                 {block:Photo}
  420.                     <li class="image">
  421.                         <div class="resource">
  422.                         {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="480" /></a>
  423.                         </div>
  424.                     </li>
  425.  
  426.                         {block:Caption}
  427.                             <div class="caption">
  428.                             <h3>
  429.                             <span>{Caption}</span>
  430.                             </h3>
  431.  
  432.                         {/block:Caption}
  433.  
  434.                 {/block:Photo}
  435.  
  436.  
  437.  
  438.                 {block:Video}
  439.                     <li class="image">
  440.                         <div class="resource">
  441.                         {Video-500}
  442.                         </div>
  443.                     </li>
  444.  
  445.                         {block:Caption}
  446.                             <div class="caption">
  447.                             <h3>
  448.                             <span>{Caption}</span>
  449.                             </h3>
  450.  
  451.                          {/block:Caption}
  452.                 {/block:Video}
  453.  
  454.  
  455.  
  456.                 {block:Audio}
  457.                     <li class="image">
  458.                         <div class="resource">
  459.                         {AudioPlayerBlack}
  460.                         </div>
  461.                     </li>
  462.  
  463.                         {block:Caption}
  464.                             <div class="caption">
  465.                             <h3>
  466.                             <span>{Caption}</span>
  467.                             </h3>
  468.  
  469.                          {/block:Caption}
  470.                 {/block:Audio}
  471.  
  472.  
  473.  
  474.  
  475.  
  476.                 {block:Text}
  477.                     <li class="text" style="background: transparent;">
  478.                         <div class="resource" style="width: 360px; height: auto;">
  479.                              {block:Title}
  480.                              <h1 style="margin-top: -5px;">{Title}</h1>
  481.                              {/block:Title}
  482.                         </div>
  483.                     </li>
  484.                        
  485.                             <div class="caption" style="margin-left: 5px;">
  486.                             <h3>
  487.                             <span>{Body}</span>
  488.                             </h3>
  489.                 {/block:Text}
  490.  
  491.  
  492.  
  493.  
  494.                 {block:Quote}
  495.                     <li class="image">
  496.                         <div class="resource" style="width: 480px; height: auto;">
  497.                             <h1 style="padding-top: 10px;">{Source}</h1>
  498.                             <div style="padding: 10px;">
  499.                             {block:Source}
  500.                                 <div class="source">"{Quote}"</div>
  501.                             {/block:Source}
  502.                         </div>
  503.                     </li>
  504.                 {/block:Quote}
  505.  
  506.  
  507.  
  508.                 {block:Chat}
  509.                     <li class="text" style="background: transparent;">
  510.                         <div class="resource" style="width: 360px; height: auto;">
  511.                         {block:Title}
  512.                             <h1><a href="{Permalink}">{Title}</a></h1>
  513.                         {/block:Title}
  514.                         </div>
  515.                     </li>
  516.  
  517.                             <div class="caption" style="margin-left: 5px;">
  518.                             <ul class="chat">
  519.                             {block:Lines}
  520.                                 <li class="{Alt} user_{UserNumber}">
  521.                                     {block:Label}
  522.                                         <span class="label">{Label}</span>
  523.                                     {/block:Label}
  524.  
  525.                                     {Line}
  526.                                 </li>
  527.                             {/block:Lines}
  528.                             </ul>
  529.                 {/block:Chat}
  530.  
  531.  
  532.  
  533.  
  534.  
  535.                            {block:Date}
  536.                            <div class="post-date">
  537.                            <p>Posted on<br/>
  538.                            <span>{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}</span></p>              
  539.  
  540.          
  541.                            </div>
  542.                            {block:IfEnableTags}
  543.                            {block:HasTags}
  544.                            <div class="post-tags">
  545.                            <p>Tagged as:</p>
  546.                            <p>{block:Tags}<a href="{TagURL}">#{Tag}</a>   {/block:Tags}</p>    
  547.                            </div>
  548.                            {/block:HasTags}
  549.                            {/block:IfEnableTags}
  550.                            
  551.                            {block:IfEnableNoteCount}
  552.                            {block:NoteCount}
  553.                            <div class="post-notes">
  554.                            <p>This post has<br/>
  555.                            <span>{NoteCountWithLabel}</span></p>
  556.                            </div>
  557.                            {/block:NoteCount}
  558.                            {/block:IfEnableNoteCount}
  559.                            
  560.                            {block:IfEnableAuthor}  
  561.                            {block:GroupMembers}
  562.                            <div class="post-author">
  563.                            <p>Posted by<br/>
  564.                            <a href="{PostAuthorURL}">{PostAuthorName}</a></p>
  565.                            </div>
  566.                            {/block:GroupMembers}
  567.                            {/block:IfEnableAuthor}
  568.                            {/block:Date}
  569.                            {block:RebloggedFrom}
  570.                            <div class="post-reblogged">Reblogged via <br/>
  571.                            <a href="{ReblogParentURL}">
  572.                            {ReblogParentName}</a></div>
  573.                            {/block:RebloggedFrom}
  574.  
  575.  
  576.                            {block:PostNotes}
  577.                            
  578.                            <div id="notes">
  579.                            {PostNotes}
  580.                            </div>
  581.                            {/block:PostNotes}
  582.  
  583.  
  584.  
  585.  
  586.                 {block:Chat}
  587.                             </div>
  588.  
  589.                 {/block:Chat}
  590.  
  591.  
  592.                 {block:Text}
  593.                             </div>
  594.  
  595.                 {/block:Text}
  596.  
  597.  
  598.                 {block:Video}
  599.                         {block:Caption}
  600.                             </div>
  601.                         {/block:Caption}
  602.  
  603.                 {/block:Video}
  604.  
  605.  
  606.                 {block:Audio}
  607.                         {block:Caption}
  608.                             </div>
  609.                         {/block:Caption}
  610.  
  611.                 {/block:Audio}
  612.  
  613.  
  614.                 {block:Photo}
  615.                         {block:Caption}
  616.                             </div>
  617.                         {/block:Caption}
  618.  
  619.                 {/block:Photo}
  620.  
  621.  
  622.                        
  623. {/block:PermalinkPage}
  624.  
  625.  
  626.  
  627. {/block:Posts}
  628. </ul>
  629.  
  630.  
  631.   <nav class="work">
  632.     {block:Pagination}
  633.  
  634.     <span class="last">
  635. {block:PreviousPage}
  636.   <a href="{PreviousPage}">&laquo; Previous</a>
  637. {/block:PreviousPage}
  638. </span>
  639.  
  640. {block:JumpPagination length="5"}
  641.  
  642. {block:CurrentPage}
  643.         <span class="page current current_page">
  644.   {PageNumber}
  645. </span>
  646. {/block:CurrentPage}
  647.  
  648. {block:JumpPage}
  649.         <span class="page">
  650.   <a class="jump_page" href="{URL}" rel="next">{PageNumber}</a>
  651. </span>
  652. {/block:JumpPage}
  653.  
  654. {/block:JumpPagination}
  655.  
  656.         <span class="page gap">...</span>
  657.  
  658.     <span class="next">
  659. {block:NextPage}
  660.   <a href="{NextPage}" rel="next">Next &rsaquo;</a>
  661. {block:NextPage}
  662. </span>
  663.  
  664.      {/block:Pagination}
  665.   </nav>
  666.  
  667.  
  668.  
  669. </content>
  670.  
  671.  
  672. </body>
  673.  
  674. </html>
create a new version of this paste RAW Paste Data