Don't like ads? PRO users don't see any ads ;-)
Public Pastes

theme four

By: harrystylesanon on Aug 10th, 2012  |  syntax: None  |  size: 16.61 KB  |  hits: 22  |  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. <head>
  2. <link href='http://fonts.googleapis.com/css?family=Loved+by+the+King' rel='stylesheet' type='text/css'>
  3.  
  4. <script type="text/javascript">
  5.   WebFontConfig = {
  6.     google: { families: [ 'Loved+by+the+King::latin' ] }
  7.   };
  8.   (function() {
  9.     var wf = document.createElement('script');
  10.     wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  11.       '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  12.     wf.type = 'text/javascript';
  13.     wf.async = 'true';
  14.     var s = document.getElementsByTagName('script')[0];
  15.     s.parentNode.insertBefore(wf, s);
  16.   })(); </script>
  17.  
  18. <link href='http://fonts.googleapis.com/css?family=Karla|Overlock|Waiting+for+the+Sunrise' rel='stylesheet' type='text/css'>
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. <div id="smdz"><a href="http://officialharryanon.tumblr.com">credit</a></div>
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <meta name="color:text" content="#111111" />
  26. <meta name="color:title" content="#111111" />
  27. <meta name="color:sidebar" content="#ffffff" />
  28. <meta name="color:background" content="#ffffff" />
  29. <meta name="color:link" content="#00a1ff" />
  30. <meta name="color:linkhover" content="#ffffff" />
  31. <meta name="color:titleshadow" content="#000000">
  32. <meta name="color:border" content="#000000" />
  33. <meta name="text:link1" content="" />
  34. <meta name="text:link1title" content="" />
  35. <meta name="text:link2" content="" />
  36. <meta name="text:link2title" content="" />
  37. <meta name="text:link3" content="" />
  38. <meta name="text:link3title" content="" />
  39. <meta name="text:link4" content="" />
  40. <meta name="text:link4title" content="" />
  41. <meta name="font:body" content="georgia" />
  42. <meta name="image:sidebar" content="" />
  43.  
  44. <style type="text/css">
  45.  
  46.  @import url(http://fonts.googleapis.com/css?family=Loved+by+the+King);
  47.  
  48.  
  49. body{background:white; margin:0px; color:{color:text}; font-family:Karla;font-size:10px; line-height:100%;}
  50. a{text-decoration:none; outline:none; -moz-outline-style:none; color:{color:link};}
  51. img{border:none;}
  52. blockquote{padding-left:5px; border-left:1px dashed {color:link};}
  53. blockquote blockquote{padding-left:5px; border-left:1px dashed {color:link};}
  54. #left{padding:10px; width:500px;}
  55. #entry{width:500px;}
  56.  
  57.  
  58. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  59.  
  60. a:hover{color:{color:linkhover}; font-style:none; -webkit-transition: 0.4s ease-in;
  61. -o-transition: 0.4s ease-in;
  62. -moz-transition: 0.4s ease-in;
  63. transition: 0.4s ease-in;
  64. text-shadow: 0px 0px 2px #000
  65. }
  66.  
  67.  #smdz{ position:fixed !important; right:6px; top:26px; font-family: ; font-size: 10px; line-height:12px; vertical-align: middle; overflow: hidden; background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png); background-repeat:repeat; border:1px dashed rgba(0,0,0,0.1); padding:3px; -webkit-border-radius:2px; moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; z-index: 100;}
  68.  
  69. #smdz a{color: #fff;}
  70.  
  71.  
  72. #postz {background:transparent; margin-left:315px; overflow:hidden; padding-top:10px; }
  73.  
  74. #sidebar {background-color:{color:sidebar}; margin-left:900px; margin-top:50px; width:250px; position:fixed;
  75. overflow:hidden; padding:3px;}
  76.  
  77. #sidebarimg img {width:250px; height:auto; text-align:center; border:1px dashed {color:border};}
  78.  
  79. @font-face {
  80. font-family: "sweetly";
  81. src: url('http://static.tumblr.com/z5o2pr2/vpWm0rjxz/sweetly_broken.ttf');
  82. }
  83.  
  84.  @font-face { font-family: "black swan"; src: url('http://static.tumblr.com/v1tggoh/R5qlzevb9/a_s_black_swan.ttf');}
  85.  
  86.  
  87. #title {color:{color:text}; background:transparent; font-size:20px; text-align:center; font-family: 'Loved by the King', cursive; line-height:33px;}
  88.  
  89.  
  90.  
  91. #description {color:{color:text}; background-color:{color:sidebar} font-size:13px; text-align:center; font-family:karla; line-height:110%;}
  92.  
  93. #linkz {background-color:{color:sidebar}; font-size:17px; text-align:center; font-family: 'Loved by the King', cursive; line-height:110%; border-bottom:1px solid black;}
  94.  
  95.  
  96. #pagination {color:{color:link}; text-align: center; font-family:{font:body}; font-size:25px;}
  97.  
  98. #entry .permaz a{color:{Color:Links};}
  99.  
  100. #entry .permaz{width:350px; position: absolute; font-family: karla; font-size: 11px; line-height: 11px; text-align: center;overflow:hidden; opacity: 0.0; background-color:;}
  101.  
  102. #entry:hover .permaz{overflow:visible;-webkit-transition: opacity 0.2s linear; opacity: 0.8; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  103.  
  104. #postnotes{ text-align: justify;}
  105.  
  106. #postnotes blockquote{ border: 0px;}
  107.  
  108.  
  109. h1 {color:{color:text}; font-size:14px; line-height:16px; text-align:left; font-family:Sweetly;}
  110.  
  111. h2 {color:{color:text}; font-size:12px; line-height:14px; text-align:left; font-family:Sweetly;}
  112.  
  113. #askz {color:{color:text}; background:transparent; font-size:10px; padding:3px;}
  114.  
  115. .askz a{color:{color:link};}
  116.  
  117. p{margin-top:3px; margin-bottom:3px}
  118.  
  119.  ol.notes img {
  120.         width: 16px;
  121.         display: inline;
  122.         position: relative;
  123.         top: 3px;
  124.     }
  125.      
  126.     .entry {
  127.         margin: 5px 0px;
  128.         {block:indexpage}
  129.         width: 500px;
  130.         {/block:indexpage}
  131.         {block:permalinkpage}
  132.         width: 500px;
  133.         {/block:permalinkpage}
  134.         padding: 0px;
  135.         display: block;
  136.         position: relative;    
  137.     }
  138.      
  139.     .entry img {
  140.         display: block;
  141.         max-width: 100%;
  142.         {block:indexpage}
  143.         {block:iffadedimages}
  144.         opacity: .75;
  145.         filter: alpha(opacity = 75);
  146.         {/block:iffadedimages}
  147.         {/block:indexpage}
  148.     }
  149.      
  150.      
  151.     .entry:hover img {
  152.         max-width: 100%;
  153.         {block:indexpage}
  154.         {block:iffadedimages}
  155.         opacity: 1.0;
  156.         filter: alpha(opacity = 100);
  157.         {/block:iffadedimages}
  158.         {/block:indexpage}
  159.     }
  160.      
  161.     blockquote, q {
  162.         quotes: "«" "»" "'" "'";
  163.         padding-left: 5px;
  164.         border-left: 1px dashed {color:border color};
  165.         background: {color:blockquote};
  166.     }
  167.      
  168.      
  169.     p {
  170.         margin: 5px 0px;
  171.     }
  172.      
  173.      
  174.     p.tags a {
  175.         opacity: 1;
  176.         filter: alpha(opacity = 100);
  177.     }
  178.      
  179.     p.tags a:hover {
  180.         opacity: 1.0;
  181.         filter: alpha(opacity = 100);
  182.     }
  183.     p.tags {
  184.         border-top: 1px dashed {color:border color};
  185.         margin: 0px;
  186.         font-size: 8px;
  187.         text-transform: uppercase;
  188.     }
  189.      
  190.      
  191.      
  192.      
  193.      
  194.     #bite .death {
  195.         margin-top: -15px;
  196.         filter: alpha(opacity = 0);
  197.         opacity: 0;
  198.         -webkit-transition: all 0.3s ease-out;
  199.         -moz-transition: all 0.3s ease-out;
  200.         transition: all 0.3s ease-out;
  201.     }
  202.     #titexcel {
  203.         position: absolute;
  204.         right: 3px;
  205.         top: 26px;
  206.     }
  207.        
  208.      
  209.      
  210.      
  211.     .perma {
  212.         opacity: 0.0;
  213.         filter: alpha(opacity = 0);
  214.         z-index:9999991;  
  215.         display: inline-block;
  216.         position: absolute;
  217.         left: 5px;
  218.         height: 20px;
  219.         bottom: 5px;
  220.         margin-left: 40px;
  221.     }
  222.          
  223.     .entry:hover .perma   {
  224.         margin-left: 0px;
  225.         opacity: 1;
  226.         filter: alpha(opacity = 100);
  227.     }
  228.        
  229.     .likep {
  230.         width: 21px;
  231.         height: 20px;
  232.         overflow: hidden;
  233.         z-index: 9999999;
  234.         display: inline-block;
  235.     }
  236.      
  237.     .rep {
  238.         width: 24px;
  239.         height: 20px;
  240.         overflow: hidden;
  241.         z-index: 9999999;
  242.         display: inline-block;  
  243.     }  
  244.      
  245.     .likep a:hover {
  246.         background-position: 0px 0px;
  247.     }
  248.      
  249.     .likep a {
  250.         background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  251.         background-position: 0px 0px;
  252.         display: block;
  253.         z-index: 9999999;
  254.     }
  255.      
  256.     .likep img {
  257.         width: 21px;
  258.         height: 20px;
  259.     }
  260.      
  261.     .rep img{
  262.         width: 24px;
  263.         height: 20px;
  264.         line-height: 30px;
  265.         display: inline;
  266.     }
  267.          
  268.     .not {
  269.          position: absolute;
  270.          right: 5px;
  271.          bottom: 5px;
  272.         display: inline-block;
  273.         background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  274.         height: 20px;
  275.         font-size: 11px;
  276.         line-height: 20px;
  277.         color: #fff;
  278.         padding-left: 4px;
  279.         padding-right: 4px;
  280.         -moz-border-radius: 2px;
  281.         border-radius:  2px;
  282.         margin-right: 40px;
  283.         opacity: 0.0;
  284.         filter: alpha(opacity = 0);
  285.     }
  286.    
  287.     #background{ repeat;}
  288.      
  289.     .not a {
  290.         color: #fff;
  291.         font-weight: bold;
  292.         font-family: Arial, Helvetica, sans-serif;
  293.     }
  294.          
  295.     .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  296.         opacity: 0.8;
  297.         filter: alpha(opacity = 80);
  298.         margin-right: 0;
  299.     }
  300.      
  301.     .not:hover , .rep:hover, .likep:hover {
  302.         opacity: 1!important;
  303.         filter: alpha(opacity = 100)!important;
  304.     }
  305.        
  306.     .t {
  307.         text-align: right;
  308.         opacity: 1;
  309.         filter: alpha(opacity = 100);
  310.     }
  311.      
  312.     p.t {
  313.         margin: 5px 0px 0px 0px;
  314.         font-size: 10px;
  315.         line-height: 14px;
  316.     }
  317.      
  318.     .entry:hover .t {
  319.         opacity: 1;
  320.         filter: alpha(opacity = 100);
  321.     }
  322.  
  323. </style>
  324. <style type="text/css">{CustomCSS}</style>
  325. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  326. </head>
  327.  
  328. <body>
  329. <div id="sidebar">
  330. <div id="title">
  331. <a href="/">{title}</a></div>
  332. <div id="sidebarimg">
  333. <img src="{image:Sidebar}"></div>
  334. <div id="linkz">
  335. <a href="/">home</a> - <a href="/ask">ask</a> - <a href="{text:link1}">{text:link1title}</a> - <a href="{text:link2}">{text:link2title}</a> - <a href="{text:link3}">{text:link3title}</a> - <a href="{text:link4}">{text:link4title}</a></div>
  336. <div id="description">
  337. {block:Description}{Description}{/block:Description}</div>
  338. <div id="pagination">
  339. {block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}
  340. </div>
  341. </div>
  342. <br>
  343.  
  344.  
  345.  <div id="postz">
  346.     {block:Posts}
  347.     <div class="entry">
  348.     {block:Text}
  349.         {block:Title}
  350.             <h3><a href="{Permalink}">{Title}</a></h3>
  351.         {/block:Title}
  352.             {Body}  
  353.             {block:indexpage}
  354.             <p class="t">+ <a href="{Permalink}">{NoteCount}</a></p>
  355.             {/block:indexpage}
  356.     {/block:Text}
  357.      
  358.     {block:Photo}
  359.      {block:IndexPage}
  360.         <div class="perma">
  361.         <div class="likep">
  362.         <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  363.         </div>
  364.         <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  365.         </div>  
  366.         </div>  
  367.             <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  368.     {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}
  369.     {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  370.     {/block:IndexPage}
  371.     {block:PermalinkPage}
  372.         {LinkOpenTag}
  373.         <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="810"/></a>
  374.         {LinkCloseTag}
  375.     {/block:PermalinkPage}
  376.     {/block:Photo}
  377.      
  378.     {block:Photoset}
  379.      {block:IndexPage}
  380.         <div class="perma">
  381.         <div class="likep">
  382.         <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  383.         </div>
  384.         <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  385.         </div>  
  386.         </div>  
  387.             <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  388.         <center>{Photoset-500}</center>
  389.         {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  390.     {/block:IndexPage}
  391.     {block:permalinkpage}
  392.     {Photoset-500}
  393.     {/block:permalinkpage}
  394.        
  395.     {/block:Photoset}
  396.      
  397.     {block:Quote}
  398.         "{Quote}"
  399.         {block:Source}
  400.             <div class="source">{Source}</div>
  401.         {/block:Source}  
  402.             {block:indexpage}
  403.             <p class="t">+ <a href="{Permalink}">{NoteCount}</a></p>
  404.             {/block:indexpage}
  405.     {/block:Quote}
  406.      
  407.     {block:Link}
  408.             <a href="{URL}" class="link" {Target}>{Name}</a>
  409.             {block:Description}
  410.                     <div class="description">{Description}</div>
  411.             {/block:Description}
  412.             {block:indexpage}
  413.             <p class="t">+ <a href="{Permalink}">{NoteCount}</a></p>
  414.             {/block:indexpage}
  415.     {/block:Link}
  416.      
  417.     {block:Chat}
  418.             {block:Title}
  419.                     <h3><a href="{Permalink}">{Title}</a></h3>
  420.             {/block:Title}
  421.             <ul class="chat">
  422.                {block:Lines}
  423.                <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  424.                       {Line} </li>
  425.                     {/block:Lines}
  426.             </ul>  
  427.             {block:indexpage}
  428.             <p class="t">+ <a href="{Permalink}">{NoteCount}</a></p>
  429.             {/block:indexpage}
  430.     {/block:Chat}
  431.      
  432.     {block:Video}
  433.        {block:IndexPage}
  434.         <div class="perma">
  435.         <div class="likep">
  436.         <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  437.         </div>
  438.         <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  439.         </div>  
  440.         </div>  
  441.             <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  442.         <center>{Video-500}<center>
  443.         {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  444.         {/block:IndexPage}
  445.         {block:permalinkpage}
  446.         {Video-500}
  447.         {/block:permalinkpage}
  448.     {/block:Video}
  449.      
  450.     {block:Audio}
  451.         {AudioPlayerBlack}
  452.         {block:indexpage}
  453.             {block:Caption}
  454.         {Caption}
  455.         {/block:Caption}
  456.             <p class="t">+ <a href="{Permalink}">{NoteCount}</a></p>
  457.         {/block:indexpage}
  458.     {/block:Audio}
  459.      
  460.     {block:indexpage}
  461.     {block:ifshowtags}
  462.     {block:HasTags}<p class="tags">{lang:Tagged}: {block:Tags} + <a href="{TagURL}">{Tag}</a> {/block:Tags}</p>{/block:HasTags}
  463.     {/block:ifshowtags}
  464.     {/block:indexpage}
  465.      
  466.     {block:permalinkpage}
  467.     {block:Caption}{Caption}{/block:Caption}{block:PostNotes}
  468.     <p class="c"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a></p>{/block:PostNotes}
  469.     {block:RebloggedFrom}<p class="c">Reblogged from  - <a href="{ReblogParentURL}">{ReblogParentTitle}</a></p>{/block:RebloggedFrom}
  470.     {block:ContentSource}<p class="c">Source -  <a href="{SourceURL}" target="_blank">{SourceTitle}</a></p>{/block:ContentSource}
  471.     {block:HasTags}<p class="tags">{lang:Tagged}: {block:Tags} + <a href="{TagURL}">{Tag}</a> {/block:Tags}</p>{/block:HasTags}
  472.     {/block:permalinkpage}
  473.      
  474.      
  475.      
  476.      
  477.     {block:ContentSource}
  478.     <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  479.     {/block:ContentSource}
  480.      
  481.      
  482.     <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  483.      
  484.     {block:PostNotes}{PostNotes}{/block:PostNotes}
  485.     </div>  
  486.     {/block:Posts}
  487.     <div class="clear"></div>
  488.     </div>
  489.     </div>
  490.    
  491.     <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/03/tiny-hand-10.html" target="_blank" title="Tiny Hand"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Tiny Hand" style="position:absolute; top: 0px; right: 0px;" /></a>
  492.    
  493.    
  494.        
  495.     </script>
  496.     </body>
  497.     </html>
create a new version of this paste RAW Paste Data