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

Untitled

By: a guest on Aug 17th, 2012  |  syntax: None  |  size: 8.62 KB  |  hits: 6  |  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. <html>
  2. <head>
  3.  
  4. <meta name="color:Text" content="#000000"/>
  5. <meta name="font:Text" content="trebuchet ms"/>
  6. <meta name="color:TopbarBackground" content="dadada"/>
  7. <meta name="image:TopbarBackground" content="http://milkkcarton.com/triangles.png"/>
  8. <meta name="color:Links" content="#000000"/>
  9. <meta name="color:LinkHover" content="#dadada"/>
  10. <meta name="text:Linkone" content="Link One"/>
  11. <meta name="text:Linkoneurl" content="http://"/>
  12. <meta name="text:Linktwo" content="Link Two"/>
  13. <meta name="text:Linktwourl" content="http://"/>
  14.  
  15. <style type="text/css">
  16. body {
  17. margin: 0px;
  18. padding: 0px;
  19. color: {color:Text};
  20. font-family: {font:Text};
  21. font-size: 12px;
  22. background: #ffffff;
  23. }
  24. #container {
  25. width: 1200px;
  26. margin-top: 0px;
  27. margin-left: 0px;
  28. background: #ffffff;
  29. float: left;
  30. }
  31. #lol {
  32.     margin-left: 350px;
  33.     margin-top: 0px;
  34.     float: right;
  35. }
  36. #top {
  37.     margin-top: 0;
  38.     margin-left: 0;
  39.     width: 100%;
  40.     height: 100px;
  41.     background: {color:TopbarBackground} url('{image:TopbarBackground}');
  42.     background-repeat: repeat;
  43.     border-bottom: #000000 3px solid;
  44. }
  45. #box {
  46.     margin-left: 112px;
  47.     width: 150px;
  48.     height: 100px;
  49.     float: left;
  50. }
  51. a.box {
  52.     padding-left: 2px;
  53.     padding-right: 2px;
  54.     font-family: verdana;
  55.     line-height: 23px;
  56.     color: #ffffff;
  57.     display: block;
  58.     background-color: #000000;
  59.     border-bottom: #252525 2px solid;
  60.     text-decoration: none;
  61.      -webkit-transition: all 0.9s ease;
  62.         -moz-transition: all 0.9s ease;
  63.         -o-transition: all 0.9s ease;
  64. }
  65. a.box:hover {
  66.     text-align: right;
  67.     color: #000000;
  68.     background-color: #ffffff;
  69.     border-bottom: #dadada 2px solid;
  70.     text-decoration: none;
  71. }
  72. #main {
  73. padding: 5px;
  74. float: left;
  75. width: 1100px;
  76. background: #ffffff;
  77. color: #000000;
  78. min-height: 100%;
  79. margin-left: 100px;
  80. }
  81. .post {
  82.     width: 250px;
  83.     padding: 7px;
  84. }
  85. a {
  86. color: {color:Links};
  87. text-decoration: none;
  88.  -webkit-transition: all 0.9s ease;
  89.         -moz-transition: all 0.9s ease;
  90.         -o-transition: all 0.9s ease;
  91.         }
  92. a:hover {
  93. color: {color:LinkHover};
  94. border-bottom: #000000 1px solid;
  95. border: 0px;
  96. text-decoration: underline;
  97. }
  98. .caption img {
  99.     max-width: 250px;
  100. }
  101. .perma {
  102.     display: block;
  103.     font-family: verdana, arial;
  104.     font-size: 11px;
  105. }
  106. #ask_form {
  107. width: 450px;}
  108. #notes {
  109.     color: #dadada;
  110. }
  111.  
  112. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  113. #infscr-loading {display:none;}
  114. .navigation {display:none!important;}
  115.  
  116. </style>
  117.  
  118. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  119. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  120.  
  121. <!-- {block:IndexPage} -->
  122. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  123. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  124. <script type="text/javascript">
  125. $(window).load(function () {
  126. $('#main').masonry(),
  127. $('.masonryWrap').infinitescroll({
  128. navSelector : "div.navigation",
  129. // selector for the paged navigation (it will be hidden)
  130. nextSelector : ".navigation a#next",
  131. // selector for the NEXT link (to page 2)
  132. itemSelector : ".post",
  133. // selector for all items you'll retrieve
  134. bufferPx : 10000,
  135. extraScrollPx: 10000,
  136. loadingImg : "",
  137. loadingText : "<em></em>",
  138. },
  139. // call masonry as a callback.
  140. function() { $('#main').masonry({ appendedContent: $(this) }); }
  141. );
  142. });
  143. </script>
  144. <!-- {/block:IndexPage} -->
  145. </head>
  146.  
  147. <body>
  148.  
  149. <div id="top"><div id="box"><a href="/ask" class="box">ask</a><a href="/archive" class="box">archive</a>
  150.             <a href="{text:Linkoneurl}" class="box">{text:Linkone}</a><a href="{text:Linktwourl}" class="box">{text:Linktwo}</a><br>
  151.     {description}
  152. </div>
  153. <div id="container">
  154.  
  155. <div class="navigation">
  156. <p id="page_nav">
  157. {block:Pagination}{block:NextPage}<a href="{NextPage}" id="next">Next page</a>{/block:NextPage}<br>
  158. {block:PreviousPage}<a href="{PreviousPage}">Previous page</a>{/block:PreviousPage}{/block:Pagination}
  159.  
  160. </div>
  161. <div id="main">
  162.           {block:Posts}
  163.           <div class="post">
  164.                   {block:Text}
  165.                    
  166.                         {block:Title}
  167.                            <a href="{Permalink}">{Title}</a>
  168.                         {/block:Title}
  169.  
  170.                         {Body}
  171.                     <div class="perma">{block:Date}<a href="{Permalink}">Posted {TimeAgo}</a>{/block:Date} {block:NoteCount}with {NoteCountWithLabel} {/block:NoteCount}<br>{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags} {/block:HasTags}</div>
  172.                 {/block:Text}
  173.  
  174.                 {block:Photo}
  175.                    
  176.                         <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  177.  
  178.                         <div class="perma">{block:Date}<a href="{Permalink}">Posted {TimeAgo}</a>{/block:Date} {block:NoteCount}with {NoteCountWithLabel} {/block:NoteCount}<br>{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags} {/block:HasTags}</div>
  179.                    
  180.                 {/block:Photo}
  181.  
  182.                 {block:Photoset}
  183.                    
  184.                         {Photoset-250}
  185.  
  186.                         <div class="perma">{block:Date}<a href="{Permalink}">Posted {TimeAgo}</a>{/block:Date} {block:NoteCount}with {NoteCountWithLabel} {/block:NoteCount}<br>{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags} {/block:HasTags}</div>
  187.                 {/block:Photoset}
  188.  
  189.                 {block:Quote}
  190.                    
  191.                         "{Quote}"
  192. <div class="perma">{block:Date}<a href="{Permalink}">Posted {TimeAgo}</a>{/block:Date}{block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount}<br>{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags} {/block:HasTags}</div>
  193.                        
  194.                 {/block:Quote}
  195.  
  196.                 {block:Link}
  197.                    
  198.                         <a href="{URL}" class="link" {Target}>{Name}</a>
  199.  
  200.                         {block:Description}
  201.                             <div class="description">{Description}</div>
  202.                         {/block:Description}
  203.                     <div class="perma">{block:Date}<a href="{Permalink}">Posted {TimeAgo}</a>{/block:Date} {block:NoteCount}with {NoteCountWithLabel} {/block:NoteCount}<br>{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags} {/block:HasTags}</div>
  204.                 {/block:Link}
  205.  
  206.                 {block:Chat}
  207.                    
  208.                         {block:Title}
  209.                             <h3><a href="{Permalink}">{Title}</a></h3>
  210.                         {/block:Title}
  211.  
  212.                         <ul class="chat">
  213.                             {block:Lines}
  214.                                 <li class="{Alt} user_{UserNumber}">
  215.                                     {block:Label}
  216.                                         <span class="label">{Label}</span>
  217.                                     {/block:Label}
  218.  
  219.                                     {Line}
  220.                                 </li>
  221.                             {/block:Lines}
  222.                         </ul>
  223.                     </li>
  224.                     <div class="perma">{block:Date}<a href="{Permalink}">Posted {TimeAgo}</a>{/block:Date}{block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount}<br>{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags} {/block:HasTags}</div>
  225.                 {/block:Chat}
  226.  
  227.                 {block:Video}
  228.                    
  229.                         {Video-250}
  230.  
  231.                        <div class="perma">{block:Date}<a href="{Permalink}">Posted {TimeAgo}</a>{/block:Date} {block:NoteCount}with {NoteCountWithLabel} {/block:NoteCount}<br>{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags} {/block:HasTags}</div>
  232.                 {/block:Video}
  233.  
  234.                 {block:Audio}
  235.                    
  236.                         {AudioPlayerBlack}
  237.  
  238.                         <div class="perma">{block:Date}<a href="{Permalink}">Posted {TimeAgo}</a>{/block:Date} {block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount}<br>{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags} {/block:HasTags}</div>
  239.                 {/block:Audio}
  240.                 </div>
  241.  
  242. {block:permalinkpage}
  243. {block:Caption}
  244.                             <div class="caption">{Caption}</div>
  245.                         {/block:Caption}
  246.                        
  247. {block:PostNotes}<div id="notes">{PostNotes}</div>
  248.       {/block:PostNotes} {/block:permalinkpage}
  249.      
  250.       {/block:Posts}
  251. </p>
  252.  
  253. </div>
  254.  
  255. </div>
  256.  
  257. </body>
  258. </html>
create a new version of this paste RAW Paste Data