API tools faq
paste
Advertisement
ipads

Lewis Theme

ipads
Feb 8th, 2013
5,757
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.15 KB | None | 0 0
raw download clone embed print report
  1.     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.     <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <!-- This theme was made by Zak (individul.tumblr.com)
  4.     do not remove the credit or you will die -->
  5.     <head>
  6.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  7.     <title>{Title}{block:SearchPage} | {SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
  8.     <link rel="shortcut icon" href="{Favicon}">
  9.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.      
  12.     <meta name="text:Stats Codes">
  13.     <meta name="text:Link 1"/>
  14.     <meta name="text:Link 1 Title"/>
  15.     <meta name="text:Link 2"/>
  16.     <meta name="text:Link 2 Title"/>
  17.     <meta name="text:Link 3"/>
  18.     <meta name="text:Link 3 Title"/>
  19.     <meta name="text:Link 4"/>
  20.     <meta name="text:Link 4 Title"/>
  21.     <meta name="text:Link 5"/>
  22.     <meta name="text:Link 5 Title"/>
  23.     <meta name="text:Link 6"/>
  24.     <meta name="text:Link 6 Title"/>
  25.     <meta name="text:Link 7"/>
  26.     <meta name="text:Link 7 Title"/>
  27.     <meta name="text:Link 8"/>
  28.     <meta name="text:Link 8 Title"/>
  29.     <meta name="text:Link 9"/>
  30.     <meta name="text:Link 9 Title"/>
  31.     <meta name="image:Background" content="" />
  32.     <meta name="color:Background" content="#FFFFFF" />
  33.     <meta name="text:Blog title size" content="75px" />
  34.     <meta name="if:Infinite scroll" content="1" />
  35.     <meta name="color:Body text" content="#444444" />
  36.     <meta name="color:Blog title" content="#000000" />
  37.     <meta name="image:Banner"/>
  38.     <meta name="if:Banner"/>
  39.     <meta name="text:Banner Width" content="500px">
  40.     <meta name="text:Updates">
  41.     <meta name="color:Links">
  42.     <meta name="color:Hover">
  43.      
  44.      
  45.     <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  46.     <script type="text/javascript" src="http://static.tumblr.com/jw8fmba/zSXlt5psm/theme.js"></script>
  47.     <script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
  48.     <link href='http://fonts.googleapis.com/css?family=Clicker+Script|Megrim' rel='stylesheet' type='text/css'>
  49.      
  50.     <style type="text/css">
  51.      
  52.     a:link, a:active, a:visited{
  53.     color:{color:links};
  54.     text-decoration: none;
  55.     -webkit-transition: color 0.4s ease-out;
  56.     -moz-transition: color 0.4s ease-out;
  57.     }
  58.      
  59.     a:hover{
  60.     text-decoration:none;
  61.     color:{color:hover};
  62.     }
  63.     @import url(http://static.tumblr.com/jw8fmba/pXhlt5pzb/bebasneue.css);
  64.     html,body {
  65.         margin: 0;
  66.         font-size: 12px;
  67.             line-height: 160%;
  68.     }
  69.     * {
  70.             font-family: Calibri, Helvetica, Arial, sans-serif;
  71.             color: {color:Body text};
  72.     }
  73.     a img {
  74.             border: none;
  75.     }
  76.     a {
  77.             color: inherit;
  78.             font-size: inherit;
  79.     }
  80.     em,em a,a em {
  81.             font-family: Georgia, "Times New Roman", Times, serif;
  82.             font-style: italic;
  83.     }
  84.     blockquote {
  85.             margin: 0;
  86.             padding: 0 0 0 9px;
  87.             border-left: 1px #CCC dotted;
  88.     }
  89.     .heading {
  90.             position: relative;
  91.             width: auto;
  92.             margin: 50px auto 25px auto;
  93.             text-align: center;
  94.     }
  95.     .heading a {
  96.             text-decoration: none;
  97.     }
  98.     .heading .title h1 {
  99.             margin: 0;
  100.             line-height: 100%;
  101.             font-family: megrim;
  102.             font-weight: normal;
  103.             font-size: {text:Blog title size};
  104.             color: {color:Blog title};
  105.     }
  106.     .heading .menu_item {
  107.             margin: 0 5px;
  108.     }
  109.     .posts {
  110.             position: relative;
  111.             margin: 25px auto;
  112.             {block:IndexPage}
  113.             width: 1242px;
  114.             {/block:IndexPage}
  115.             {block:PermalinkPage}
  116.             width: 410px;
  117.             {/block:PermalinkPage}
  118.     }
  119.     .post {
  120.             float: left;
  121.             position: relative;
  122.             margin: 5px;
  123.     }
  124.     .post h2 {
  125.             margin: 0;
  126.             font-size: 16px;
  127.             line-height: 18px;
  128.             letter-spacing: 1px;
  129.             font-weight: normal;
  130.     }
  131.     .post h3 {
  132.             margin: 5px 0;
  133.             font-size: 14px;
  134.             line-height: 16px;
  135.             letter-spacing: 1px;
  136.             font-weight: normal;
  137.     }
  138.     .post h2.quote {
  139.             font-family: Georgia, "Times New Roman", Times, serif;
  140.             letter-spacing: 0;
  141.             font-style: italic;
  142.     }
  143.     .post p,.post li {
  144.             line-height: 175%;
  145.     }
  146.     .post p {
  147.             margin: 10px 0 5px 0;
  148.     }
  149.     .post ol,.post ul {
  150.             margin: 3px 0;
  151.             padding: 0;
  152.     }
  153.     .post li {
  154.             margin: 2px 35px;
  155.     }
  156.     .post .info_bar {
  157.             width: 300px;
  158.             background: #FFF;
  159.             padding: 2px 0;
  160.             text-align: center;
  161.             position: absolute;
  162.             bottom: 10px;
  163.             left: 0;
  164.             color: #CCC;
  165.             font-size: 11px;
  166.             opacity: 0;
  167.             -webkit-transition: all 0.25s ease;
  168.             -moz-transition: all 0.25s ease;
  169.             -o-transition: all 0.25s ease;
  170.             transition: all 0.25s ease;
  171.             {block:PermalinkPage}
  172.             display: none;
  173.             {/block:PermalinkPage}
  174.     }
  175.     .post:hover .info_bar {
  176.             opacity: 1;
  177.     }
  178.     .post .info_bar a {
  179.             color: #333;
  180.             text-decoration: none;
  181.             margin: 0 5px;
  182.     }
  183.     .post .photo {
  184.             position: relative;
  185.             padding: 0;
  186.             line-height: 0 !important;
  187.             {block:IndexPage}
  188.             background: rgba(255,255,255,1);
  189.             {/block:IndexPage}
  190.     }
  191.     .post .photo .photo_info {
  192.             position: absolute;
  193.             top: 50%;
  194.             left: 50%;
  195.             width: 200px;
  196.             height: 120px;
  197.             margin: -50px 0 0 -100px;
  198.             text-align: center;
  199.             z-index: 10;
  200.             opacity: 0;
  201.             -webkit-transition: all 0.5s ease;
  202.             -moz-transition: all 0.5s ease;
  203.             -o-transition: all 0.5s ease;
  204.             transition: all 0.5s ease;
  205.             {block:PermalinkPage}
  206.             display: none;
  207.             {/block:PermalinkPage}
  208.     }
  209.     .post:hover .photo .photo_info {
  210.             opacity: 1;
  211.     }
  212.     .post .photo .photo_info a {
  213.             color: #FFF;
  214.             text-decoration: none;
  215.     }
  216.     .post .photo .photo_info h2 a {
  217.             margin: 0;
  218.             line-height: 100%;
  219.             font-family: 'BebasNeueRegular', Arial, sans-serif;
  220.             text-transform: uppercase;
  221.             font-size: 100px;
  222.             color: #FFF;
  223.     }
  224.     .post img.main_photo {
  225.             width: 300px;
  226.     }
  227.     .post img {
  228.             max-width: 300px;
  229.             height: auto;
  230.     }
  231.     .post .photo img {
  232.             opacity: 1;
  233.             -webkit-transition: all 0.5s eƒase;
  234.             -moz-transition: all 0.5s ease;
  235.             -o-transition: all 0.5s ease;
  236.             transition: all 0.5s ease;
  237.             margin: 0;
  238.     }
  239.     .post:hover .photo img {
  240.             {block:IndexPage}
  241.             opacity: 0.5;
  242.             {/block:IndexPage}
  243.     }
  244.     .post .player {
  245.             padding: 5px 10px;
  246.             background: #FFF;
  247.     }
  248.     .post .lines {
  249.             margin: 0 0 5px 0;
  250.     }
  251.     .post .lines .line {
  252.             padding: 10px;
  253.     }
  254.     .post .lines .odd {
  255.     }
  256.     .post .lines .even {
  257.             background: #f6f6f6;
  258.     }
  259.     .post ol.notes {
  260.             padding: 0;
  261.             list-style-type: none;
  262.     }
  263.     .post ol.notes li.note {
  264.             border-bottom: solid 1px #F6F6F6;
  265.             padding: 6px 0;
  266.             margin: 0 !important;
  267.     }
  268.     .post ol.notes li.note img.avatar {
  269.             vertical-align: -4px;
  270.             margin-right: 10px;
  271.             width: 16px;
  272.             height: 16px;
  273.     }
  274.     .post ol.notes li.note span.action {
  275.     }
  276.     .post ol.notes li.note .answer_content {
  277.             font-weight: normal;
  278.     }
  279.     .post ol.notes li.note blockquote {
  280.             border-color: #F6F6F6;
  281.             padding: 4px 10px;
  282.             margin: 10px 0px 0px 25px;
  283.     }
  284.     .post ol.notes li.note blockquote a {
  285.             text-decoration: none;
  286.     }
  287.     .pagination {
  288.             display: none;
  289.     }
  290.     body{background:url({image:Background}) {color:Background} fixed center}.post{width:300px}
  291.      
  292.     #box{
  293.     height:auto;
  294.     opacity:1.0;
  295.     text-align:center;
  296.     z-index:99999999999999999999;
  297.     background:transparent;}
  298.      
  299.     #updates{
  300.     border-radius: 5px;
  301.     border:1px dashed #000;
  302.     position:fixed !important;
  303.     left:20px; padding-top:12px;
  304.     bottom:20px; padding-bottom:20px;
  305.     text-align:center;
  306.     height:10px;
  307.     width:68px;
  308.     overflow:hidden;
  309.     -webkit-transition: opacity 0.7s linear;
  310.     -webkit-transition: all 0.7s ease-in-out;
  311.     -moz-transition: all 0.7s ease-in-out;
  312.     -o-transition: all 0.7s ease-in-out;
  313.     background:#FFF;
  314.     z-index:9999999999999999999999999999999;}
  315.      
  316.     #updates:hover{
  317.     overflow:auto;
  318.     border-radius: 5px;
  319.     border:1px dashed #000;
  320.     padding:5px;
  321.     height:87px;
  322.     width:140px;
  323.     z-index:99999999999999999999999999999999999;
  324.     background:#fff;}
  325.      
  326.     #stats{
  327.     border-radius: 5px;
  328.     border:1px dashed #000;
  329.     position:fixed !important;
  330.     left:100px; padding-top:12px;
  331.     bottom:20px; padding-bottom:20px;
  332.     text-align:center;
  333.     height:10px;
  334.     width:70px;
  335.     overflow:hidden;
  336.     -webkit-transition: opacity 0.7s linear;
  337.     -webkit-transition: all 0.7s ease-in-out;
  338.     -moz-transition: all 0.7s ease-in-out;
  339.     -o-transition: all 0.7s ease-in-out;
  340.     background:#FFF;
  341.     z-index:999;}
  342.      
  343.     #stats:hover{
  344.     border-radius: 5px;
  345.     border:1px dashed #000;
  346.     padding:5px;
  347.     height:87px;
  348.     width:60px;
  349.     z-index:99999999999999999999999999999999999;
  350.     background:#fff;}
  351.      
  352.     #links{
  353.     border-radius: 5px;
  354.     border:1px dashed #000;
  355.     position:fixed !important;
  356.     left: 20px; padding-top:12px;
  357.     bottom:75px; padding-bottom:20px;
  358.     text-align:center;
  359.     height:10px;
  360.     width:68px;
  361.     overflow:hidden;
  362.     -webkit-transition: opacity 0.7s linear;
  363.     -webkit-transition: all 0.7s ease-in-out;
  364.     -moz-transition: all 0.7s ease-in-out;
  365.     -o-transition: all 0.7s ease-in-out;
  366.     background:#FFF;
  367.     z-index:999;}
  368.      
  369.     #links:hover{
  370.     border-radius: 5px;
  371.     border:1px dashed #000;
  372.     padding:5px;
  373.     height:150px;
  374.     width:59px;
  375.     overflow: auto;
  376.     z-index:99999999999999999999999999999999999;
  377.     background:#fff;}
  378.      
  379.     #message{
  380.     border-radius: 5px;
  381.     border:1px dashed #000;
  382.     position:fixed !important;
  383.     left: 100px; padding-top:12px;
  384.     bottom:75px; padding-bottom:20px;
  385.     text-align:center;
  386.     height:10px;
  387.     width:68px;
  388.     overflow:hidden;
  389.     -webkit-transition: opacity 0.7s linear;
  390.     -webkit-transition: all 0.7s ease-in-out;
  391.     -moz-transition: all 0.7s ease-in-out;
  392.     -o-transition: all 0.7s ease-in-out;
  393.     background:#FFF;
  394.     z-index:999;}
  395.      
  396.     #message:hover{
  397.     border-radius: 5px;
  398.     border:1px dashed #000;
  399.     padding:5px;
  400.     height:180px;
  401.     width:500px;
  402.     z-index:99999999999999999999999999999999999;
  403.     background:#fff;}
  404.      
  405.     {CustomCSS}
  406.     </style>
  407.     </head>
  408.      
  409.     <body>
  410.  
  411.     <div id="links">
  412.     LINKS
  413.     <div id="box">
  414.     <center>
  415.     <br>
  416.     <a href="{text:link 1}">{text:link 1 title}</a></p>
  417.     <a href="{text:link 2}">{text:link 2 title}</a></p>
  418.     <a href="{text:link 3}">{text:link 3 title}</a></p>
  419.     <a href="{text:link 4}">{text:link 4 title}</a></p>
  420.     <a href="{text:link 5}">{text:link 5 title}</a></p>
  421.     <a href="{text:link 6}">{text:link 6 title}</a></p>
  422.     <a href="{text:link 7}">{text:link 7 title}</a></p>
  423.     <a href="{text:link 8}">{text:link 8 title}</a></p>
  424.     <a href="{text:link 9}">{text:link 9 title}</a></p>
  425.     <a href="http://unstrong.tumblr.com">Credit</a>
  426.     </center>
  427.     </div>
  428.     <br>
  429.     </div></div>
  430.      
  431.     <div id="stats">
  432.     STATS</p>
  433.     <div id="box">
  434.     <center>
  435.     {text:stats codes}
  436.     </center>
  437.     </div>
  438.     <br>
  439.     </div></div>
  440.      
  441.     <div id="updates">
  442.     UPDATES
  443.     <p>
  444.     <div id="box">
  445.     <center>
  446.     {text:updates}
  447.     </center>
  448.     </div>
  449.     <br>
  450.     </div></div>
  451.      
  452.     <div id="message">
  453.     MESSAGE
  454.     <div id="box">
  455.     <center>
  456.     <p><iframe frameborder="0" scrolling="yes" width="100%" height="200" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  457.     </center>
  458.     </div>
  459.     <br>
  460.     </div></div>
  461. <div style="opacity: 0; position: fixed; top: -30px; left: -400px;"><script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2005091&name="></script>
  462. </div>
  463. {block:Pagination}<ul class="pagination">
  464.                     <li>{block:NextPage}<a href="{NextPage}" class="pagination_nextlink">Next</a>{/block:NextPage}</li>
  465.         </ul>{/block:Pagination}
  466.    
  467.             <div class="heading">
  468.        <div style="position: fixed; top: -40px; left: -40px; opacity: 0;"><script language="JavaScript">
  469. var ref = (''+document.referrer+'');
  470. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID2998753&e1=using theme&e2=using theme&r=' + ref + '"><\/script>');
  471. </script></div>
  472.             {block:ifnotbanner}<a class="title" href="/"><h1>{Title}</h1></a>{/block:ifnotbanner}
  473.             {block:ifbanner}<a class="title" href="/"><h1><img width="{text:banner width}" src="{image:banner}"></h1></a>{/block:ifbanner}{description}</p>{block:Pagination}{block:PreviousPage}<a {block:IfInfiniteScroll}style="display:none"{/block:IfInfiniteScroll} href="{PreviousPage}">{lang:Previous page}</a>{/block:PreviousPage}{block:NextPage}<a {block:IfInfiniteScroll}style="display:none"{/block:IfInfiniteScroll} href="{NextPage}">{lang:Next page}</a>{/block:NextPage}{/block:Pagination}
  474.        
  475.         </div>
  476.      
  477.         <div class="posts">    
  478.             {block:Posts}
  479.         <div class="post {block:IfInfiniteScroll}load{/block:IfInfiniteScroll}" id="post_{PostID}">{block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{block:More}<h3><a href="{Permalink}">Read more</a></h3>{/block:More}{/block:Text}{block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}{Label}{/block:Label} <em>{Line}</em></div>{/block:Lines}</div>{/block:Chat}{block:Quote}<h2>"{Quote}"</h2>{block:Source}<p>- {Source}</p>{/block:Source}{/block:Quote}{block:Link}<h2><a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}{/block:Link}{block:Photo}<div class="photo"><div class="photo_info"></div>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" class="main_photo" />{LinkCloseTag}</div>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}{block:Photoset}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{block:caption}{caption}{/block:caption}{/block:PermalinkPage}{/block:Photoset}{block:Video}{block:IndexPage}{Video-400}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Video}{block:Audio}{block:AlbumArt}<a href="{Permalink}"><img src="{AlbumArtURL}" class="main_photo" /></a>{/block:AlbumArt}<div class="player">{AudioPlayerWhite}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  480.            
  481.                     {block:Date}<div class="info_bar"><a href="{Permalink}">{NotecountWithLabel}</a> / <a href="{ReblogUrl}">Reblog</a> / <a href="{Permalink}">{TimeAgo}</a></div>{/block:Date}
  482.             </div>
  483.            
  484.            
  485.             {block:PostNotes}<div class="post">
  486.                     {block:NoteCount}<h2>{NoteCountWithLabel}</h2>{/block:NoteCount}
  487.                     {PostNotes}
  488.             </div>{/block:PostNotes}
  489.            
  490.            
  491.             {/block:Posts}
  492.      
  493.         </div>
  494.      
  495.     <script type="text/javascript">
  496.     $(function(){var $container = $('.posts');$container.imagesLoaded(function(){$container.masonry({itemSelector:'.post',columnWidth: 310});});$container.infinitescroll({navSelector:'.pagination',nextSelector:'.pagination li a.pagination_nextlink',itemSelector: '.load',loading: {img:'http://static.tumblr.com/glziqhp/eRkls6pz6/white-90perc-opacity.png',donetext:''}},function( newElements ) { var $newElems = $( newElements ).css({ opacity: 0 });$newElems.imagesLoaded(function(){$newElems.animate({ opacity: 1 });$container.masonry( 'appended', $newElems, true );});});});
  497.     </script>
  498. <div style="position: fixed; bottom: 3px; right: 3px;"><a href="http://unstrong.tumblr.com">theme</a></div>
  499.     </body>
  500.     </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!