Want more features on Pastebin? Sign Up, it's FREE!
Guest

Tumblr Theme

By: a guest on Dec 18th, 2012  |  syntax: None  |  size: 26.75 KB  |  views: 21  |  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. <!DOCTYPE html>
  2.  
  3. <!-- ----------------------------------
  4.  
  5.      Theme Neptune.
  6.      Made by Max Davis.
  7.      
  8.      More free tumblr themes at:
  9.      http://themes.themaxdavis.com  
  10.      
  11.      ---------------------------------- -->
  12.  
  13. <html lang="en">
  14. <head>
  15. <meta charset="utf-8" />
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="color:Background" content="#000000"/>
  22. <meta name="color:Center" content="#000000"/>
  23. <meta name="color:Text" content="#FFFFFF"/>
  24. <meta name="color:Link Hover" content="#222222"/>
  25.  
  26. <meta name="image:Background" content="" />
  27. <meta name="image:Header Logo" content="" />
  28. <meta name="image:Portrait" content="" />
  29. <meta name="image:Signature"content="" />
  30.  
  31. <meta name="if:Infinite scrolling" content="1" />
  32. <meta name="if:Sidebar left or right" content="1" />
  33. <meta name="if:Large or Small footer" content="1" />
  34. <meta name="if:Show Permalinks" content="1" />
  35. <meta name="if:Show Permalink On Photo Posts" content="0" />
  36. <meta name="if:3D Effect for links" content="0" />
  37.  
  38. <meta name="text:Header Title" content="Header title" />
  39. <meta name="text:Reblog Title" content="Reblog post" />
  40. <meta name="text:Ask Title" content="Ask" />
  41. <meta name="text:Twitter Username" content=""/>
  42. <meta name="text:Tweet Count" content="6"/>
  43. <meta name="text:Link 1" content="" />
  44. <meta name="text:Link 1 Title" content="" />
  45. <meta name="text:Link 2" content="" />
  46. <meta name="text:Link 2 Title" content="" />
  47. <meta name="text:Link 3" content="" />
  48. <meta name="text:Link 3 Title" content="" />
  49. <meta name="text:Link 4" content="" />
  50. <meta name="text:Link 4 Title" content="" />
  51. <meta name="text:Link 5" content="" />
  52. <meta name="text:Link 5 Title" content="" />
  53.  
  54. <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  55. <script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"></script>
  56. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  57. {block:ifInfinitescrolling}
  58. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  59. {/block:ifInfinitescrolling}
  60. <script>
  61. $(window).load(function(){
  62.     var $wall = $('#center');
  63.    
  64.     $wall.masonry({
  65.       itemSelector: '.post, .twitter',
  66.       columnWidth:220
  67.     });
  68.    
  69.     $wall.infinitescroll({
  70.     navSelector  : ".nav",
  71.     nextSelector : ".nav a",
  72.     itemSelector : ".post",
  73.     loading      : "",
  74.     donetext     : ""
  75.     },
  76.  
  77.     function( newElements ) {
  78.         var $newElems = $( newElements ).css({
  79.             opacity: 0
  80.         });
  81.         $newElems.imagesLoaded(function(){
  82.             $newElems.animate({ opacity: 1 });
  83.             $wall.masonry( "appended", $newElems, true );
  84.         });
  85.     });
  86. });
  87. </script>
  88. <script type="text/javascript">
  89. $(window).scroll(function(){var totalHeight = $('body').height();var yPos = $(window).scrollTop();if( yPos > (totalHeight*.10) && yPos < (totalHeight*.90) ){$(".footer").fadeIn('medium');} else {$('.footer').fadeOut('medium');}});</script>
  90.  
  91. <style type="text/css">
  92. body {
  93.     padding:0;
  94.     margin:0;
  95.     overflow-x:hidden;
  96.     font-family:'helvetica neue', 'helvetica', arial;
  97.     font-size:11px;
  98.     color:{color:Text};
  99.     background-color:{color:background};
  100.     background-image:url({image:Background});
  101.     background-position:center top;
  102.     background-attachment:fixed;}
  103. a {text-decoration:none;
  104.    color:{color:text};
  105.    font-weight:800;
  106.    -webkit-transition: all 0.2s linear;
  107.    -moz-transition: all 0.2s linear;
  108.    transition: all 0.2s linear;}
  109. a:hover {
  110.    color:{color:link hover};
  111.    {block:if3DEffectforlinks}
  112.     text-shadow:2px 0 0 rgba(255,0,0,0.4), -2px 0 0 rgba(0,255,0,0.4);
  113.    {/block:if3DEffectforlinks}
  114.    -webkit-transition: all 0.2s linear;
  115.    -moz-transition: all 0.2s linear;
  116.    transition: all 0.2s linear;}
  117.    
  118.    a:active{outline: none;}
  119.    a:focus{-moz-outline-style: none;}
  120.    :-moz-any-link:focus{outline: none;}
  121.    img{border:none;}
  122.  
  123. .clear {clear:both;}
  124.  
  125. #container{
  126.     position:relative;
  127.     width:860px;
  128.     margin:0px auto;
  129.     background-color:{color:Center};
  130.     padding:10px 20px 20px;}
  131. #header{
  132.     width:860px;
  133.     {block:IfNotHeaderlogoimage}
  134.     margin:10px 0 20px;
  135.     {/block:IfNotHeaderlogoimage}
  136.     {block:IfHeaderlogoimage}
  137.     margin:0;
  138.     {/block:IfHeaderlogoimage}}
  139. #header h1{
  140.     font-size: 93px;
  141.     letter-spacing: -3px;
  142.     margin: 0;
  143.     word-spacing: -2px;
  144.     color:{color:text};
  145.     {block:ifNotSidebarleftorright}
  146.     text-align:right;
  147.     {/block:ifNotSidebarleftorright}
  148.     -webkit-transition: all 0.3s ease;
  149.     -moz-transition: all 0.3s ease;
  150.     transition: all 0.3s ease;}
  151. #header h1:hover{
  152.     color:{color:link hover};
  153.     {block:if3DEffectforlinks}
  154.     color:{color:text};
  155.     text-shadow:4px 0 0 rgba(255,0,0,0.3), -4px 0 0 rgba(0,255,0,0.3);
  156.     -webkit-transition: all 0.4s ease;
  157.     -moz-transition: all 0.4s ease;
  158.     transition: all 0.4s ease;
  159.     {/block:if3DEffectforlinks}}
  160. #header img{
  161.     max-width:860px;
  162.     max-height:300px;}
  163.  
  164. #sidebar{
  165.     width:200px;
  166.     {block:IfSidebarFixed}
  167.     position:fixed;
  168.     {/block:IfSidebarFixed}
  169.     {block:ifSidebarleftorright}
  170.     float:left;
  171.     {/block:ifSidebarleftorright}
  172.     {block:ifNotSidebarleftorright}
  173.     float:right;
  174.     {block:IfSidebarFixed}
  175.     margin-left:660px;
  176.     {/block:IfSidebarFixed}
  177.     {/block:ifNotSidebarleftorright}}
  178. #sidebar h1{
  179.     margin:5px 0;
  180.     padding:0 0 10px;
  181.     border-bottom:2px solid {color:text};
  182.     font-size:14px;
  183.     text-transform:uppercase;
  184.     line-height:14px;
  185.     color:{color:titles};
  186.     {block:ifSidebarleftorright}
  187.     text-align: right;
  188.     {/block:ifSidebarleftorright}}
  189. #sidebar .inner{
  190.     margin:10px 0 0;}
  191. #sidebar .portrait{
  192.     width:200px;}
  193. #sidebar .portrait img{
  194.     max-width:200px;}
  195. #sidebar .description{
  196.     margin:5px 0 10px;
  197.     padding:5px 0 10px;
  198.     font-weight: 700;
  199.     {block:ifSidebarleftorright}
  200.     text-align: right;
  201.     {/block:ifSidebarleftorright}
  202.     {block:AskEnabled}
  203.     border-bottom:2px solid {color:text};
  204.     {/block:AskEnabled}
  205.     {block:SubmissionsEnabled}
  206.     border-bottom:2px solid {color:text};
  207.     {/block:SubmissionsEnabled}
  208.     {block:HasPages}
  209.     border-bottom:2px solid {color:text};
  210.     {/block:HasPages}
  211.     {block:ifLink1Title}
  212.     border-bottom:2px solid {color:text};
  213.     {/block:ifLink1Title}
  214.     {block:ifLink2Title}
  215.     border-bottom:2px solid {color:text};
  216.     {/block:ifLink2Title}
  217.     {block:ifLink3Title}
  218.     border-bottom:2px solid {color:text};
  219.     {/block:ifLink3Title}
  220.     {block:ifLink4Title}
  221.     border-bottom:2px solid {color:text};
  222.     {/block:ifLink4Title}
  223.     {block:ifLink5Title}
  224.     border-bottom:2px solid {color:text};
  225.     {/block:ifLink5Title}}
  226. #sidebar .links{
  227.     margin:0;
  228.     padding:0 0 10px;
  229.     list-style:none;}
  230. #sidebar .links a{
  231.     font-weight:700;
  232.     text-transform:uppercase;
  233.     font-size:9px;
  234.     line-height:12px;
  235.     display:block;
  236.     {block:ifSidebarleftorright}
  237.     text-align: right;
  238.     {/block:ifSidebarleftorright}}
  239. #sidebar .links a:hover{
  240.     color:{color:link hover}}
  241. #sidebar .pagination{
  242.     padding:10px 0 0;
  243.     font-weight:700;
  244.     text-transform:uppercase;
  245.     font-size:9px;
  246.     line-height:12px;
  247.     border-top:2px solid {color:text};}
  248. #sidebar .pagination .prev{
  249.     float:left;}
  250. #sidebar .pagination .next{
  251.     float:right;}
  252.  
  253.  
  254. #center{
  255.     width:660px;
  256.     {block:ifSidebarleftorright}
  257.     float:right;
  258.     {/block:ifSidebarleftorright}
  259.     {block:ifNotSidebarleftorright}
  260.     margin-left:0px;
  261.     float:left;
  262.     {/block:ifNotSidebarleftorright}}
  263. #center .post{
  264.     width:200px;
  265.     float:left;
  266.     margin:0 20px 20px 0;
  267.     overflow:hidden;
  268.     {block:ifSidebarleftorright}
  269.     margin:0 0 20px 20px;
  270.     {/block:ifSidebarleftorright}
  271.     {block:PermalinkPage}
  272.     width:506px;
  273.     overflow:visible;
  274.     {block:ifNotSidebarleftorright}
  275.     margin:0 0 0 80px !important;
  276.     {/block:ifNotSidebarleftorright}
  277.     {/block:PermalinkPage}}
  278. #center .photo_post{
  279.     {block:ifshowpermalinkonphotoposts}
  280.     margin:0 20px 14px 0;
  281.     {block:ifSidebarleftorright}
  282.     margin:0 0 14px 20px;
  283.     {/block:ifSidebarleftorright}
  284.     {/block:ifshowpermalinkonphotoposts}}
  285.  
  286. #center .post p{
  287.     margin:0;
  288.     {block:PermalinkPage}
  289.     margin:5px 0;
  290.     {/block:PermalinkPage}}
  291. #center .post blockquote{
  292.     border-left: 2px solid {color:text};
  293.     margin: 5px 0 5px 10px;
  294.     padding-left: 10px;}
  295.  
  296. #center .post .margin{
  297.     {block:IndexPage}
  298.     width:200px;
  299.     {/block:IndexPage}
  300.     {block:PermalinkPage}
  301.     width:500px;
  302.     {/block:PermalinkPage}}
  303. #center .post .margin h1, #center .twitter h1{
  304.     margin:0;
  305.     padding:0;
  306.     font-size:12px;
  307.     text-transform:uppercase;
  308.     line-height:14px;
  309.     color:{color:text};}
  310. #center .post .margin .source{
  311.     margin:5px 0 0;}
  312. #center .post .margin img{
  313.     max-width:150px;
  314.     height:auto;
  315.     {block:PermalinkPage}
  316.     max-width:500px;
  317.     {/block:PermalinkPage}}
  318.  
  319. #center .post .chat{
  320.     margin:0;
  321.     padding:0;
  322.     list-style:none;}
  323. #center .post .chat li{
  324.     font-weight:bold;
  325.     text-transform:uppercase;
  326.     font-size:9px;
  327.     padding: 4px 5px;}
  328. #center .post .chat li:nth-child(even){
  329.     background:{color:text};
  330.     color:{color:center};}
  331. #center .post .chat li:last-child{
  332.     margin:0 0 8px}
  333.  
  334. #center .asker_portrait {
  335.     float:left;
  336.     width:30px;
  337.     height:30px;
  338.     margin-right:10px;
  339.     margin-bottom:10px;
  340.     display:none;}
  341. #center .question {
  342.     font-weight: bold;
  343.     line-height: 11px;
  344.     margin-bottom: 10px;
  345.     width: 200px;
  346.     {block:PermalinkPage}
  347.     width:auto;
  348.     {block:PermalinkPage}}
  349. #center .question span{
  350.     text-transform:uppercase;}
  351. #center .answer{
  352.     clear: both;
  353.     display: block;
  354.     font-style: italic;
  355.     font-weight: bold;
  356.     line-height: 20px;
  357.     margin: 10px;}
  358. #center .answer p{
  359.     margin:0;
  360.     padding:0;
  361.     line-height: 13px;}
  362.    
  363. #center .photoset {
  364.     margin:0 0 0 -12.5px;
  365.     position:relative;}
  366. #center .photoset .box{
  367.     background-color: rgba(0, 0, 0, 0.3);
  368.     background-image: url("http://static.tumblr.com/8jq17g7/ZRflvr254/screen-pattern.png");
  369.     bottom: 4px;
  370.     box-shadow: 0 0 30px rgba(0, 0, 0, 0.7) inset;
  371.     height: 100%;
  372.     margin: 0 0 0 12.5px;
  373.     position: absolute;
  374.     width: 200px;
  375.     z-index: 500;}
  376. #center .photoset .hover{
  377.     background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
  378.     bottom: 50%;
  379.     box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.4), 0 3px 0 rgba(0, 0, 0, 0.4);
  380.     font-family: 'Cookie',cursive;
  381.     font-size: 16px;
  382.     line-height: 16px;
  383.     margin: 0 0 -58px 0;
  384.     padding: 40px 0;
  385.     position: absolute;
  386.     text-align: center;
  387.     width: 200px;
  388.     z-index: 500;}
  389. #center .photoset:hover .box{
  390.     background-color: rgba(0, 0, 0, 0.6);}
  391. #center .photoset:hover .hover{
  392.     box-shadow:none;
  393.     background-color: rgba(0, 0, 0, 0.0);}
  394. #center .photoset .hover a{color:white;}
  395. #center .photoset .hover a:hover{color:white;}
  396. #center .photoset .hover a.set{
  397.     display: block;
  398.     font-family: 'Open Sans',arial;
  399.     font-size: 9px;
  400.     font-weight: bold;
  401.     letter-spacing: 10px;
  402.     line-height: 10px;
  403.     margin: 0 0 10px 10px;}
  404.    
  405. #center .post .audio{
  406.     background: none repeat scroll 0 0 black;
  407.     overflow: hidden;
  408.     padding: 5px 5px 1px;
  409.     width: 190px;
  410.     {block:PermalinkPage}
  411.     width:496px;
  412.     {/block:PermalinkPage}}
  413. #center .post .inner{
  414.     margin: auto;
  415.     overflow: hidden;
  416.     width: 28px;}
  417.    
  418. #center .post .picture{
  419.     position:relative;
  420.     width:200px;
  421.     {block:PermalinkPage}
  422.     width:500px;
  423.     {/block:PermalinkPage}}
  424. #center .post .picture img{
  425.     width:200px;
  426.     display:block;
  427.     {block:PermalinkPage}
  428.     width:500px;
  429.     {/block:PermalinkPage}}
  430. #center .post .picture .hover{
  431.     position:absolute;
  432.     height:100%;
  433.     width:200px;
  434.     background:rgba(0,0,0,0.9);
  435.     opacity:0;
  436.     -webkit-transition: all 0.8s ease;
  437.        -moz-transition: all 0.8s ease;
  438.             transition: all 0.8s ease;}
  439. #center .post .picture .hover:hover{
  440.     opacity:1;
  441.     -webkit-transition: all 0.8s ease;
  442.        -moz-transition: all 0.8s ease;
  443.             transition: all 0.8s ease;}
  444. #center .post .picture .hover .notes{
  445.     font-size: 9px;
  446.     font-weight: bold;
  447.     height: 12px;
  448.     letter-spacing: 10px;
  449.     line-height: 12px;
  450.     margin: -12px 0 0 10px;
  451.     position: absolute;
  452.     text-align: center;
  453.     text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  454.     text-transform: uppercase;
  455.     top: 50%;
  456.     width: 190px;}
  457. #center .post .picture .hover .reblog{
  458.     color: white;
  459.     font-family: 'Cookie',cursive;
  460.     font-size: 18px;
  461.     height: 16px;
  462.     line-height: 16px;
  463.     margin: 16px 0 0;
  464.     position: absolute;
  465.     text-align: center;
  466.     text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  467.     top: 50%;
  468.     width: 200px;}
  469. .notes a, .reblog a{color:white;font-weight:normal;}
  470. .notes a:hover, .reblog a:hover{color:white;}
  471.  
  472. #center .post .caption{
  473.     padding: 10px 5px 2px;
  474.     {block:ifNotSidebarleftorright}
  475.     text-align: right;
  476.     {/block:ifNotSidebarleftorright}}
  477. #center .post .au_caption{
  478.     border:none;}
  479. #center .post .permalink{
  480.     margin:10px 0 0;
  481.     {block:ifNotSidebarleftorright}
  482.     text-align: right;
  483.     {/block:ifNotSidebarleftorright}
  484.     border-top:2px solid {color:text};
  485.     border-bottom:2px solid {color:text};
  486.     color:{color:borders};
  487.     {block:ifNotShowPermalinks}
  488.     display:none;
  489.     {/block:ifNotShowPermalinks}}
  490. #center .post .permalink a{
  491.     font-size:9px;
  492.     font-weight:700;
  493.     text-transform:uppercase;
  494.     color:{color:text};
  495.     margin:0 10px;}
  496. #center .post .permalink a:hover{
  497.     color:{color:link hover}}
  498. #center .post .permalink a:last-child{
  499.     margin:0 0 0 10px;}
  500. #center .post .photo_perma{
  501.     {block:ifNotshowpermalinkonphotoposts}
  502.     display:none;
  503.     {/block:ifNotshowpermalinkonphotoposts}
  504.     {block:ifshowpermalinkonphotoposts}
  505.     display:block;
  506.     margin:13px 0 0;
  507.     border-top:2px solid {color:text};
  508.     {/block:ifshowpermalinkonphotoposts}}
  509.    
  510. #center .twitter{
  511.     width:200px;
  512.     float:left;
  513.     margin:0 20px 20px 0;
  514.     overflow:hidden;
  515.     {block:ifSidebarleftorright}
  516.     margin:0 0 20px 20px;
  517.     {/block:ifSidebarleftorright}}
  518. #center .twitter .border{
  519.     margin:5px 0;
  520.     border-bottom:2px solid {color:text};}
  521. #center .twitter #twitter_update_list{
  522.     margin:0;
  523.     padding:0;
  524.     list-style:none;}
  525. #center .twitter #twitter_update_list li{
  526.     font-weight:bold;
  527.     text-transform:uppercase;
  528.     font-size:9px;
  529.     padding: 4px 5px;}
  530. #center .twitter #twitter_update_list li a:hover{
  531.     text-shadow:none;}
  532. #center .twitter #twitter_update_list li:nth-child(even){
  533.     background:{color:text};
  534.     color:{color:center};}
  535. #center .twitter #twitter_update_list li:nth-child(even) a{
  536.     color:{color:background};}
  537. #center .twitter #twitter_update_list li:last-child{
  538.     margin:0}
  539.  
  540. ol.notes {
  541.     font-size: 9px;
  542.     font-weight: normal;
  543.     list-style-type: none;
  544.     margin: 10px 0;
  545.     padding: 0;
  546.     text-transform: uppercase;}
  547. ol.notes a{
  548.     text-decoration:none;
  549.     padding:0;
  550.     background-color:transparent;}
  551. ol.notes li.note {
  552.     padding: 2px 0;
  553.     {block:ifNotSidebarleftorright}
  554.     text-align: right;
  555.     {/block:ifNotSidebarleftorright}}
  556. ol.notes li.note img.avatar {
  557.     vertical-align: -4px;
  558.     margin-right: 10px;
  559.     width: 16px;
  560.     height: 16px;
  561.     display:none;}
  562. ol.notes li.note span.action a{
  563.     color:black;
  564.     font-weight:bold;}
  565. ol.notes li.note .answer_content {
  566.     color:black;}
  567. ol.notes li.note blockquote {
  568.     border-left: medium none !important;
  569.     color: black;
  570.     margin: 10px 0 10px 30px !important;
  571.     padding: 5px 0 8px !important;
  572.     border-bottom: 2px solid {color:text};}
  573. ol.notes li.note blockquote a {
  574.     color:black;}
  575.    
  576. .footer  {
  577.     bottom: 0;
  578.     display: none;
  579.     left: 50%;
  580.     position: fixed;
  581.     z-index: 600;
  582.     {block:ifLargeorSmallfooter}
  583.     width:860px;
  584.     margin:0 0 0 -435px;
  585.     padding:5px 0;
  586.     box-shadow: 0 -2px 0 {color:text};
  587.     {/block:ifLargeorSmallfooter}
  588.     {block:ifNotLargeorSmallfooter}
  589.     width:200px;    
  590.     padding:10px 0;
  591.     {block:ifNotSidebarleftorright}
  592.     margin:0 0 0 225px;
  593.     {/block:ifNotSidebarleftorright}
  594.     {block:ifSidebarleftorright}
  595.     margin:0 0 0 -435px;
  596.     {/block:ifSidebarleftorright}
  597.     {/block:ifNotLargeorSmallfooter}
  598.     background-color:{color:Center};}
  599. .footer h1{
  600.     font-weight: 700;
  601.     line-height: 11px;
  602.     text-transform: uppercase;
  603.     color:{color:text};
  604.     {block:ifLargeorSmallfooter}
  605.     float:left;
  606.     font-size: 13px;
  607.     margin: -1px 0 -4px;
  608.     padding: 7px 40px 5px 0;
  609.     {/block:ifLargeorSmallfooter}
  610.     {block:ifNotLargeorSmallfooter}
  611.     border-bottom:2px solid {color:text};
  612.     margin: 0 0 5px;
  613.     padding: 0 0 12px;
  614.     font-size:17px;
  615.     {block:ifSidebarleftorright}
  616.     text-align:right;
  617.     {/block:ifSidebarleftorright}
  618.     {/block:ifNotLargeorSmallfooter}}  
  619. .footer .links{
  620.     padding:0;
  621.     margin: 4px 0 0;
  622.     float:left;
  623.     {block:ifNotLargeorSmallfooter}
  624.     {block:ifSidebarleftorright}
  625.     float:right;
  626.     {/block:ifSidebarleftorright}
  627.     {/block:ifNotLargeorSmallfooter}}
  628. .footer .links a{
  629.     font-size:9px;
  630.     font-weight:700;
  631.     text-transform:uppercase;
  632.     {block:ifLargeorSmallfooter}
  633.     margin:0 10px 0 0;
  634.     {/block:ifLargeorSmallfooter}
  635.     {block:ifNotLargeorSmallfooter}
  636.     display: block;
  637.     margin:0;
  638.     {/block:ifNotLargeorSmallfooter}
  639.     color:{color:text};
  640.     {block:ifNotLargeorSmallfooter}
  641.     {block:ifSidebarleftorright}
  642.     text-align:right;
  643.     {/block:ifSidebarleftorright}
  644.     {/block:ifNotLargeorSmallfooter}}
  645. .footer .links a:hover{
  646.     color:{color:link hover}}
  647. .footer #back_top_top{
  648.     font-size:9px;
  649.     font-weight:700;
  650.     text-transform:uppercase;
  651.     color:{color:text};
  652.     float:right;
  653.     margin: 5px 0;
  654.     {block:ifNotLargeorSmallfooter}
  655.     {block:ifSidebarleftorright}
  656.     float:left;
  657.     {/block:ifSidebarleftorright}
  658.     {/block:ifNotLargeorSmallfooter}}
  659.  
  660.  
  661. </style>
  662. </head>
  663. <body>
  664. {block:Pagination}<div class="nav">{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}
  665.  
  666. <div id="container">
  667. <div id="header">
  668.     {block:IfNotHeaderlogoimage}
  669.     {block:ifHeaderTitle}
  670.     <a href="/"><h1>{text:Header Title}</h1></a>
  671.     {/block:ifHeaderTitle}
  672.     {/block:IfNotHeaderlogoimage}
  673.     {block:IfHeaderlogoimage}
  674.     <a href="/"><img src="{image:Header logo}" /></a>
  675.     {/block:IfHeaderlogoimage}
  676. </div>
  677.  
  678. <div id="sidebar">
  679.    {block:IfPortraitimage}<a href="/">
  680.    <div class="portrait"><center>
  681.        <img src="{image:Portrait}" />
  682.    </center></div></a>
  683.    {/block:IfPortraitimage}
  684.    
  685.    <div class="inner">
  686.    <a href="/"><h1>{Title}</h1></a>
  687.    <div class="description">{Description}</div>
  688.    
  689.    {block:IfSignatureimage}<a href="/">
  690.    <div class="signature"><center>
  691.        <img src="{image:Signature}" />
  692.    </center></div></a>
  693.    {/block:IfSignatureimage}
  694.  
  695.  
  696.        
  697.         {block:ifNotInfinitescrolling}
  698.              <div class="pagination">
  699.                 {block:Pagination}
  700.                 {block:PreviousPage}
  701.                     <a href="{PreviousPage}" class="prev">Previous</a>
  702.                 {/block:PreviousPage}
  703.                
  704.                 {block:NextPage}
  705.                     <a href="{NextPage}" class="next">Next</a>
  706.                 {/block:NextPage}
  707.                 {/block:Pagination}
  708.             </div>
  709.         {/block:ifNotInfinitescrolling}
  710.    
  711.    </div>
  712. </div>
  713.  
  714. <div id="center">
  715.     {block:IndexPage}
  716.     {block:ifTwitterUsername}
  717.     <div class="twitter">
  718.         <a href="http://twitter.com/{text:Twitter Username}">
  719.         <h1>Tweets</h1></a>
  720.         <div class="border"></div>
  721.     <div id="twitter_div">
  722.         <ul id="twitter_update_list"></ul>
  723.     </div>
  724.     <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
  725.     <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{text:Twitter Username}.json?callback=twitterCallback2&count={text:Tweet Count}"></script>
  726.     </div>{/block:ifTwitterUsername}
  727.     {/block:IndexPage}
  728.  
  729.     {block:Posts}
  730.     <div class="post{block:Photo} photo_post{/block:Photo}">
  731.         {block:Text}
  732.             <div class="margin">
  733.             {block:Title}
  734.                  <a href="{Permalink}"><h1>{Title}</h1></a>
  735.             {/block:Title}
  736.             {Body}
  737.             </div>
  738.         {/block:Text}
  739.  
  740.         {block:Photo}
  741.             <div class="picture">
  742.               {block:IndexPage}
  743.               <div class="hover">
  744.                  <div class="notes">
  745.                  <a href="{Permalink}">
  746.                  {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  747.                  </a>
  748.                  </div>
  749.                  <div class="reblog">
  750.                     <a href="{ReblogURL}">{text:Reblog title}</a>
  751.                  </div>
  752.               </div>
  753.               {/block:IndexPage}
  754.             <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  755.             </div>
  756.         {/block:Photo}
  757.  
  758.         {block:Photoset}
  759.             {block:IndexPage}
  760.             <div class="photoset">
  761.             <div class="box">
  762.             <div class="hover">
  763.                 <a href="{Permalink}" class="set">PHOTOSET</a>
  764.                 <a href="{Permalink}">See full set</a>
  765.             </div>
  766.             </div>
  767.             {Photoset-250}
  768.             </div>
  769.             {/block:IndexPage}
  770.             {block:PermalinkPage}
  771.             {Photoset-500}
  772.             {/block:PermalinkPage}
  773.             {block:IndexPage}{block:ifshowcaption}
  774.             {block:Caption}<div class="caption photo_caption">
  775.             {Caption}</div>{/block:Caption}
  776.             {/block:ifshowcaption}{/block:IndexPage}
  777.         {/block:Photoset}
  778.  
  779.         {block:Quote}
  780.             <div class="margin"><center>
  781.             <h1>"{Quote}"</h1>
  782.             {block:Source}
  783.                 <div class="source">{Source}</div>
  784.             {/block:Source}
  785.             </centre>
  786.             </div>
  787.         {/block:Quote}
  788.  
  789.         {block:Link}
  790.             <div class="margin">
  791.             <a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  792.  
  793.             {block:Description}
  794.                  <div class="description">{Description}</div>
  795.             {/block:Description}
  796.             </div>
  797.         {/block:Link}
  798.  
  799.         {block:Chat}
  800.             <div class="margin">
  801.             {block:Title}
  802.             <h1><a href="{Permalink}">{Title}</a></h1>
  803.             {/block:Title}
  804.             <ul class="chat">
  805.                   {block:Lines}
  806.                   <li class="{Alt} user_{UserNumber}">
  807.                        {block:Label}
  808.                        <span class="label">{Label}</span>
  809.                        {/block:Label}{Line}
  810.                   </li>
  811.                   {/block:Lines}
  812.             </ul>
  813.             </div>
  814.         {/block:Chat}
  815.  
  816.         {block:Video}
  817.             <div class="video">
  818.             {block:IndexPage} {Video-250}{/block:IndexPage}
  819.             {block:PermalinkPage} {Video-500}{/block:PermalinkPage}
  820.             </div>
  821.             {block:IndexPage}{block:ifshowcaption}
  822.             {block:Caption}<div class="caption photo_caption">
  823.             {Caption}</div>{/block:Caption}
  824.             {/block:ifshowcaption}{/block:IndexPage}
  825.         {/block:Video}
  826.  
  827.         {block:Audio}
  828.             <div class="margin">
  829.             <div class="audio">
  830.             <div class="inner">
  831.             {AudioPlayerBlack}
  832.             </div>
  833.             </div>
  834.             {block:IndexPage} {block:Caption}
  835.             <div class="caption au_caption">{Caption}</div>
  836.             {/block:Caption}{/block:IndexPage}
  837.             </div>
  838.         {/block:Audio}
  839.        
  840.         {block:Answer}
  841.             <div class="margin">
  842.             <div class="question">
  843.                 <span>{Asker}:</span><br />
  844.                 {Question}
  845.             </div>
  846.             <div class="answer">{Answer}</div>
  847.             </div>
  848.         {/block:Answer}
  849.      
  850.         {block:IndexPage}
  851.         {block:Date}
  852.         <div class="permalink{block:Photo} photo_perma{/block:Photo}{block:Photoset} photo_perma{/block:Photoset}">
  853.             {block:NoteCount}
  854.             <a href="{Permalink}">♥ {NoteCount}</a> -
  855.             {/block:NoteCount}
  856.             <a href="{Permalink}">{TimeAgo}</a>
  857.         </div>
  858.         {/block:Date}
  859.         {/block:IndexPage}
  860.        
  861.         {block:PermalinkPage}
  862.         {block:Date}
  863.         {block:Caption}<div class="caption">
  864.             {Caption}
  865.         </div>{/block:Caption}
  866.         <div class="permalink">
  867.             {block:NoteCount}
  868.             <a href="{Permalink}">♥ {NoteCount}</a> -
  869.             {/block:NoteCount}
  870.             <a href="{Permalink}">{TimeAgo}</a>
  871.         </div>
  872.         {/block:Date}
  873.        
  874.              {PostNotes}
  875.         {/block:PermalinkPage}
  876.     </div>
  877.     {/block:Posts}
  878.     <div class="clear"></div>
  879. </div><div class="clear"></div>
  880. </div>
  881. {block:IndexPage}
  882.     <div class="footer clearfix">
  883.         <h1>{title}</h1>
  884.    
  885.         <div class="links">
  886.              {block:AskEnabled}
  887.              <a href="/ask">
  888.              {block:ifasktitle}{text:Ask Title}{/block:ifasktitle}
  889.              {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}
  890.              </a>{/block:AskEnabled}
  891.              {block:SubmissionsEnabled}
  892.              <a href="/submit">{SubmitLabel}</a>
  893.              {/block:SubmissionsEnabled}
  894.              {block:HasPages}{block:Pages}<a href="{URL}">
  895.              {Label}</a>{/block:Pages}
  896.              {/block:HasPages}
  897.              {block:ifLink1Title}
  898.              <a href="{text:Link 1}">
  899.              {text:Link 1 Title}</a>
  900.              {/block:ifLink1Title}
  901.              {block:ifLink2Title}
  902.              <a href="{text:Link 2}">
  903.              {text:Link 2 Title}</a>
  904.              {/block:ifLink2Title}
  905.              {block:ifLink3Title}
  906.              <a href="{text:Link 3}">
  907.              {text:Link 3 Title}</a>
  908.              {/block:ifLink3Title}
  909.              {block:ifLink4Title}
  910.              <a href="{text:Link 4}">
  911.              {text:Link 4 Title}</a>
  912.              {/block:ifLink4Title}
  913.              {block:ifLink5Title}
  914.              <a href="{text:Link 5}">
  915.              {text:Link 5 Title}</a>
  916.              {/block:ifLink5Title}
  917.         </div>
  918.        
  919.     <a href="#">
  920.         <div id="back_top_top">Back to top</div>    
  921.     </a>
  922.    
  923.     <div class="clear"></div>
  924.     </div>
  925. {/block:IndexPage}
  926. </body>
  927. </html>
clone this paste RAW Paste Data