API tools faq
paste
Advertisement
Tyler_Elric

Untitled

Tyler_Elric
Nov 22nd, 2012
116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 18.17 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.     <head>
  5.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6.         <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  7.         <link rel="icon" href="{Favicon}"/>
  8.         <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  9.         {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.         <meta name="viewport" content="width=775"/> <!-- iPhone -->
  11.         <meta name="color:Background" content="#F0F"/>
  12.         <meta name="image:Header" content=""/>
  13.         <meta name="text:Google Analytics ID" content="" />        
  14.         <meta name="text:Disqus Shortname" content="" />    
  15.         <meta name="if:Show My Portrait" content="" />
  16.         <meta name="if:Huge Photos" content="" />
  17.         <meta name="if:Dark Layout" content="" />
  18.         <meta name="if:customBG" content="0"/>
  19.         <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  20.         <link rel="stylesheet" href="http://static.tumblr.com/zuw4687/29fmd75cg/amazium.css" type="text/css" media="screen" charset="utf-8" />  
  21.         <style type='text/css'>
  22.             body,html
  23.             {
  24.                 padding:0;
  25.                 margin:0;
  26.                 {block:IfcustomBG}
  27.                 background:{Background}
  28.                 {/block:IfcustomBG}
  29.                 {block:IfNotcustomBG}
  30.                 background:url("http://static.tumblr.com/zuw4687/ZvWmd6xlt/noisy-texture-6b0103.png") fixed;
  31.                 {/block:IfNotcustomBG}
  32.             }
  33.             a
  34.             {
  35.                 text-decoration:none;
  36.                 color:inherit;
  37.                 font-weight:bold;
  38.             }
  39.             a:hover
  40.             {
  41.                 text-decoration:underline;
  42.             }
  43.             a:active
  44.             {
  45.                 margin:0;
  46.             }
  47.             .title
  48.             {
  49.                 font-family: “Trebuchet MS”, sans-serif;
  50.                 font-size: 1.3em;
  51.                 font-style: normal;
  52.                 font-weight: bold;
  53.                 text-transform: normal;
  54.                 letter-spacing: -1px;
  55.                 line-height: 1.2em;
  56.             }
  57.             .rightAlign
  58.             {
  59.                 text-align:right;
  60.             }
  61.             .header.row
  62.             {
  63.                 color:#EEE;
  64.                 text-shadow: black 0 1px 1px, black 0 2px 1px, black 0 3px 1px, black 0 3px 1px;
  65.                 font-family: Helvetica, Arial, sans-serif;
  66.                 font-size: 2em;
  67.                 font-style: normal;
  68.                 font-weight: normal;
  69.                 text-transform: normal;
  70.                 letter-spacing: -3px;
  71.                 line-height: 1.2em;
  72.             }
  73.             .clearfix{clear:both;height:0;width:100%;display:block;}
  74.             .post.row
  75.             {
  76.                 background:#FFF;
  77.                 margin-top:1em;
  78.                 position:relative;
  79.                 z-index:1;
  80.                 font-family: Helvetica, Arial, sans-serif;
  81.                 font-size: 14px;
  82.                 font-style: normal;
  83.                 font-weight: normal;
  84.                 letter-spacing: normal;
  85.                 line-height: 1.5em;
  86.             }
  87.             .shareButton
  88.             {
  89.                 display:inline-block;
  90.                 background-color:#822;
  91.                 color:#FFF;
  92.                 text-align:right;
  93.                 padding:0 0 0 1em;
  94.                 font-family: Arial, Helvetica, sans-serif;
  95.                 font-size: 15px;
  96.                 color: #000000;
  97.                 background: -moz-linear-gradient(
  98.                     top,
  99.                     #f5f0f0 0%,
  100.                     #a8a8a8 25%,
  101.                     #8a8a8a);
  102.                 background: -webkit-gradient(
  103.                     linear, left top, left bottom,
  104.                     from(#f5f0f0),
  105.                     color-stop(0.25, #a8a8a8),
  106.                     to(#8a8a8a));
  107.                 -moz-border-radius: 15px;
  108.                 -webkit-border-radius: 15px;
  109.                 border-radius: 15px;
  110.                 border: 2px solid #590012;
  111.                 -moz-box-shadow:
  112.                 0px 1px 3px rgba(000,000,000,0.5),
  113.                 inset 0px 0px 10px rgba(130,12,12,0.3);
  114.                 -webkit-box-shadow:
  115.                 0px 1px 3px rgba(000,000,000,0.5),
  116.                 inset 0px 0px 10px rgba(130,12,12,0.3);
  117.                 box-shadow:
  118.                 0px 1px 3px rgba(000,000,000,0.5),
  119.                 inset 0px 0px 10px rgba(130,12,12,0.3);
  120.                 text-shadow:
  121.                 0px -1px 0px rgba(41,41,41,0.4),
  122.                 0px 1px 0px rgba(255,255,255,0.3);
  123.             }
  124.             .shareButton > .main
  125.             {
  126.                 display:inline-block;
  127.                 float:left;
  128.                 font-weight:bold;
  129.                 padding:1em .5em;
  130.             }
  131.             .shareButton > .slide
  132.             {
  133.                 display:inline-block;
  134.                 overflow:hidden;
  135.                 float:left;
  136.                 max-width:0%;
  137.                 width:0;
  138.                 -webkit-transition: max-width .5s ease-in-out;
  139.                 -moz-transition: max-width .5s ease-in-out;
  140.                 -o-transition: max-width .5s ease-in-out;
  141.                 transition: max-width .5s ease-in-out;
  142.             }
  143.             .shareButton > .slide,.shareButton:hover > .slide > a, .shareButton:hover > .slide > span
  144.             {
  145.                 max-width:100%;
  146.                 width:auto;
  147.             }
  148.             .shareButton:hover > .slide > a, .shareButton:hover > .slide > span
  149.             {
  150.                 padding:1em .5em;
  151.                 border-width:0 0 0 2px;
  152.             }
  153.             .shareButton > .slide > a, .shareButton > .slide > span
  154.             {
  155.                 float:left;
  156.                 display:inline-block;
  157.                 border-width:0;
  158.                 border-color:#444;
  159.                 border-style:solid;
  160.                 color:#222;
  161.                 padding:1em 0;
  162.                 max-width:0%;
  163.                 width:0;
  164.                 overflow:hidden;
  165.                 -webkit-transition: max-width,padding .5s ease-in-out;
  166.                 -moz-transition: max-width,padding .5s ease-in-out;
  167.                 -o-transition: max-width,padding .5s ease-in-out;
  168.                 transition: max-width,padding .5s ease-in-out;
  169.             }
  170.             .tags > .tag
  171.             {
  172.                 float:right;
  173.                 padding:.25em;
  174.             }
  175.             .tags > .tag > a, .tags > .tag > span {
  176.                 display: inline-block;
  177.                 background: #A55;
  178.                 padding: .25em;
  179.                 font-size: .8em;
  180.                 color: #EEE;
  181.             }
  182.             .effect7
  183.             {
  184.                 padding:20px 0;
  185.                   position:relative;
  186.                 -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.7), 0 0 40px 10px rgba(0, 0, 0, 0.3) inset;
  187.                    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.7), 0 0 40px 10px rgba(0, 0, 0, 0.3) inset;
  188.                         box-shadow:0 1px 4px rgba(0, 0, 0, 0.7), 0 0 40px 10px rgba(0, 0, 0, 0.3) inset;
  189.             }
  190.             .effect7:before, .effect7:after
  191.             {
  192.                 content:"*";
  193.                 position:absolute;
  194.                 z-index:-1;
  195.                 -webkit-box-shadow:0 0 20px rgba(0,0,30,0.8);
  196.                 -moz-box-shadow:0 0 20px rgba(0,0,30,0.8);
  197.                 box-shadow:0 0 20px rgba(0,0,0,30.8);
  198.                 top:0;
  199.                 bottom:0;
  200.                 left:10px;
  201.                 right:10px;
  202.                 -moz-border-radius:100px / 10px;
  203.                 border-radius:100px / 10px;
  204.             }
  205.             .effect7:after
  206.             {
  207.                 right:10px;
  208.                 left:auto;
  209.                 -webkit-transform:skew(8deg) rotate(3deg);
  210.                    -moz-transform:skew(8deg) rotate(3deg);
  211.                     -ms-transform:skew(8deg) rotate(3deg);
  212.                      -o-transform:skew(8deg) rotate(3deg);
  213.                         transform:skew(8deg) rotate(3deg);
  214.             }
  215.             blockquote > blockquote, blockquote > blockquote a {
  216.                 -webkit-margin-before: 0;
  217.                 -webkit-margin-after: 0;
  218.                 -webkit-margin-end: 0;
  219.                 -webkit-margin-start: 0;
  220.                 font-weight:normal;
  221.             }
  222.             .footer.row
  223.             {
  224.                 padding:0 0 1em 0;
  225.             }
  226.             .footer.row > .column
  227.             {
  228.                 background:#EEE;
  229.                 color:#333;
  230.                 font-family:"Arial";
  231.                 position:relative;
  232.                 z-index:0;
  233.                 box-shadow:rgba(0,0,0,.5) 0 3px 10px 4px;
  234.             }
  235.             .footer.row > .column > .padding
  236.             {
  237.                 border:3px dashed #333;
  238.                 border-width:0 3px 3px 3px;
  239.                 padding:1em;
  240.             }
  241.             .footer.row ul
  242.             {
  243.                 list-style-type:none;
  244.                 -webkit-margin-before: 0;
  245.                 -webkit-margin-after: 0;
  246.                 -webkit-margin-end: 0;
  247.                 -webkit-margin-start: 0;
  248.                 padding:0;
  249.             }
  250.             .footer.row ul li img
  251.             {
  252.                 vertical-align:middle;
  253.             }
  254.         </style>
  255.     </head>
  256.     <body>
  257.         <div class="header row" id="header">
  258.             <div class="grid_4 rightAlign">
  259.                 <h1><a href="/">{Title}</a></h1>
  260.             </div>
  261.             <div class="grid_4">
  262.                 <h3>{Description}</h3>
  263.             </div>
  264.             <div class="grid_4 rightAlign">
  265.                 <div style="display:inline-block;padding:5px;border-radius:0 0 5px 5px;background:#222;text-align:center;position:fixed;top:0;right:10%;z-index:3;-webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;" class="hide-phone" onmouseout="mouse_out();" onmouseover="set_opacity(1);" id="avatar_frame"><img src="{PortraitURL-128}" class="max-img" /></div>
  266.             </div>
  267.             <script type='text/javascript'>
  268.             var avatar = document.getElementById("avatar_frame");
  269.             var header = document.getElementById("header");
  270.             var set_opacity = (function(o){avatar.style.opacity=o;})
  271.             var mouse_out = (function(){
  272.                 if(window.pageYOffset>=header.clientHeight)
  273.                     set_opacity(.3);
  274.                 else set_opacity(1);
  275.             })
  276.             document.onscroll = mouse_out;
  277.             </script>
  278.         </div>
  279.         <div class="contentArea">
  280.             {block:Posts}<div class="post row effect7">
  281.                 <div class="grid_3 rightAlign">
  282.                     <p>Posted <span>{TimeAgo}</span>, on <span>{Month}, {DayOfMonth}<sup>{DayOfMonthSuffix}</sup> by <a href="{PostAuthorURL}">{PostAuthorName}</a></span></p>
  283.                     <div class="shareButton">
  284.                         <span class="main">Share!</span>
  285.                         <div class="slide">
  286.                             <a href="{ReblogURL}">Reblog</a>
  287.                             <a href="{ShortURL}">Link</a>
  288.                         </div>
  289.                         <div class="clearfix">&nbsp;</div>
  290.                     </div>
  291.                     {block:RebloggedFrom}
  292.                     <div>
  293.                         <p>Reblogged from: <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.</p>
  294.                         <p>Originally from:<a href="{ReblogRootURL}">{ReblogRootTitle}</a>.</p>
  295.                     </div>
  296.                     {/block:RebloggedFrom}
  297.                     <div class="permanav">
  298.                         {block:PreviousPost}
  299.                             <a href="{PreviousPost}">Previous</a>
  300.                         {/block:PreviousPost}
  301.                         {block:NextPost}
  302.                             <a href="{NextPost}">Next</a>
  303.                         {/block:NextPost}
  304.                     </div>
  305.                     {block:HasTags}<div class="tags">{block:Tags}
  306.                         <div class="tag"><a href="{TagURLChrono}">{Tag}</a></div>
  307.                     {/block:Tags}</div>{/block:HasTags}
  308.                 </div>
  309.                 <div class="grid_6">
  310.                     {block:Text}
  311.                         <h3 class="title">{Title}</h3>
  312.                         <p>{Body}</p>
  313.                     {/block:Text}
  314.                     {block:Quote}
  315.                         <h3 class="title">"{Quote}"</h3>
  316.                         {block:Source}<p>{Source}</p>{/block:Source}
  317.                     {/block:Quote}
  318.                     {block:Chat}
  319.                         <h3 class="title">{Title}</h3>
  320.                         <ul>{block:Lines}
  321.                             <li>{line}</li>
  322.                         {/block:Lines}</ul>
  323.                     {/block:Chat}
  324.                     {block:Link}
  325.                         <a href="{URL}" target="{TARGET}"><h3 class='title'>{Name}</h3></a>
  326.                         {block:Description}
  327.                             <p>{Description}</p>
  328.                         {/block:Description}
  329.                     {/block:Link}
  330.                     {block:Answer}
  331.                         <p>
  332.                             <div>{Asker}:</div>
  333.                             <div>{Question}</div>
  334.                         </p>
  335.                         <p>{Answer}</p>
  336.                     {/block:Answer}
  337.                     {block:Photo}
  338.                         {block:Caption}
  339.                             <p>{Caption}</p>
  340.                         {/block:Caption}
  341.                         {LinkOpenTag}<img src="{PhotoURL-500}" class="max-img" />{LinkCloseTag}
  342.                     {/block:Photo}
  343.                     {block:Audio}
  344.                         {block:Caption}
  345.                             <h3 class="title">{Caption}</h3>
  346.                         {/block:Caption}
  347.                         {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  348.                         {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  349.                         {block:PlayCount}<p>Played {FormattedPlayCount} times.</p>{/block:PlayCount}
  350.                     {/block:Audio}
  351.                     {block:Video}
  352.                         {Video-500}
  353.                         {block:Caption}
  354.                             <div class="caption">{Caption}</div>
  355.                         {/block:Caption}
  356.                     {/block:Video}
  357.                 </div>
  358.             </div>{/block:Posts}
  359.             {block:Pagination}
  360.                 <div class="post row effect7 pagination">
  361.                     <div class="grid_12">
  362.                     {block:PreviousPage}
  363.                         <a href="{PreviousPage}">Previous</a>
  364.                     {/block:PreviousPage}
  365.                     {block:JumpPagination length="5"}
  366.                         {block:CurrentPage}
  367.                             <span class="current_page">{PageNumber}</span>
  368.                         {/block:CurrentPage}        
  369.                         {block:JumpPage}
  370.                             <a class="jump_page" href="{URL}">{PageNumber}</a>
  371.                         {/block:JumpPage}
  372.                     {/block:JumpPagination}
  373.                     {block:NextPage}
  374.                         <a href="{NextPage}">Next</a>
  375.                     {/block:NextPage}
  376.                     </div>
  377.                 </div>
  378.             {/block:Pagination}
  379.         </div>
  380.         <div class="footer row">
  381.             <div class="grid_3 column"><div class="padding">
  382.                 {block:Following}<h3>I follow...</h3>
  383.                 <ul>{block:Followed}
  384.                     <li>
  385.                         <img src="{FollowedPortraitURL-48}"/>
  386.                         <a href="{FollowedURL}">{FollowedName}</a>
  387.                     </li>
  388.                 {/block:Followed}</ul>
  389.                 {/block:Following}
  390.             </div></div>
  391.             <div class="grid_3 column"><div class="padding">
  392.                 {block:Likes}
  393.                     {Likes limit="5"}
  394.                 {/block:Likes}
  395.             </div></div>
  396.             <div class="grid_3 column"><div class="padding">
  397.             {block:Twitter}
  398.                 <div id="twitter" style="display:none;">
  399.                     <h3><a href="http://twitter.com/{TwitterUsername}">Latest Tweets</a></h3>
  400.            
  401.                     <div id="tweets"></div>
  402.                 </div>
  403.                 <script type="text/javascript">
  404.                     function recent_tweets(data) {
  405.                         for (i=0; i<data.length; i++) {
  406.                            document.getElementById("tweets").innerHTML =
  407.                                document.getElementById("tweets").innerHTML +
  408.                                '<a href="http://twitter.com/{TwitterUsername}/status/' +
  409.                                (data[i].id_str ? data[i].id_str : data[i].id) +
  410.                                '"><div class="content">' + data[i].text +
  411.                                 '</div></a>';
  412.                         }
  413.                         document.getElementById("twitter").style.display = 'block';
  414.                     }
  415.                 </script>
  416.             {/block:Twitter}
  417.             </div></div>
  418.             <div class="grid_3 column"><div class="padding">
  419.                 <p>{Title} - Copyright @ {CopyrightYears}</p>
  420.                 <p>Theme by <a href="mailto:tyler9725@gmail.com">Tyler Elric</a>.</p>
  421.                 <p>Powered by Amazium.css</p>
  422.                 <div>
  423.                     <form action="/search" method="get">
  424.                         <input type="text" name="q" value="{SearchQuery}"/>
  425.                         <input type="submit" value="Search"/>
  426.                     </form>
  427.                 </div>
  428.                 <div class="bottom hide-phone">&nbsp;</div>
  429.             </div></div>
  430.         </div>
  431.         {block:Twitter}
  432.             <script type="text/javascript" src="/tweets.js"></script>
  433.         {/block:Twitter}
  434.     </body>
  435. </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!