API tools faq
paste
Advertisement
Guest User

aaaaaaaaaaaaaaaaaaa egg 2: the sequel

a guest
Jun 18th, 2018
72
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 22.62 KB | None | 0 0
raw download clone embed print report diff
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <!-- Matchmaker Theme by stylizedthemes.tumblr.com -->
  5.         <title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  6.         <link rel="shortcut icon" href="{Favicon}"/>
  7.         <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  8.         <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  9.         {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  10.         <meta charset="UTF-8" />
  11.         <meta name="viewport" content="width=1024"/>
  12.         <meta name="font:Body" content="Helvetica"/>
  13.         <meta name="color:Background" content="#ffffff"/>
  14.         <meta name="color:Accent" content="#999999"/>
  15.         <meta name="color:Post Containers" content="#422e44"/>
  16.         <meta name="color:Link Color" content="#fffff"
  17.        <meta name="image:Profile Photo" content=""/>
  18.         <meta name="image:Background Image" content="">
  19.         <meta name="text:Custom Link 1 URL" content=""/>
  20.         <meta name="text:Custom Link 1 Name" content=""/>
  21.         <meta name="text:Custom Link 2 URL" content=""/>
  22.         <meta name="text:Custom Link 2 Name" content=""/>
  23.         <meta name="text:Custom Link 3 URL" content=""/>
  24.         <meta name="text:Custom Link 3 Name" content=""/>
  25.         <meta name="text:Custom Link 4 URL" content=""/>
  26.         <meta name="text:Custom Link 4 Name" content=""/>
  27.         <meta name="if:Infinite Scrolling" content="0"/>
  28.         <!--[if (lte IE 8)]><script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  29.         <style type="text/css">
  30.         body {
  31.             color: {color:Accent};
  32.             background-color: {color:Background};
  33.             background-image: url({image:Background Image});
  34.             background-attachment: fixed;
  35.             background-position: bottom;
  36.             background-repeat: repeat-x;
  37.             background-size:100% 100%;
  38.             font-family: {font:Body};
  39.         }
  40.        
  41.         a {
  42.             color: {color:Link Color};
  43.         }
  44.        
  45.         /* containers */
  46.         .wrapper {
  47.             width: 865px;
  48.             margin: 0 auto;
  49.         }
  50.         .main {
  51.             float: right;
  52.             width: 580px;
  53.         }
  54.        
  55.         ul#posts {
  56.             margin-top: 2px;  
  57.         }
  58.        
  59.        
  60.         a {
  61.             color: {color:Accent};
  62.             text-decoration: none;
  63.         }
  64.        
  65.         a:hover {
  66.             color: {color:Accent};
  67.             text-decoration: none;
  68.         }
  69.        
  70.         ul {
  71.             list-style-type: none;
  72.             padding-left: 0;
  73.         }
  74.        
  75.         /* headings */
  76.         h1 {
  77.             width: 235px;
  78.             font-size: 18px;
  79.             line-height: 18px;
  80.             font-family: {font:Body};
  81.             color: {color:Accent};
  82.             background-color: {color:Post Containers};
  83.             margin-top: 0px;
  84.             margin-left: -10px;
  85.             margin-bottom: -22px;
  86.             padding: 5px;
  87.             text-align: right;
  88.             letter-spacing: -1px;
  89.             text-transform: lowercase;
  90.             font-weight: normal;
  91.         }
  92.         h1 a, h1 a:hover {
  93.             color: {color:Accent};
  94.         }
  95.         h2 {
  96.             font-size: 18px;
  97.             color: {color:Accent};
  98.         }
  99.         h3 {
  100.             color: {color:Accent};
  101.             font-size: 18px;
  102.             line-height: 18px;
  103.             margin-left: 5px;
  104.             margin-right: 5px;
  105.             margin-top: -5px;
  106.             margin-bottom: 0px;
  107.             font-family: {font:Body};
  108.             text-transform: lowercase;
  109.             font-weight: normal;
  110.             letter-spacing: -1px;
  111.         }
  112.         h4 {
  113.             font-size: 10px;
  114.             text-transform: uppercase;
  115.             letter-spacing: 1px;
  116.         }
  117.        
  118.         p#description {
  119.             width: 235px;
  120.             font-size: 11px;
  121.             line-height: 11px;
  122.             color: {color:Accent};
  123.             text-align: justify;
  124.             margin-left: -8px;
  125.             margin-right: 0px;
  126.             margin-bottom: -15px;
  127.             padding: 10px 5px 10px 5px;
  128.             background-color: {color:Post Containers};
  129.         }
  130.        
  131.         /* header */
  132.         header {
  133.             float: left;
  134.             position: fixed;
  135.             width: 270px;
  136.             padding: 6px 6px 12px 6px;
  137.             margin-top: 15px;
  138.             text-align: left;
  139.             background-color: {color:Post Containers};
  140.             border-radius: 10px;
  141.         }
  142.         .profile-photo {
  143.             float: left;
  144.             margin-top: 11px;
  145.             margin-left: -5px;
  146.             margin-bottom: 5px;
  147.             padding: 0px;
  148.             width: 240px;
  149.             height: auto;
  150.             border: 0px solid #fff;
  151.         }
  152.  
  153.         nav {
  154.             color: {color:Accent};
  155.             background-color: {color:Post Containers};
  156.             clear: both;
  157.         }
  158.        
  159.         ul.sidelinks {
  160.             font-size: 9px;
  161.             margin-left: 12px;
  162.             text-align: left;
  163.         }
  164.         ul.sidelinks li {
  165.             color: {color:Link Color};
  166.             text-align: center;  
  167.             display: inline;
  168.         }
  169.         a.sidelink {
  170.             width: 244px;
  171.             color: {color:Link Color};
  172.             background-color: transparent;
  173.             text-align: center;
  174.             text-transform: lowercase;
  175.             text-decoration: none;
  176.             display: inline;
  177.             padding: 3px 7px 3px 7px;
  178.             margin-bottom: 1px;
  179.             font-size: 10px;
  180.             line-height: 16px;
  181.             font-weight: normal;
  182.         }
  183.         a.sidelink:hover {
  184.             width: 244px;
  185.             color: {color:Accent};
  186.             background-color: transparent;
  187.             text-align: center;
  188.             text-transform: lowercase;
  189.             text-decoration: underline;
  190.             font-weight: normal;
  191.             display: inline;
  192.             padding: 3px 7px 3px 7px;
  193.             margin-bottom: 1px;
  194.         }
  195.        
  196.        
  197.         ul.sidelinks li {
  198.             text-align: left;  
  199.             display: block;
  200.         }
  201.        
  202.         /* main post styles */
  203.         .post {
  204.             width: 500px;
  205.             float: left;
  206.             background-color: {color:Post Containers};
  207.             margin-bottom: 0px;
  208.             margin-left: 2px;
  209.             margin-right: 2px;
  210.             padding: 10px;
  211.             border-radius: 10px;
  212.             overflow: hidden;
  213.         }
  214.        
  215.         /* adds padding to things in a post */
  216.         .content {
  217.             padding: 10px 20px;
  218.             font-size: 12px;
  219.             line-height: 120%;
  220.         }
  221.        
  222.         /* text post styles */
  223.         .text p {
  224.             font-size: 12px;
  225.             line-height: 120%;
  226.             text-align: justify;
  227.             -webkit-hyphens: auto;
  228.             -moz-hyphens: auto;
  229.             -ms-hyphens: auto;
  230.             -o-hyphens: auto;
  231.             hyphens: auto;
  232.         }
  233.         .text ul {
  234.             list-style-type: square;
  235.             font-size: 12px;
  236.             padding-left: 20px;
  237.         }
  238.         blockquote {
  239.             color: {color:Accent};
  240.             background-color: transparent;
  241.             font-size: 12px;
  242.             line-height: 110%;
  243.             padding: 4px;
  244.             margin: 6px 1px;
  245.             font-style: italic;
  246.             border-left: 2px solid {color:Accent};
  247.         }
  248.        
  249.         .post img {
  250.             width: 500px;
  251.             height: auto;
  252.             display: block;
  253.         }
  254.        
  255.         /* who even uses chat posts? */
  256.         .chat {
  257.             font-size: 13px;
  258.             line-height: 16px;
  259.         }
  260.         .chat .label {
  261.             font-weight: bold;
  262.             text-align: right;
  263.         }
  264.         .chat li {
  265.             border-bottom: 0px solid #fff;
  266.             padding-top: 6px;
  267.             padding-bottom: 6px;
  268.         }
  269.         .chat li:last-child {
  270.             border-bottom: none;  
  271.         }
  272.        
  273.         a img.credit {
  274.             position: fixed;
  275.             bottom: 0;
  276.             right: 0;
  277.         }
  278.        
  279.         /* if upscale small images is off, under 400px/700px wide images will have a background */
  280.         .imgback {
  281.             background-color: transparent;
  282.         }
  283.        
  284.         /* contain text images */
  285.         .text p img {
  286.             max-width: 100%;
  287.         }
  288.        
  289.         /* shown on the permalink page; has notes, source, and time posted */
  290.         .perma-info {
  291.             color: {color:Background};
  292.             background-color: {color:Post Containers};
  293.             font-size: 13px;
  294.             line-height: 18px;
  295.             font-weight: normal;
  296.             padding: 5px 10px 5px 10px;
  297.             overflow:hidden;
  298.         }
  299.         .perma-info a, .perma-info a:hover {
  300.             color: {color:#422e44;
  301.             text-decoration: none;
  302.         }
  303.        
  304.         /* notes stuff */
  305.         ol.notes {
  306.             list-style-type: none;
  307.             padding-left: 0;
  308.         }
  309.         .note {
  310.             padding: 4px;
  311.             border-bottom: 1px solid {color:Background};
  312.         }
  313.         .note:last-child {
  314.             border-bottom: 0;
  315.             margin-bottom: 10px;
  316.         }
  317.          .note blockquote {
  318.             color: {color:Background};
  319.             background-color: transparent;
  320.             border: none;
  321.         }
  322.        
  323.         /* info bar on index page posts */
  324.         .index-info {
  325.             color: {color:Background};
  326.             background-color: {color:Accent};
  327.             font-size: 11px;
  328.             line-height: 24px;
  329.             font-weight: normal;
  330.             margin-top: 5px;
  331.             padding-left: 15px;
  332.             padding-right: 15px;
  333.             overflow:hidden;
  334.             border-radius: 5px;
  335.         }
  336.         .index-info a, .index-info a:hover {
  337.             color: {color:Background};
  338.             text-decoration: none;
  339.         }
  340.        
  341.         /* remove blank space from bottom of photoset posts */
  342.         iframe.photoset {
  343.             display: block;  
  344.         }
  345.        
  346.         /* line */
  347.         hr {
  348.             clear: both;
  349.             border: 0;
  350.             border-bottom: 1px solid {color:Background};
  351.             margin: 15px 10px;
  352.         }
  353.        
  354.        
  355.        
  356.         /* fix height of element with floats inside */
  357.         .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
  358.         .clearfix:after { clear: both; }
  359.         .clearfix { zoom: 1; }
  360.        
  361.         /* remove border on linked images in IE */
  362.         a img {
  363.             border: 0;  
  364.         }
  365.        
  366.         /* you shouldn't see this div if infinite scroll is on */
  367.         div.pagination {
  368.             background-color: none;
  369.             margin-bottom: 10px;
  370.             clear: both;
  371.             text-align: center;
  372.         }
  373.        
  374.         /* previous and next page buttons */
  375.         #previous, #next, .page-info {
  376.             color: #fff;
  377.             font-family: {font:Body};
  378.             font-size: 12px;
  379.             background-color: {color:Post Containers};
  380.             padding: 3px 7px 3px 7px;
  381.             border-radius: 15px;
  382.         }
  383.        
  384.                 /* icons next to notes */
  385.         .reblog {background: transparent url('http://static.tumblr.com/anzluor/nF5ml4elu/reblog.png') right center no-repeat;}
  386.         .like {background: transparent url('http://static.tumblr.com/anzluor/O7Nml4ekz/like.png') right center no-repeat;}
  387.        
  388.         /* tumblr reblog button */
  389.         .reblog_button {
  390.             float: right;
  391.             margin-left: 8px;
  392.             margin-top: 3px;
  393.         }
  394.        
  395.         /* special styling for permalink pages */
  396.         {block:PermalinkPage}
  397.  
  398.             .wrapper {
  399.                 width: 865px;
  400.             }
  401.  
  402.             .main {
  403.                 width: 580px;  
  404.             }
  405.             .post {
  406.                 float: none;
  407.                 margin-left: 2px;
  408.                 margin-right: 2px;
  409.                 width: 500px;
  410.             }
  411.             .post img {
  412.                 width: 500px;
  413.                 height: auto;
  414.                 opacity: 1;
  415.             }
  416.         {/block:PermalinkPage}
  417.        
  418.         /* make sure avatars don't get huge */
  419.         img.avatar {
  420.             width: 30px;
  421.             height: 30px;
  422.             vertical-align: middle;
  423.             display: inline;
  424.             margin-right: 5px;
  425.         }
  426.        
  427.         {CustomCSS}
  428.         </style>
  429.     </head>
  430.     <body>
  431.         <div class="wrapper">
  432.         <header class="clearfix">
  433.        
  434.         <div class="content">
  435.                
  436.                     {block:IfProfilePhotoImage}<img class="profile-photo" src="{image:Profile Photo}" alt="" />{/block:IfProfilePhotoImage}
  437.         {block:IfNotProfilePhotoImage}<img class="profile-photo" src="{PortraitURL-128}" alt="" />{/block:IfNotProfilePhotoImage}
  438.        
  439.         <h1>{Title}</h1>
  440.        
  441.         {block:Description}
  442.             <p id="description">{Description}</p>
  443.         {/block:Description}
  444.         </div>
  445.        
  446.         <nav>
  447.             <ul class="sidelinks">
  448.                 {block:HasPages}
  449.                     {block:Pages}
  450.                     <a class="sidelink" href="{URL}">{Label}</a> //
  451.                     {/block:Pages}
  452.                 {/block:HasPages}
  453.                
  454.                 {block:AskEnabled}<a class="sidelink" href="/ask">{AskLabel}</a> //{/block:AskEnabled}
  455.                
  456.                 {block:SubmissionsEnabled}<a class="sidelink" href="/submit">{SubmitLabel}</a> //{/block:SubmissionsEnabled}
  457.                
  458.                 <a class="sidelink" href="/archive">{lang:Archive}</a> //
  459.                
  460.                 <a class="sidelink" href="/random">{lang:Random}</a> //
  461.                
  462.                 <a class="sidelink" href="/">Home</a>
  463.                
  464.                 <br />
  465.                
  466.                 {block:IfCustomLink1URL}
  467.                     <a class="sidelink" href="{text:Custom Link 1 URL}">{text:Custom Link 1 Name}</a> //
  468.                 {/block:IfCustomLink1URL}
  469.                
  470.                 {block:IfCustomLink2URL}
  471.                     <a class="sidelink" href="{text:Custom Link 2 URL}">{text:Custom Link 2 Name}</a> //
  472.                 {/block:IfCustomLink2URL}
  473.                 {block:IfCustomLink3URL}
  474.                     <a class="sidelink" href="{text:Custom Link 3 URL}">{text:Custom Link 3 Name}</a> //
  475.                 {/block:IfCustomLink3URL}
  476.                
  477.                 {block:IfCustomLink4URL}
  478.                     <a class="sidelink" href="{text:Custom Link 4 URL}">{text:Custom Link 4 Name}</a>
  479.                 {/block:IfCustomLink4URL}
  480.                
  481.                 <br />
  482.                
  483.                 <a class="sidelink" href="http://stylizedthemes.tumblr.com/" title="Get this theme!">Theme</a>
  484.             </ul>
  485.         </nav>
  486.  
  487.         </header>
  488.        
  489.         <div class="main">
  490.  
  491.         <ul id="posts">
  492.             {block:Posts}
  493.                 <li class="post {PostType}">
  494.                                
  495.                 {block:Text}
  496.                     {block:Title}
  497.                         <h3>{Title}</h3>
  498.                     {/block:Title}
  499.  
  500.                     <div class="content">{Body}</div>
  501.                 {/block:Text}
  502.                
  503.                
  504.                 {block:Answer}
  505.                     <div class="content">
  506.                         <img class="avatar" style="float:left" src="{AskerPortraitURL-30}"/>
  507.                         <p>{lang:Asker asked}: <b>{Question}</b></p>
  508.                     </div>
  509.  
  510.                     <div class="content">{Answer}</div>
  511.                 {/block:Answer}
  512.                
  513.  
  514.                 {block:Photo}
  515.                     {block:IndexPage}
  516.                         <div class="imgback"><center><a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" /></a></center></div>
  517.                     {/block:IndexPage}
  518.                     {block:PermalinkPage}
  519.                         <div class="imgback"><center>{LinkOpenTag}<img src="{PhotoURL-1280}" alt="{PhotoAlt}" />{LinkCloseTag}</center></div>
  520.                     {/block:PermalinkPage}
  521.  
  522.                     {block:PermalinkPage}{block:Caption}
  523.                         <div class="content">{Caption}</div>
  524.                     {/block:Caption}{/block:PermalinkPage}
  525.                 {/block:Photo}
  526.                
  527.  
  528.                 {block:Photoset}
  529.                     {block:IndexPage}
  530.                         {Photoset-500}
  531.                     {/block:IndexPage}
  532.                     {block:PermalinkPage}
  533.                         {Photoset-500}
  534.                     {/block:PermalinkPage}
  535.  
  536.                     {block:PermalinkPage}{block:Caption}
  537.                         <div class="content">{Caption}</div>
  538.                     {/block:Caption}{/block:PermalinkPage}
  539.                 {/block:Photoset}
  540.                
  541.  
  542.                 {block:Quote}
  543.                     <div class="content"><blockquote>"{Quote}"</blockquote>
  544.  
  545.                     {block:Source}
  546.                         <p style="text-align: right">&mdash; {Source}</p></div>
  547.                     {/block:Source}
  548.                 {/block:Quote}
  549.                
  550.  
  551.                 {block:Link}
  552.                 <h3><a href="{URL}" class="link" {Target}>{Name} &rarr;</a></h3>
  553.  
  554.                     {block:Description}
  555.                         <div class="content">{Description}</div>
  556.                     {/block:Description}
  557.                 {/block:Link}
  558.                
  559.  
  560.                 {block:Chat}
  561.                     {block:Title}
  562.                         <h3><a href="{Permalink}">{Title}</a></h3>
  563.                     {/block:Title}
  564.                     <div class="content">
  565.                     <ul class="chat">
  566.                         {block:Lines}
  567.                             <li class="{Alt} user_{UserNumber}">
  568.                                 {block:Label}
  569.                                     <span class="label">{Label}</span>
  570.                                 {/block:Label}
  571.  
  572.                                 <span class="line">{Line}</span>
  573.                             </li>
  574.                         {/block:Lines}
  575.                     </ul>
  576.                     </div>
  577.                 {/block:Chat}
  578.                
  579.  
  580.                 {block:Video}
  581.                     {block:IndexPage}
  582.                         {Video-500}
  583.                     {/block:IndexPage}
  584.                     {block:PermalinkPage}
  585.                         {Video-500}
  586.                     {/block:PermalinkPage}
  587.  
  588.                     {block:Caption}
  589.                         <div class="content">{Caption}</div>
  590.                     {/block:Caption}
  591.                 {/block:Video}
  592.                
  593.  
  594.                 {block:Audio}
  595.                     {block:AlbumArt}
  596.                         <img src="{AlbumArtURL}" width="500" title="Album art" alt="Album art" />
  597.                     {/block:AlbumArt}
  598.                     {AudioPlayerBlack}
  599.  
  600.                     {block:Caption}
  601.                         <div class="content">{Caption}</div>
  602.                     {/block:Caption}
  603.                 {/block:Audio}
  604.                
  605.                 {block:IndexPage}
  606.                 <div class="index-info">
  607.                     <a class="postnotes" href='{Permalink}'>{NoteCountWithLabel}</a>
  608.  
  609.                    
  610.                     {block:Date}<a style="float:right; text-align: right" class="timeago" href='{Permalink}'>{TimeAgo}</a>{/block:Date}
  611.                    
  612.                 </div>
  613.                 {/block:IndexPage}
  614.                
  615.                 {block:PermalinkPage}
  616.                 {block:PermalinkPagination}
  617.                 <div class="perma-info">
  618.                
  619.                 {block:PostNotes}<a class="postnotes" href='{Permalink}'>{NoteCountWithLabel}</a>{/block:PostNotes}
  620.                 {block:ContentSource}&nbsp;&mdash;&nbsp;<a href="{SourceURL}">Source</a>{/block:ContentSource}
  621.                 {block:RebloggedFrom} (<a href="{ReblogParentURL}">via</a>){/block:RebloggedFrom}
  622.  
  623.                 {block:Date}<a style="float:right; text-align: right" class="timeago" href='{Permalink}'>{TimeAgo}</a>{/block:Date}
  624.                
  625.                 {block:PostNotes}
  626.                     <hr />
  627.                     {PostNotes-64}
  628.                 {/block:PostNotes}
  629.                 </div>
  630.                 {/block:PermalinkPagination}
  631.                 {/block:PermalinkPage}
  632.                 </li>
  633.             {/block:Posts}
  634.         </ul>
  635.         <div class="pagination">
  636.             {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" id="next">&laquo; {lang:Previous Page}</a> {/block:PreviousPage}
  637.            
  638.             <span class="page-info">{lang:CurrentPage of TotalPages}</span>
  639.            
  640.             {block:NextPage}<a href="{NextPage}" id="next">{lang:Next Page} &raquo;</a>{/block:NextPage}{/block:Pagination}
  641.         </div>
  642.       </div>
  643.     </div>
  644.     <a href="http://stylizedthemes.tumblr.com/" alt="Tumblr Themes" title="Get this theme!"><img class="credit" src="http://static.tumblr.com/ohnymtu/6c6mzbk90/credit1.png" alt="" /></a>
  645.     {block:IndexPage}
  646.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
  647.         {block:IfInfiniteScrolling}<script src="http://static.tumblr.com/anzluor/98Ymoinyd/jquery.infinitescroll.min.js"></script>{/block:IfInfiniteScrolling}
  648.         <script src="http://static.tumblr.com/anzluor/3H8mp4qek/masonry.pkgd.min.js"></script>
  649.         <script>
  650.         $(function(){
  651.             var container = $('ul#posts');
  652.  
  653.             container.imagesLoaded( function(){
  654.                 container.masonry({
  655.                     itemSelector : 'li.post'
  656.                 });
  657.             });
  658.            
  659.             {block:IfInfiniteScrolling}
  660.             container.infinitescroll({
  661.                 navSelector  : 'div.pagination',    
  662.                 nextSelector : 'div.pagination a#next',
  663.                 itemSelector : 'li.post',
  664.                 },
  665.                 function( newElements ) {
  666.                     var $newElems = $( newElements ).css({ opacity: 0 });
  667.                     $newElems.imagesLoaded(function(){
  668.                         $newElems.animate({ opacity: 1 });
  669.                         container.masonry( 'appended', $newElems, true );
  670.                     });
  671.                 }
  672.             );
  673.             {/block:IfInfiniteScrolling}
  674.         });
  675.         </script>
  676.         {/block:IndexPage}
  677.  
  678.     </body>
  679. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!