API tools faq
paste
Advertisement
ErisNotEros

Theme: Pottermore

ErisNotEros
Mar 6th, 2012
7,244
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.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. <meta name="if:Infinite Scroll" content="0" />
  17. <meta name="if:Search Bar" content="0" />
  18.  
  19. <meta name="if:Show Ask Link" content="1" />
  20. <meta name="if:Show Submit Link" content="1" />
  21. <meta name="if:Show Page Links" content="1" />
  22. <meta name="if:Show RSS Link" content="0" />
  23. <meta name="if:Show Archive Link" content="0" />
  24.  
  25. <meta name="image:Wizard Photo" content="https://static.tumblr.com/060551797d1e2dfd806c2c43f3f46e04/ar04e8q/5ZSnboit1/tumblr_static_6bzaai72kggsowsk0c08w4w0g.png" />
  26. <meta name="image:Background" content="https://static.tumblr.com/0cd7ecddff428506c11025c075b919c7/ar04e8q/2ZVormn7l/tumblr_static_7xixpt6v7l44c80g0g8c4gk4s.jpg" />
  27.  
  28. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  29. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  30. <link rel="shortcut icon" href="{Favicon}" />
  31. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  33.  
  34. <style type="text/css">
  35.  
  36. body {background:#000000 url({image:Background}) no-repeat fixed center top; background-size:auto; color:#ffffff; font-family:georgia,serif; font-size:14px; font-weight:300!important; word-wrap:break-word; width:100%; height:100%; margin:0; padding:0; min-width:1060px;}
  37.  
  38. img {max-width:100%; border:0;}
  39. a {text-decoration:none; color:#e1c8d5;}
  40. a:hover {text-decoration:underline;}
  41. strong, b {font-weight:700!important;}
  42. h1 {font-size:20px; color:#ffff5e; margin:0 0 10px; font-weight:300;}
  43. ol, ul {margin:3px 0 3px -15px;}
  44.  
  45. 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;}
  46.  
  47. #left {width:277px; position:fixed; top:0; right:50%; margin-right:290px; z-index:1;}
  48. #left img {display:block;}
  49. #left a {display:block; background:url(https://static.tumblr.com/ar04e8q/v2znboawl/wizardphoto_bg.jpg) repeat-y center top;}
  50. #left a img {width:257px; height:auto; margin:auto;}
  51.  
  52. #right {width:280px; position:fixed; top:0; left:50%; margin-left:290px; z-index:3;}
  53. #right img {display:block;}
  54. #right .content {background-color:#315357; width:212px; margin:0 auto; padding:0 20px; text-align:center;}
  55. #right a.title {color:#d2e099; font-size:17px; text-decoration:none; padding-bottom:10px;}
  56. #right a.title:hover {text-decoration:underline;}
  57. #right hr {margin:0 auto; width:58px; height:10px; padding:20px 0 10px; background:url(https://static.tumblr.com/ar04e8q/1wmnbobof/sidebardivider.png) no-repeat center center; border:0;}
  58. #right a {color:#ffff5e;}
  59. #right .links a {display:block;}
  60.  
  61. #right .search {padding-top:14px;}
  62. #right .search input {padding:6px; border:0; font:14px georgia,serif;}
  63. #right .search input:focus {outline:none;}
  64. #right .search input.text {background-color:#456a6e; color:#ffffff; width:138px;}
  65. #right .search input.button {background-color:#456a6e; color:#ffff5e;}
  66. #right .search input.button:hover {text-decoration:underline;}
  67.  
  68.  
  69.  
  70. #middle {width:550px; margin:auto; position:relative; z-index:2;}
  71. #content {background-color:#74043f; width:500px; margin:0 auto; padding:0 10px;}
  72. #content hr {border:0; margin:0 auto; width:266px; height:37px; background:url(https://static.tumblr.com/ar04e8q/ynOnbodhe/maindivider.png) no-repeat center center; padding:10px 0;}
  73.  
  74. #post h1 {text-align:center;}
  75. #post h1 a {color:#ffff5e;}
  76. #post h1.title {padding:0 70px; position:relative; margin:auto; display:table;}
  77. #post h1.title:before {content:url(https://static.tumblr.com/ar04e8q/d7Fnbofsl/decoration1.png); position:absolute; top:3px; left:0;}
  78. #post h1.title:after {content:url(https://static.tumblr.com/ar04e8q/PlMnbofsw/decoration2.png); position:absolute; top:3px; right:0;}
  79. #post .audio {background-color:#9b2f68; width:208px; padding:8px;}
  80. #post .audio span {display:block; text-align:center; padding-top:4px;}
  81. #post .question img {display:block;}
  82. #post .question div {background-color:#9b2f68; width:460px; margin:auto; padding:0 10px 10px; font-size:20px; color:#ffff5e; font-weight:300; text-align:center;}
  83. #post .question .asker {display:block; text-align:center; margin-top:-24px;}
  84.  
  85.  
  86.  
  87. #post blockquote {margin:0 0 0 10px; padding:0 0 0 10px; border-left:solid 3px #ffff5e;}
  88. #post blockquote blockquote {border-color:rgba(255,255,94,0.8);}
  89. #post blockquote blockquote blockquote {border-color:rgba(255,255,94,0.6);}
  90. #post blockquote blockquote blockquote blockquote {border-color:rgba(255,255,94,0.4);}
  91. #post blockquote blockquote blockquote blockquote blockquote {border-color:rgba(255,255,94,0.2);}
  92.  
  93.  
  94.  
  95. #footer {margin-top:14px; font-family:'Helvetica',arial,sans-serif; font-size:10px; color:#9b2f68;}
  96. #footer a {color:#9b2f68;}
  97.  
  98. #pagination {text-align:center; padding:30px 0 60px; font:11px Helvetica,arial,sans-serif;}
  99.  
  100. #notecontainer {width:500px; padding:10px 0 0;}
  101. #notecontainer ol {list-style-type:none; margin:0; padding:0;}
  102. #notecontainer li {margin-bottom:4px;}
  103. #notecontainer img.avatar {width:16px; height:16px; margin-right:10px; position:relative; top:3px;}
  104. #notecontainer blockquote {margin-left:35px;}
  105.  
  106. #searchresults {color:#FFFFFF; margin:0 auto 20px; font-family:Georgia, Serif; font-size:20px;}
  107. #searchresults .search_query {font-weight:700;}
  108. #searchresults .search_query:before {content:'“';}
  109. #searchresults .search_query:after {content:'”';}
  110.  
  111. a.credit {display:block; width:24px; height:24px; position:fixed; bottom:5px; right:5px; z-index:99; background:url(https://static.tumblr.com/1b424551fa0cf765c96000625d8333e7/ar04e8q/IXcpog6eu/tumblr_static_72okfia78oowwkwww8wswk0oc.png) no-repeat; opacity:0.2;}
  112. a.credit:hover {opacity:0.4;}
  113.  
  114.  
  115. {CustomCSS}
  116.  
  117. </style>
  118.  
  119.  
  120. {block:IfInfiniteScroll}<script type="text/javascript" src="https://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
  121.  
  122. </head>
  123. <body>
  124. <a href="https://themesbyeris.tumblr.com/" class="credit" title="themes by eris"></a>
  125. <!-- Do not remove the credit -->
  126.  
  127.  
  128. <div id="left">
  129. <img width="277px" height="49px" src="https://static.tumblr.com/ar04e8q/hGWnboapx/wizardphoto_top.jpg" />
  130. <a href="/"><img src="{image:Wizard Photo}" /></a>
  131. <img width:"277px" height="9px" src="https://static.tumblr.com/ar04e8q/sAinboat0/wizardphoto_bottom.jpg" />
  132. </div>
  133.  
  134. <div id="right">
  135. <img width="280px" height="92px" src="https://static.tumblr.com/ar04e8q/qyAnbobu5/sidebartop.png" />
  136. <div class="content">
  137. <a class="title" href="/">{Title}</a>
  138. <hr>
  139. {Description}
  140. <hr>
  141. <div class="links">
  142. {block:IfShowAskLink}{block:AskEnabled}
  143. <a href="/ask">{AskLabel}</a>
  144. {/block:AskEnabled}{/block:IfShowAskLink}
  145. {block:IfShowSubmitLink}{block:SubmissionsEnabled}
  146. <a href="/submit">{SubmitLabel}</a>
  147. {/block:SubmissionsEnabled}{/block:IfShowSubmitLink}
  148. {block:IfShowPageLinks}{block:Pages}
  149. <a href="{URL}">{Label}</a>
  150. {/block:Pages}{/block:IfShowPageLinks}
  151. {block:IfShowRSSLink}
  152. <a href="{RSS}">RSS feed</a>
  153. {/block:IfShowRSSLink}
  154. {block:IfShowArchiveLink}
  155. <a href="/archive">Archive</a>
  156. {/block:IfShowArchiveLink}
  157. </div>
  158. {block:IfSearchBar}
  159. <div class="search">
  160. <form action="/search" method="get">
  161. <input class="text" type="text" name="q" value="{SearchQuery}"/>
  162. <input class="button" type="submit" value="Search"/>
  163. </form>
  164. </div>
  165. {/block:IfSearchBar}
  166. </div>
  167. <img width="280px" height="61px" src="https://static.tumblr.com/ar04e8q/xuZnbobun/sidebarbottom.png" />
  168. </div>
  169.  
  170.  
  171.  
  172.  
  173.  
  174.  
  175. <div id="middle">
  176. <img style="display:block;" width="550px" height="72px" src="https://static.tumblr.com/ar04e8q/phrnbocz4/maintop.png" />
  177.  
  178.  
  179. <div id="content">
  180. <div class="autopagerize_page_element">
  181.  
  182. {block:SearchPage}
  183. {block:SearchResults}
  184. <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
  185. {/block:SearchResults}
  186.  
  187. {block:NoSearchResults}
  188. <div id="searchresults">{lang:No search results for SearchQuery 2}</div>
  189. {/block:NoSearchResults}
  190. {/block:SearchPage}
  191.  
  192. {block:Posts}
  193. <div id="post">
  194.  
  195. {block:Photo}
  196. {LinkOpenTag}<img style="display:block;" src="{PhotoURL-500}" />{LinkCloseTag}
  197. {block:Caption}{Caption}{/block:Caption}
  198. {/block:Photo}
  199.  
  200. {block:Photoset}
  201. {Photoset-500}
  202. {block:Caption}{Caption}{/block:Caption}
  203. {/block:Photoset}
  204.  
  205. {block:Video}
  206. {Video-500}
  207. {block:Caption}{Caption}{/block:Caption}
  208. {/block:Video}
  209.  
  210. {block:Audio}
  211. <div class="audio">
  212. {AudioPlayerWhite}
  213. <span>{PlayCountWithLabel}</span>
  214. </div>
  215. {block:Caption}{Caption}{/block:Caption}
  216. {/block:Audio}
  217.  
  218. {block:Quote}
  219. <h1>“{Quote}”</h1>
  220. {block:Source}—&nbsp;{Source}{/block:Source}
  221. {/block:Quote}
  222.  
  223. {block:Text}
  224. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  225. {Body}
  226. {/block:Text}
  227.  
  228. {block:Answer}
  229. <div class="question">
  230. <img width="500px" height="30px" src="https://static.tumblr.com/ar04e8q/qx6nboh48/questiontop.png" />
  231. <div>{Question}</div>
  232. <img width="500px" height="30px" src="https://static.tumblr.com/ar04e8q/dGPnbogzw/questionbottom.png" />
  233. <span class="asker">{Asker}</span>
  234. </div>
  235. {Answer}
  236. {block:Answer}
  237.  
  238. {block:Chat}
  239. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  240. {block:Lines}{block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />{/block:Lines}
  241. {/block:Chat}
  242.  
  243. {block:Link}
  244. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  245. {block:Description}{Description}{/block:Description}
  246. {/block:Link}
  247.  
  248. {block:Date}
  249. <div id="footer">
  250. <a href="{Permalink}">Posted {TimeAgo}</a>
  251. {block:NoteCount} | <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  252. {block:HasTags}<br />
  253. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp; {/block:Tags}
  254. {/block:HasTags}
  255. </div> <!--footer-->
  256. {/block:Date}
  257.  
  258. {block:PostNotes}
  259. <div id="notecontainer">{PostNotes}</div>
  260. {/block:PostNotes}
  261.  
  262. </div> <!--post-->
  263. <hr>
  264. {/block:Posts}
  265. </div> <!--autopagerize_page_element-->
  266.  
  267. </div> <!--content-->
  268.  
  269. <img style="display:block;" width="550px" height="87px" src="https://static.tumblr.com/ar04e8q/1MDnbod1k/mainbottom.png" />
  270. </div> <!--#middle-->
  271.  
  272. {block:IfNotInfiniteScroll}
  273. {block:Pagination}
  274. <div id="pagination">
  275. {block:PreviousPage}
  276. <a href="{PreviousPage}">{lang:Previous}</a>
  277. {block:NextPage} | {/block:NextPage}
  278. {/block:PreviousPage}
  279. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  280. </div> <!--pagination-->
  281. {/block:Pagination}
  282. {/block:IfNotInfiniteScroll}
  283.  
  284. </body>
  285. </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!