API tools faq
paste
sherloeckchen

theme #4

sherloeckchen
Sep 12th, 2012
3,291
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.04 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.  
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head>
  7.  
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11. <link rel="shortcut icon" href="{Favicon}" />
  12. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  14.  
  15. <meta name="if:caption" content="1"/>
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'>
  18.  
  19. <!-- LAZY LOAD -->
  20. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  21. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  22. <script type="text/javascript" charset="utf-8">
  23. var $j = jQuery.noConflict();
  24. $j(function() {
  25. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  26. $j("img").lazyload({
  27. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  28. effect: "fadeIn",
  29. });
  30. });
  31. </script>
  32.  
  33. </head>
  34.  
  35. <style type="text/css">
  36.  
  37. body{
  38. margin:0px;
  39. padding:0px;
  40. background-color:#fff;
  41. color:#202020;
  42. font-family:cambria, times, serif;
  43. font-size:10px;
  44. letter-spacing:0px;
  45. text-align:justify;
  46. overflow-x:hidden;
  47. }
  48.  
  49. a, a:active, a:visited{text-decoration:none;color:teal;-webkit-transition: all 0.7s ease-in;-moz-transition: all 0.7s ease-in;-o-transition: all 0.7s ease-in;}
  50. a:hover{color:black;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  51.  
  52. #sidebar{
  53. margin-top:80px;
  54. margin-left:50px;
  55. width:150px;
  56. background-color:rgba(0, 0, 0, 0.8);
  57. color:white;
  58. padding:20px;
  59. position:fixed;
  60. text-align:center;
  61. }
  62.  
  63. .pagination{text-align:center;}
  64. .previouspage{float:left;text-align:left;}
  65. .nextpage{float:right;text-align:right;}
  66.  
  67. #sidebar a{color:white !important;}
  68. #sidebar a:active{color:white !important;}
  69. #sidebar a:visited{color:white !important;}
  70. #sidebar a:hover{color:white !important;}
  71.  
  72. #container{
  73. width:405px;
  74. margin-left:380px;
  75. margin-top:90px;
  76. margin-bottom:90px;
  77. }
  78.  
  79. .post{width:405px;margin-bottom:100px;}
  80.  
  81. .musicplayer{
  82. padding-top:87px;
  83. padding-left:87px;
  84. width:25px;
  85. height:25px;
  86. z-index:2;
  87. overflow:hidden;
  88. display:block;
  89. background-color:black;
  90. position:absolute;
  91. opacity:0.5;
  92. -webkit-transition:0.5s ease-in-out;
  93. }
  94.  
  95. .musicbackground:hover .musicplayer{opacity:1;}
  96.  
  97. .musicbackground{
  98. width:200px;
  99. height:200px;
  100. background-color:black;
  101. position:absolute;
  102. opacity:0.8;
  103. }
  104.  
  105. .audioimg{
  106. margin-left:205px;
  107. width:200px;
  108. height:200px;
  109. position:absolute;
  110. }
  111.  
  112. .audioimg img{
  113. float:right;
  114. opacity:1;
  115. width:200px;
  116. }
  117.  
  118. .audioinfo{
  119. margin-top:205px;
  120. width:365px;
  121. height:35px;
  122. padding:20px;
  123. background-color:black;
  124. color:white;
  125. text-align:center;
  126. position:absolute;
  127. z-index:3;
  128. opacity:0.8;
  129. }
  130.  
  131. .musicpost{width:405px;height:280px;}
  132.  
  133. .posttitle{text-align:center;font-size:14px;font-family:oranienbaum;}
  134.  
  135. .postinfo{
  136. margin-top:10px;
  137. padding-top:5px;
  138. border-top:1px solid #fbfbfb;
  139. text-align:center;
  140. opacity:0.3;
  141. -webkit-transition:0.4s ease-out;
  142. }
  143.  
  144. .post:hover .postinfo{opacity:0.8;}
  145.  
  146. .postinfo a, a:active, a:visited, a:hover{color:black !important;}
  147.  
  148. ::-webkit-scrollbar-thumb:vertical{background-color: #202020;border-bottom:4px solid #fff;border-top:4px solid #fff;border-right:4px solid #fff;height: 100px;}
  149. ::-webkit-scrollbar-thumb:horizontal{background-color: #202020;border-bottom:4px solid #fff;border-left:4px solid #fff;border-right:4px solid #fff;}
  150. ::-webkit-scrollbar{height: 12px; width: 12px; background-color: #FFFFFF;}
  151.  
  152. ::-moz-selection, ::selection{background-color: #202020;color: #fff;}
  153.  
  154. #tumblr_controls{top:10px;right:10px;position:fixed;opacity:0.8;position:fixed}
  155.  
  156. </style>
  157.  
  158. <body>
  159.  
  160. <div class=”source”>{block:ContentSource}<a href=”{SourceURL}”>{lang:Source}:{block:SourceLogo}
  161. <img src=”{BlackLogoURL}” width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  162. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  163. {/block:ContentSource}</div>
  164.  
  165. <div id="sidebar">
  166. <i><a href="/">home</a> - <a href="/ask">message</a> - <a href="/archive">archive</a> - <a href="http://sherloeckchen.tumblr.com/>theme</a></i><br><br>
  167. {description}
  168. {block:Pagination}<br><br><br><div class="pagination">{block:PreviousPage}<div class="previouspage"><a href="{PreviousPage}">←</a></div>{/block:PreviousPage}{CurrentPage} of {TotalPages}{block:NextPage}<div class="nextpage"><a href="{NextPage}">→</a>{/block:NextPage}</div></div>{/block:Pagination}
  169. </div>
  170.  
  171. <div id="container">
  172.  
  173. {block:Posts}
  174.  
  175. <div class="post">
  176.  
  177. {block:Text}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}{Body}{block:More}<a href="{Permalink}">More ?</a>{/block:More}{/block:Text}
  178.  
  179. {block:Photo}<a href="{Permalink}">
  180. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  181. <img src="{block:IndexPage}{PhotoURL-400}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="405px" />{block:ifcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifcaption}
  182. </a>{/block:Photo}
  183.  
  184. {block:Photoset}{Photoset-400}{block:ifcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifcaption}
  185. {/block:Photoset}
  186.  
  187. {block:Quote}{Quote}<p>
  188. {block:Source}—{Source}{/block:Source}{/block:Quote}
  189.  
  190. {block:Link}<a href="{URL}"><div class="posttitle">{Name}</div></a>{block:Description}{Description}{/block:Description}{/block:Link}
  191.  
  192. {block:Video}
  193. {Video-400}{block:ifcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifcaption}{/block:Video}
  194.  
  195. {block:Chat}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}<p>
  196. {block:Lines}<div style="margin-bottom:4px;">{block:Label}<span style="text-transform: uppercase; font-family:'Old Standard TT'; font-style:;"> {Label}</span>{/block:Label}&nbsp;&nbsp;{Line}<br></div>{/block:Lines}{/block:Chat}
  197.  
  198. {block:Answer}
  199. <div class="answer"><div style="font-size:8px;letter-spacing:1px;text-transform:uppercase;text-align:center;padding-bottom:4px;border-bottom:1px solid white;">{Asker}</div><br>{Question}</div>
  200. <br>{Answer}
  201. {/block:Answer}
  202.  
  203. {block:Audio}
  204. <div class="musicpost"><div class="musicbackground"><div class="musicplayer">{AudioPlayerBlack}</div></div>
  205. <div class="audioimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  206. <div class="audioinfo">
  207. {block:TrackName}<div style="font-family:oranienbaum;text-transform:uppercase;letter-spacing:2px;font-size:14px;margin-bottom:5px;">{TrackName}</div>{/block:TrackName}
  208. {block:Artist}{Artist}{/block:Artist}{block:Album} on {Album}{/block:Album}</div></div>
  209. {block:ifcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifcaption}
  210. {/block:Audio}
  211.  
  212. {block:Date}<div class="postinfo">
  213. <div class="postsource">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> © <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}</div>
  214. <a title="{TimeAgo}: {Month} {DayOfMonth}, {Year}" href="{Permalink}">{TimeAgo}</a>
  215. {block:HasTags}{block:Tags} - <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  216. </div>{/block:Date}
  217.  
  218. </div>
  219.  
  220. {/block:Posts}
  221.  
  222. {block:PermalinkPage}
  223. {block:PostNotes}{PostNotes}{/block:PostNotes}
  224. {/block:PermalinkPage}
  225.  
  226. </div>
  227. </div>
  228.  
  229. </body>
  230. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!