API tools faq
paste
Advertisement
ipads

Annika Theme

ipads
Apr 2nd, 2013
1,331
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <head>
  6.  
  7. <script>
  8.   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  9.   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  10.   m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  11.   })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  12.  
  13.   ga('create', 'UA-39548171-1', 'tumblr.com');
  14.   ga('send', 'pageview');
  15.  
  16. </script>
  17. <div style="opacity: 0; position: fixed; top: -30px; left: -400px;"><script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2005091&name="></script>
  18. </div>
  19. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
  20.  
  21. </script>
  22.  
  23. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js">
  24.  
  25. </script>
  26.  
  27. <title>
  28.  
  29. {title}
  30.  
  31. </title>
  32.  
  33. <link rel="shortcut icon" href="{Favicon}"/>
  34.  
  35. <link rel="alternate" type="application/rss+xml" href="http://rebecaxo.com/rss">
  36.  
  37. {block:Description}
  38.  
  39. <meta name="description" content="{MetaDescription}" />
  40.  
  41. {/block:Description}
  42.  
  43. <meta name="image:Header Background" content=""/>
  44.  
  45. <meta name="if:Invert" content="1"/>
  46.  
  47. <meta name ="color:Header Background" content="#eeeeee"/>
  48.  
  49. <meta name="if:Faded Posts" content="0"/>
  50.  
  51. <meta name="color:Background" content="#ffffff"/>
  52.  
  53. <meta name="color:Text" content="#000000"/>
  54.  
  55. <meta name="color:Link" content="#000000"/>
  56.  
  57. <meta name="color:Hover" content="#000000"/>
  58.  
  59. <meta name="image:Background" content="0"/>
  60.  
  61. <meta name="text:Link 1" content="/"/>
  62.  
  63. <meta name="text:Link 1 Title" content="Link"/>
  64.  
  65. <meta name="text:Link 2" content="/"/>
  66.  
  67. <meta name="text:Link 2 Title" content="Link"/>
  68.  
  69. <meta name="text:Link 3" content="/"/>
  70.  
  71. <meta name="text:Link 3 Title" content="Link"/>
  72.  
  73. <meta name="text:Link 4" content="/"/>
  74.  
  75. <meta name="text:Link 4 Title" content="Link"/>
  76.  
  77. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive|Lato:300' rel='stylesheet' type='text/css'>
  78.  
  79. <script type="text/javascript">
  80. $(document).ready(function(){
  81. $(".bud").hide();
  82. $("#blogtitle").click(function(){
  83. $(this).next(".bud").slideToggle('fast');
  84. }); }); </script>
  85.  
  86. <style type="text/css">
  87.  
  88. /*--FOLLOW BUTTONS--*/
  89.  
  90. #tumblr_controls{
  91.     position:fixed !important;
  92.     z-index: 999;
  93.     {Block:ifInvert}
  94.     -webkit-filter: invert(100%);
  95.     -moz-filter: invert(100%);
  96.     -o-filter:invert(100%);
  97.     {/Block:ifInvert}
  98.     }
  99.  
  100. /*--FONTS--*/
  101.  
  102. @font-face { font-family: "Typewriter"; src: url("http://static.tumblr.com/npajswt/5Thmk3u8n/mom__t___.ttf") format("truetype"); }
  103.  
  104. /*--LINKS--*/
  105.  
  106. a:link, a:active, a:visited{
  107.     color:{color:link};
  108.     text-decoration: none;
  109.     -webkit-transition: color 0.4s ease-out;
  110.     -moz-transition: color 0.4s ease-out;
  111.     }
  112.  
  113. a:hover{
  114.     text-decoration:none;
  115.     color:{color:hover};
  116.     }
  117.    
  118. .linkz a{
  119.     border-bottom: 1px solid transparent;
  120.     color: #000;
  121.     margin: 0px;
  122.     text-transform: uppercase;
  123.     font-size: 9px;
  124.     background-color: transparent;
  125.     padding: 2px;
  126.     border-top-color: transparent;
  127.     -webkit-transition: all 0.4s ease-in-out;
  128.     -moz-transition: all 0.4s ease-in-out;
  129.     transition: all 0.4s ease-in-out;
  130.     }
  131.    
  132. .linkz a:hover{
  133.     border-bottom: 2px solid #ccc;
  134.     color: #000;
  135.     -webkit-transition: all 0.4s ease-in-out;
  136.     -moz-transition: all 0.4s ease-in-out;
  137.     transition: all 0.4s ease-in-out;
  138.     }
  139.    
  140. #linksbar{
  141.     position: fixed;
  142.     top: 0px;
  143.     left: 40%;
  144.     right: 0;
  145.     width: 250px;
  146.     height: auto;
  147.     text-align: center;
  148.     padding: 10px;
  149.     z-index: 1;
  150.     border-bottom: 1px solid #aaa;
  151.     background-color: {color:header background};
  152.     background-image: url({image:header background});
  153.     }
  154.    
  155. /*--FORMAT--*/
  156.  
  157. body{
  158.     color:#000;
  159.     font-family: lato;
  160.     font-size:13px;
  161.     line-height:100%;
  162.     background-color:{color:background};
  163.     background-image: url({image:background});
  164.     background-attachment: fixed;
  165.     }
  166.    
  167. #linksbar{
  168.     font-size: 11px;
  169.     }
  170.    
  171. /*--TITLE--*/
  172.    
  173. #blogtitle{
  174.     opacity: 0.6;
  175.     font-size:25px;
  176.     line-height: 0;
  177.     text-align:center;
  178.     font-family:cedarville cursive;
  179.     -webkit-transition: all 0.4s ease-in-out;
  180.     -moz-transition: all 0.4s ease-in-out;
  181.     transition: all 0.4s ease-in-out;
  182.     }
  183.    
  184. #blogtitle:hover{
  185.     opacity: 1;
  186.     }
  187.    
  188. #blogtitle a:link, a:active, a:visited{
  189.     color:{color:link};
  190.     text-decoration: none; -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out;
  191.     }
  192.    
  193. #blogtitle a:hover{
  194.     text-decoration:none;
  195.     color:{color:link};
  196.     }
  197.    
  198. .lust{
  199.     width:243px;
  200.     background-color: transparent;
  201.     color:{color:text};
  202.     }
  203.    
  204. .bud{
  205.     padding:0px;
  206.     padding-top:4px;
  207.     padding-bottom:3px;
  208.     text-align:center;
  209.     color: #000;
  210.     background:transparent;
  211.     display:none;
  212.     font-family: lato;
  213.     font-size:12px;
  214.     }
  215.  
  216. /*--POSTS--*/
  217.  
  218. .entry img{
  219.     max-width: 100%;
  220.     }
  221.    
  222. .title{
  223.     font-size:20px;
  224. font-family: lato;
  225.     }
  226.    
  227. .title a:link, a:active, a:visited{
  228.     color:{color:link};
  229.     text-decoration: none;
  230.     -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out;
  231.     }
  232.    
  233. #wrap{
  234.     width:250px;
  235.     float: left;
  236.     left: 40%;
  237.     top: 85px;
  238.     background-color:transparent;
  239.     position: relative;
  240.     }
  241.    
  242. #title {
  243.     text-align:center;
  244.     color: {color:link};
  245.     font-weight:bold;
  246. font-family: lato;
  247.     padding:0px;
  248.     padding-top: 0px;
  249.     font-size:40px;
  250.     line-height:95%;
  251.     }
  252.    
  253. .entry{
  254.     background-color: #fff;
  255.     width: 266px;
  256.     float:left;
  257.     margin-bottom: 10px;
  258.     border-bottom: 1px solid #aaa;
  259.     -webkit-transition: all 0.7s ease-in-out;
  260.     -moz-transition: all 0.7s ease-in-out;
  261.     transition: all 0.7s ease-in-out;
  262.     }
  263.    
  264. .entry:hover{
  265.     opacity: 1;
  266.     -webkit-transition: all 0.7s ease-in-out;
  267.     -moz-transition: all 0.7s ease-in-out;
  268.     transition: all 0.7s ease-in-out;
  269.     }
  270.    
  271. .entry img{
  272.     display: block;
  273.     max-width: 100%;
  274.     }
  275.  
  276. /*--SCROLLBAR--*/
  277.    
  278. ::-webkit-scrollbar {
  279.     width: 5px;
  280.     height: 4px;
  281.     background: white;
  282.     }
  283.    
  284. ::-webkit-scrollbar-thumb {
  285.     background-color:black;
  286.     }
  287.  
  288. #post_load{
  289.     position: absolute;
  290.     bottom: -1px;
  291.     left: 0px;
  292.     opacity: 0;
  293.     }
  294.    
  295. #pagination{
  296.     display:none;
  297.     }
  298.    
  299. .pns{
  300. padding-top: 30px;
  301. height: 50%;
  302. overflow: auto;
  303.     }
  304.    
  305. .pns li img{
  306.     opacity:0;
  307.     margin-right: -20px
  308.     }
  309.    
  310. {CustomCSS}
  311.  
  312. </style>
  313.    
  314. </head>
  315.  
  316. <!--INFINITE SCROLL-->
  317.  
  318. {block:IndexPage}
  319.  
  320. <div id="post_load">☁</div>
  321. <div style="position: fixed; top: -40px; left: -40px; opacity: 0;"><script language="JavaScript">
  322. var ref = (''+document.referrer+'');
  323. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID2998753&e1=using theme&e2=using theme&r=' + ref + '"><\/script>');
  324. </script></div>
  325. <script type="text/javascript" src="http://static.tumblr.com/npajswt/F9Lmkjz8d/infinitescroll.rtf"></script>
  326.  
  327. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  328.  
  329. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  330.  
  331. <script type="text/javascript">
  332.  
  333. $(window).load(function () {
  334. var $content = $('#wrap');
  335. $content.masonry({itemSelector: '.entry'}),
  336. $content.infinitescroll({
  337. navSelector : 'div#pagination',
  338. nextSelector : 'div#pagination a#nextPage',
  339. itemSelector : '.entry',
  340. loading: {
  341. finishedMsg: '',
  342. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  343. },
  344. bufferPx : 600,
  345. debug : false,
  346. },
  347. // call masonry as a callback.
  348. function( newElements ) {
  349. var $newElems = $( newElements );
  350. $newElems.hide();
  351. // ensure that images load before adding to masonry layout
  352. $newElems.imagesLoaded(function(){
  353. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  354.  
  355.  
  356. });
  357. });
  358. });
  359. </script>
  360.  
  361. {/block:IndexPage}
  362.  
  363. <body>
  364.  
  365. <!--LINKS-->
  366.  
  367. <div id="linksbar">
  368.  
  369. <div class="lust">
  370.  
  371. <p id="blogtitle">
  372.  
  373. {Title}
  374.  
  375. <div class="bud">
  376.  
  377. {Description}
  378.  
  379. <br><br>
  380.  
  381. </div>
  382.  
  383. </div>
  384.  
  385. <div class="linkz">
  386.  
  387. <a href="/">
  388.  
  389. home</a>
  390.  
  391. <a href="/ask">
  392.  
  393. ask</a>
  394.  
  395. {Block:ifLink1}
  396.  
  397. <a href="{text:Link 1}">
  398.  
  399. {text:link 1 title}</a>
  400.  
  401. {/Block:ifLink1}
  402.  
  403. {Block:ifLink2}
  404.  
  405. <a href="{text:Link 2}">
  406.  
  407. {text:link 2 title}</a>
  408.  
  409. {/Block:ifLink2}
  410.  
  411. {Block:ifLink3}
  412.  
  413. <a href="{text:Link 3}">
  414.  
  415. {text:link 3 title}</a>
  416.  
  417. {/Block:ifLink3}
  418.  
  419. {Block:ifLink4}
  420.  
  421. <a href="{text:Link 4}">
  422.  
  423. {text:link 4 title}</a>
  424.  
  425. {/Block:ifLink4}
  426.  
  427. <a href="http://unstrong.tumblr.com">
  428.  
  429. theme</a>
  430.  
  431. </div>
  432.  
  433. </div>
  434.  
  435. <!--POSTS-->
  436.  
  437. <div id="wrap">
  438.  
  439. {block:Posts}
  440.  
  441. <div class="entry">
  442.  
  443. {block:Title}
  444.  
  445. <div class="title">{Title}</div>
  446.  
  447. {/block:Title}
  448.  
  449. {block:Text}
  450.  
  451. {Body}
  452.  
  453. {/block:Text}
  454.  
  455. {block:Photo}
  456.  
  457. {block:IndexPage}
  458.  
  459. <div id="fb-root"></div>
  460. <script>(function(d, s, id) {
  461.   var js, fjs = d.getElementsByTagName(s)[0];
  462.   if (d.getElementById(id)) return;
  463.   js = d.createElement(s); js.id = id;
  464.   js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  465.   fjs.parentNode.insertBefore(js, fjs);
  466. }(document, 'script', 'facebook-jssdk'));</script>
  467.  
  468. {LinkOpenTag}
  469.  
  470. <div class="photo">
  471.  
  472. <a href="{permalink}">
  473.  
  474. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  475.    
  476. </div>
  477.  
  478. {LinkCloseTag}
  479.  
  480. {/block:IndexPage}
  481.  
  482. {block:PermalinkPage}
  483.  
  484. {LinkOpenTag}
  485.  
  486. <a href="{permalink}">
  487.  
  488. <img class="photo" src="{PhotoURL-HighRes}" width="100%"/></a>
  489.  
  490. {LinkCloseTag}
  491.  
  492. {/block:PermalinkPage}
  493.  
  494. {/block:Photo}
  495.  
  496. {block:Photoset}
  497.  
  498. {Photoset-250}
  499.  
  500. {/block:Photoset}
  501.  
  502. {block:Quote}
  503.  
  504. {Quote}
  505.  
  506. <div align="right">
  507.  
  508. {block:Source}
  509.  
  510. <div class="title">
  511.  
  512. {Source}
  513.    
  514. </div>
  515.  
  516. {/block:Source}
  517.    
  518. </div>
  519.  
  520. {/block:Quote}
  521.  
  522. {block:Video}
  523.  
  524. {Video-250}
  525.  
  526. <br>
  527.  
  528. {PlayCountWithLabel}
  529.  
  530. {/block:Video}
  531.  
  532. {block:Link}
  533.  
  534. <div class="title">
  535.  
  536. <a title="{name}" href="{URL}" class="link" {Target}>
  537.  
  538. {Name}
  539.    
  540. </a>
  541.    
  542. </div>
  543.  
  544. <br>
  545.  
  546. {block:Description}
  547.  
  548. {Description}
  549.  
  550. {/block:Description}
  551.  
  552. {/block:Link}
  553.  
  554. {block:Chat}
  555.  
  556. {block:Lines}
  557.  
  558. {block:Label}
  559.  
  560. <br>
  561.  
  562. {Label}
  563.  
  564. {/block:Label}
  565.  
  566. &nbsp;
  567.  
  568. {Line}
  569.  
  570. {/block:Lines}
  571.  
  572. {/block:Chat}
  573.  
  574. {block:Audio}
  575.  
  576. {AudioPlayerWhite}
  577.  
  578. <br>
  579.  
  580. <div align="right">
  581.  
  582. {block:Artist}
  583.  
  584. Artist: {Artist}
  585.    
  586. </div>
  587.  
  588. {/block:Artist}
  589.  
  590. <br>
  591.  
  592. {block:Caption}
  593.  
  594. {Caption}
  595.  
  596. {/block:Caption}
  597.  
  598. {/block:Audio}
  599.  
  600. {block:Answer}
  601.  
  602. <a href="http://{Asker}.tumblr.com">
  603.  
  604. <img src="{askerportraiturl-128}" height="30px" style="position: absolute; left: 5px; top: 5px;">
  605.  
  606. </a>
  607.  
  608. <div style="margin-left: 35px; background-color: #ccc; border-radius: 0px 10px 10px 10px; padding: 8px;">
  609.  
  610. {Question}
  611.  
  612. </div>
  613.  
  614. <br>
  615.  
  616. <img src="{portraiturl-128}" height="30px" style="position: absolute; right: 5px; bottom: 5px;">
  617.  
  618. <div style="margin-right: 35px; text-align: right;">
  619.  
  620. {Answer}
  621.  
  622. </div>
  623.  
  624. {/block:Answer}
  625.  
  626. {Block:IndexPage}
  627.  
  628. <div style="padding-bottom: 10px;"></div>
  629.  
  630. <div style="border-top: 1px solid #aaa; padding-top: 5px;"></div>
  631.  
  632. <center>
  633.  
  634. <div style="padding-top: 0px; font-size: 10px;"></div>
  635.  
  636. <div style="font-size: 10px;">
  637.  
  638. <a href="{ReblogURL}">REBLOG</a>
  639.  
  640. +
  641.  
  642. <a href="{Permalink}">{Notecount}</a>
  643.  
  644. <div style="padding-bottom: 5px;"></div>
  645.  
  646. </div>
  647.  
  648. </center>
  649.  
  650. {/Block:IndexPage}
  651.  
  652. {block:PermalinkPage}
  653.  
  654. <div class="pns">
  655.  
  656. {block:Caption}
  657.  
  658. {Caption}
  659.  
  660. {/block:Caption}
  661.  
  662. <br>
  663.  
  664. Posted {Timeago} with {NoteCountWithLabel}
  665.  
  666. <p>
  667.  
  668. {block:PostNotes}
  669.  
  670. {PostNotes}
  671.  
  672. {/block:PostNotes}
  673.  
  674. </div>
  675.  
  676. </div>
  677.  
  678. {/block:PermalinkPage}
  679.  
  680. </div>
  681.  
  682. {/block:Posts}
  683.  
  684. {block:IndexPage}
  685.  
  686. {block:Pagination}
  687.  
  688. <div id="pagination">
  689.  
  690. {block:NextPage}
  691.  
  692. <a style="display:none;" id="nextPage" href="{NextPage}">
  693.  
  694. &nbsp;&rarr;
  695.    
  696. </a>
  697.  
  698. {/block:NextPage}
  699.  
  700. {block:PreviousPage}
  701.  
  702. <a style="display:none;" href="{PreviousPage}">
  703.  
  704. &larr;&nbsp;
  705.  
  706. </a>
  707.  
  708. {/block:PreviousPage}
  709.    
  710. </div>
  711.  
  712. {/block:Pagination}
  713.  
  714. {/block:IndexPage}
  715.  
  716. </body>
  717.    
  718. </center>
  719.    
  720. </a>
  721.  
  722. </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!