API tools faq
paste
Advertisement
ErisNotEros

Theme: Burton

ErisNotEros
Mar 8th, 2012
5,608
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.06 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5.  
  6.  
  7. ┌┬┐ ┐┌ ┌┐ ┌┬┐ ┌┐ ┌┐ ┌┐ ┐┌ ┌┐ ┌┐ ┐ ┌┐
  8. │ ├┤ ├ │││ ├ └┐ ├┴┐ └┤ ├ ├┴┐ │ └┐
  9. ┴ ┘└ └┘ ┘ └ └┘ └┘ └─┘ ┘ └┘ ┘ └ └ └┘
  10. visit themesbyeris.tumblr.com for more themes
  11.  
  12. -->
  13.  
  14. <head>
  15.  
  16.  
  17.  
  18. <meta name="color:Background" content="#1a1a1a" />
  19. <meta name="color:Blog Background" content="#ffffff" />
  20. <meta name="color:Titles" content="#1a1a1a" />
  21. <meta name="color:Text" content="#1a1a1a"/>
  22. <meta name="color:Links" content="#a58c90" />
  23. <meta name="color:Links Hover" content="#471f24" />
  24. <meta name="color:blockquotes" content="#1a1a1a" />
  25.  
  26. <meta name="font:All" content="Georgia" />
  27.  
  28. <meta name="image:Background Image" content="https://static.tumblr.com/b9lril6/wuznboqjd/blackpaper_seamless.png" />
  29. <meta name="image:Banner Image" content="https://static.tumblr.com/b9lril6/yocnboqk0/banner.png" />
  30. <meta name="image:Sidebar Image" content="https://static.tumblr.com/b9lril6/4Tunboqkj/sidebar.png" />
  31.  
  32. <meta name="if:Show RSS Link" content="1" />
  33. <meta name="if:Show Archive Link" content="1" />
  34. <meta name="if:Infinite Scroll" content="0" />
  35. <meta name="if:Search Bar" content="0" />
  36.  
  37. <meta name="text:Title font size" content="16" />
  38. <meta name="text:Text font size" content="10" />
  39. <meta name="text:Tag font size" content="10" />
  40.  
  41.  
  42.  
  43. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  44. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  45. <link rel="shortcut icon" href="{Favicon}" />
  46. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  48.  
  49. <style type="text/css">
  50.  
  51. body {background:{color:Background} url({image:Background Image}) center top; color:{color:text}; font-family:{font:All}; font-size:{text:Text font size}px; word-wrap:break-word; width:100%; height:100%; margin:0; padding:0;}
  52.  
  53. img {max-width:100%; border:0;}
  54. a {text-decoration:none; color:{color:Links};}
  55. a:hover {color:{color:Links Hover};}
  56. h1 {font-size:{text:Title font size}px; margin:0 0 10px; color:{color:Titles}; font-weight:normal;}
  57. ol, ul {margin:3px 0 3px -15px;}
  58. blockquote {margin:0 0 0 5px; padding:0 0 0 10px; border-left:solid 2px {color:blockquotes};}
  59. .clear {clear:both;}
  60.  
  61. a, a:hover {-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
  62.  
  63.  
  64.  
  65. #banner {width:768px; margin:auto; padding:16px 16px 0; background-color:{color:Blog Background};}
  66. #banner img {display:block; width:768px; height:auto;}
  67.  
  68. #navigation {width:100%; height:50px; margin-bottom:-50px;}
  69. #navigation.sticky {position:fixed; top:0;}
  70. #navigation div {width:768px; margin:auto; padding:16px; background-color:{color:Blog Background}; text-align:center; font-size:{text:Title font size}px;}
  71. #navigation span {display:inline-block; padding:0 6px;}
  72. #navigation span:last-child {display:none;}
  73.  
  74.  
  75.  
  76. #content {width:800px; margin:auto; padding-top:50px; background-color:{color:Blog Background};}
  77.  
  78.  
  79. #sidebar {width:248px; padding:0 16px 0; float:left;}
  80. #sidebar.sticky {position:fixed; top:50px;}
  81. #sidebar .title {text-align:center; margin:8px 0;}
  82.  
  83. #sidebar .search {padding-top:16px; display:table; margin:auto;}
  84. #sidebar .search input {padding:8px; border:0; font-family:{font:All}; font-size:{text:Text font size}px;}
  85. #sidebar .search input:focus {outline:none;}
  86. #sidebar .search input.text {background-color:rgba({RGBcolor:Text},0.05); color:{color:Text}; margin-right:4px;}
  87. #sidebar .search input.button {background-color:{color:Links}; color:{color:Blog Background};}
  88. #sidebar .search input.button:hover {}
  89.  
  90.  
  91.  
  92.  
  93.  
  94. #post {padding:16px 16px 48px 0; width:500px; float:right;}
  95. #post #audio {margin:10px 0;}
  96. #post #audio {width:100%; border-collapse:collapse;}
  97. #post #audio td.albumart {width:100px; height:100px; padding-right:10px;}
  98. #post #audio td.albumart img {width:100px; height:100px;}
  99. #post .askericon {margin-right:5px; -moz-border-radius:4px; vertical-align:-10px; border-radius:4px; width:{text:Title font size}px; height:{text:Title font size}px; vertical-align:text-bottom;}
  100.  
  101. #post .footer {margin-top:10px; font-size:{text:Tag font size}px; color:{color:Links};}
  102. #post .footer .tag-commas:last-child {display:none;}
  103. #bottom {background-color:{color:Blog Background}; width:800px; height:100%; position:fixed; bottom:0; left:50%; margin-left:-400px; z-index:-1;}
  104.  
  105. #pagination {width:500px; padding:16px; text-align:center; font-size:{text:Title font size}px; float:right;}
  106.  
  107. #notecontainer {width:100%; padding:20px 0 60px;}
  108. #notecontainer ol {list-style-type:none; margin:0; padding:0;}
  109. #notecontainer il {margin-bottom:4px;}
  110. #notecontainer img.avatar {width:16px; height:16px; margin-right:10px; position:relative; top:3px;}
  111. #notecontainer blockquote {margin-left:35px;}
  112.  
  113. a.credit {position:fixed; top:50px; right:5px; z-index:99; height:12px; padding:2px 5px 4px 4px; background-color:rgba(0,0,0,0.38); border:1px solid rgba(0,0,0,0.18); border-radius:3px; color:#ffffff; font:normal bold 12px arial; text-decoration:none;}
  114.  
  115.  
  116. {CustomCSS}
  117.  
  118. </style>
  119.  
  120.  
  121. {block:IfInfiniteScroll}<script type="text/javascript" src="https://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
  122.  
  123.  
  124.  
  125. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  126.  
  127. <script>
  128.  
  129.  
  130. $(function() {
  131. $(window).scroll(sticky_relocate1);
  132. sticky_relocate1();
  133. });
  134.  
  135. function sticky_relocate1() {
  136. var window_top = $(window).scrollTop();
  137. var div_top = $('#navigation-anchor').offset().top;
  138. if (window_top > div_top)
  139. $('#navigation').addClass('sticky');
  140. else
  141. $('#navigation').removeClass('sticky');
  142. }
  143.  
  144.  
  145.  
  146. $(function() {
  147. $(window).scroll(sticky_relocate2);
  148. sticky_relocate2();
  149. });
  150.  
  151. function sticky_relocate2() {
  152. var window_top = $(window).scrollTop();
  153. var div_top = $('#navigation-anchor').offset().top;
  154. if (window_top > div_top)
  155. $('#sidebar').addClass('sticky');
  156. else
  157. $('#sidebar').removeClass('sticky');
  158. }
  159.  
  160.  
  161. </script>
  162.  
  163. </head>
  164. <body>
  165. <a href="https://themesbyeris.tumblr.com/" class="credit">Themes by Eris</a>
  166. <!-- Do not remove credit -->
  167.  
  168.  
  169. <div id="banner">
  170. <a href="/"><img src="{image:Banner Image}" /></a>
  171. </div>
  172.  
  173. <div id="navigation-anchor"></div>
  174. <div id="navigation"><div>
  175. {block:AskEnabled}<a href="/ask">{AskLabel}</a><span>•</span>{/block:AskEnabled}
  176. {block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a><span>•</span>{/block:SubmissionsEnabled}
  177. {block:IfShowRSSLink}<a href="{RSS}">RSS</a><span>•</span>{/block:IfShowRSSLink}
  178. {block:IfShowArchiveLink}<a href="/archive">Archive</a><span>•</span>{/block:IfShowArchiveLink}
  179. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a><span>•</span>{/block:Pages}{/block:HasPages}
  180. </div></div>
  181.  
  182.  
  183.  
  184. <div id="content">
  185.  
  186.  
  187. <div id="sidebar-anchor"></div>
  188. <div id="sidebar">
  189. <img src="{image:Sidebar Image}" />
  190. <h1 class="title"><a href="/">{Title}</a></h1>
  191. {Description}
  192. {block:IfSearchBar}
  193. <div class="search">
  194. <form action="/search" method="get">
  195. <input class="text" type="text" name="q" value="{SearchQuery}"/>
  196. <input class="button" type="submit" value="Search"/>
  197. </form>
  198. </div>
  199. {/block:IfSearchBar}
  200. </div> <!--sidebar-->
  201.  
  202.  
  203.  
  204. {block:IfInfiniteScroll}<div class="autopagerize_page_element">{/block:IfInfiniteScroll}
  205. {block:Posts}
  206. <div id="post">
  207.  
  208. {block:Photo}
  209. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  210. {block:Caption}<br />{Caption}{/block:Caption}
  211. {/block:Photo}
  212.  
  213. {block:Video}
  214. {Video-500}
  215. {block:Caption}<br />{Caption}{/block:Caption}
  216. {/block:Video}
  217.  
  218. {block:Audio}
  219. <table id="audio"><tr>
  220. {block:AlbumArt}<td class="albumart" rowspan="2"><img class="albumart" src="{AlbumArtURL}" /></td>{/block:AlbumArt}
  221. <td>{AudioPlayerBlack}</td></tr>
  222. <tr><td>
  223. {block:PlayCount}{PlayCountWithLabel}<br />{/block:PlayCount}
  224. {block:Artist}<strong>Artist: </strong>{Artist}<br />{/block:Artist}
  225. {block:Album}<strong>Album: </strong>{Album}<br />{/block:Album}
  226. {block:TrackName}<strong>Track Name: </strong>{TrackName}{/block:TrackName}
  227. </td></tr></table>
  228. {block:Caption}{Caption}{/block:Caption}
  229. {/block:Audio}
  230.  
  231. {block:Quote}
  232. <h1 style="margin-bottom:0;">“{Quote}”</h1>
  233. {block:Source}{lang:Source}: {Source}{/block:Source}
  234. {/block:Quote}
  235.  
  236. {block:Text}
  237. {block:Title}<h1>{Title}</h1>{/block:Title}
  238. {Body}
  239. {/block:Text}
  240.  
  241. {block:Answer}
  242. <h1><img class="askericon" src="{AskerPortraitURL-128}" />{Asker} asked: {Question}</h1>
  243. {Answer}
  244. {block:Answer}
  245.  
  246. {block:Chat}
  247. {block:Title}<h1>{Title}</h1>{/block:Title}
  248. {block:Lines}{block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br>{/block:Lines}
  249. {/block:Chat}
  250.  
  251. {block:Link}
  252. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  253. {block:Description}{Description}{/block:Description}
  254. {/block:Link}
  255.  
  256. <div class="footer">
  257. {block:Date}
  258. <a href="{Permalink}">{lang:Posted TimeAgo with NoteCount notes}</a><br />
  259. {block:HasTags}{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}{/block:HasTags}
  260. {/block:Date}
  261. </div>
  262.  
  263. {block:PostNotes}
  264. <div id="notecontainer">{PostNotes}</div>
  265. {/block:PostNotes}
  266.  
  267. </div> <!--post-->
  268. {/block:Posts}
  269. {block:IfInfiniteScroll}</div>{/block:IfInfiniteScroll}
  270.  
  271. <br class="clear" />
  272.  
  273. {block:IfNotInfiniteScroll}
  274. {block:Pagination}
  275. <div id="pagination">
  276. {block:PreviousPage}
  277. <a href="{PreviousPage}">{lang:Previous}</a>
  278. {block:NextPage} | {/block:NextPage}
  279. {/block:PreviousPage}
  280. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  281. </div> <!--pagination-->
  282. {/block:Pagination}
  283. {/block:IfNotInfiniteScroll}
  284.  
  285. <br class="clear" />
  286.  
  287. </div> <!--content-->
  288. <div id="bottom"></div>
  289.  
  290. </body>
  291. </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!