API tools faq
paste
Advertisement
ErisNotEros

Theme: Library

ErisNotEros
Mar 24th, 2012
16,992
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.83 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="color:Book Link" content="#6d3a1f" />
  17. <meta name="color:Book Text" content="#000000" />
  18. <meta name="color:Notes" content="#ffffff" />
  19. <meta name="color:Popup Background" content="#ffffff" />
  20. <meta name="color:Popup Link" content="#6d3a1f" />
  21. <meta name="color:Popup Text" content="#000000" />
  22. <meta name="color:Sidebar Background" content="#ddd3ba" />
  23. <meta name="color:Sidebar Foreground" content="#000000" />
  24. <meta name="color:Sidebar Description" content="#ffffff" />
  25. <meta name="color:Sidebar Hover" content="#6d3a1f" />
  26. <meta name="color:Sidebar Links" content="#ddd3ba" />
  27.  
  28. <meta name="font:Books" content="Georgia" />
  29. <meta name="font:Notes" content="Helvetica" />
  30. <meta name="font:Popups" content="Georgia" />
  31. <meta name="font:Sidebar" content="Helvetica" />
  32. <meta name="font:Title" content="Georgia"/>
  33.  
  34. <meta name="if:Add Margin On Right" content="0" />
  35. <meta name="if:Show Archive Link" content="1" />
  36. <meta name="if:Show RSS Link" content="1" />
  37. <meta name="if:Sidebar Background Tile" content="1" />
  38. <meta name="if:Popup Ask and Submit Boxes" content="1" />
  39. <meta name="if:Hide Scrollbar in Chrome and Safari" content="1" />
  40.  
  41. <meta name="image:Sidebar Background" content="https://static.tumblr.com/ar04e8q/T1Ymaftrg/pattern.png" />
  42.  
  43. <meta name="text:Books Text Size" content="11" />
  44. <meta name="text:Books Title Size" content="16" />
  45. <meta name="text:Notes size" content="10" />
  46. <meta name="text:Popup Text Size" content="11" />
  47. <meta name="text:Popup Title Size" content="16" />
  48. <meta name="text:Sidebar BG position" content="center top" />
  49. <meta name="text:Sidebar Link Size" content="14" />
  50. <meta name="text:Sidebar Text Size" content="10" />
  51. <meta name="text:Sidebar Title Size" content="30" />
  52. <meta name="text:Sidebar Width" content="250" />
  53. <meta name="text:Sidebar desc opacity" content="0.4" />
  54. <meta name="text:Username" content="" />
  55.  
  56.  
  57.  
  58. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  59. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  60. <link rel="shortcut icon" href="{Favicon}" />
  61. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  62. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  63.  
  64. <style type="text/css">
  65.  
  66.  
  67. body {background-color:black; height:100%; margin:0; padding:0; word-wrap:break-word; overflow-y:scroll; overflow-x:hidden;}
  68. img {max-width:100%; border:0;}
  69. a {text-decoration:none;}
  70. h1 {margin:0 0 10px;}
  71. ol {list-style-type:upper-roman; margin:3px 0 3px -15px;}
  72. ul {margin:3px 0 3px -15px;}
  73. blockquote {margin:-8px 0 -3px 5px; padding:0 0 0 5px; border-left:solid 2px {color:Popup Text};}
  74. .clear {clear:both;}
  75.  
  76.  
  77. /*
  78. ----------------------------------- IMAGES -----------------------------------
  79. If any image links break, they can be fixed in this section
  80. */
  81.  
  82.  
  83. /* All images for the Index Page */
  84.  
  85. {block:IndexPage}
  86.  
  87. body {
  88. background-image:url(https://68.media.tumblr.com/154ce6a734a92a7a236c8cbb28771b4b/tumblr_ormj1oeMk11rst5wso10_400.png);
  89. }
  90.  
  91. {/block:IndexPage}
  92.  
  93.  
  94.  
  95. #books a.photo {
  96. background-image:url(https://68.media.tumblr.com/8a05638a3a61a17e71dc32f2033200af/tumblr_ormit7wNla1rst5wso5_250.png);
  97.  
  98. }
  99.  
  100. #books a.photos {
  101. background-image:url(https://68.media.tumblr.com/3914ba762c79aa9f6dde71cc45ec89b9/tumblr_ormit7wNla1rst5wso6_250.png);
  102.  
  103. }
  104.  
  105. #books a.video {
  106. background-image:url(https://68.media.tumblr.com/953976af43ea89d90328611b5cd71ca3/tumblr_ormit7wNla1rst5wso9_250.png);
  107.  
  108. }
  109.  
  110. #books a.audio {
  111. background-image:url(https://68.media.tumblr.com/171dd962759bbe1a588c55c1715253ae/tumblr_ormit7wNla1rst5wso2_250.png);
  112.  
  113. }
  114.  
  115. #books a.quote {
  116. background-image:url(https://68.media.tumblr.com/20104d6ab2b5e450e5e79763a06c22a8/tumblr_ormit7wNla1rst5wso7_250.png);
  117.  
  118. }
  119.  
  120. #books a.text {
  121. background-image:url(https://68.media.tumblr.com/62519de4c8ed15c59af30e6bb4f8adb4/tumblr_ormit7wNla1rst5wso8_250.png);
  122.  
  123. }
  124.  
  125.  
  126.  
  127. /* All images for Permalink Pages */
  128.  
  129.  
  130. {block:PermalinkPage}
  131.  
  132. body {
  133. background-image:url(https://68.media.tumblr.com/cde19cf6d56c5eb8139e4cea451ecc5a/tumblr_ormj1oeMk11rst5wso7_1280.png);
  134. }
  135.  
  136. {/block:PermalinkPage}
  137.  
  138. #perma #book.photo,
  139. #perma #book.photoset {
  140. background-image:url(https://41.media.tumblr.com/414f030baa85c94e45598e3dee976316/tumblr_nsc0avsPHY1rst5wso4_1280.png);
  141. }
  142.  
  143. #perma #book.text,
  144. #perma #book.video,
  145. #perma #book.chat {
  146. background-image:url(https://40.media.tumblr.com/dd1c54861014f08d981d48840ce161da/tumblr_nsc0avsPHY1rst5wso6_1280.png);
  147. }
  148.  
  149. #perma #book.audio {
  150. background-image:url(https://41.media.tumblr.com/de90128d99a7af807b43a5919a1edf80/tumblr_nsc0avsPHY1rst5wso2_400.png);
  151. }
  152.  
  153. #perma #book.quote {
  154. background-image:url(https://36.media.tumblr.com/cc3632adb2a24c9fb77d4a09d11fd7ed/tumblr_nsc0avsPHY1rst5wso5_500.png);
  155. }
  156.  
  157. #perma #book.answer {
  158. background-image:url(https://36.media.tumblr.com/0257903fe97e9b5f57f321d3c70ecd48/tumblr_nsc0avsPHY1rst5wso1_1280.png);
  159. }
  160.  
  161. #perma #book.link {
  162. background-image:url(https://41.media.tumblr.com/fd75911a94af1563ae142cefe7a0cc2b/tumblr_nsc0avsPHY1rst5wso3_500.png);
  163. }
  164.  
  165.  
  166.  
  167.  
  168.  
  169. /*
  170. ------------------------------------------------------------------------------
  171. Do not edit below here
  172. */
  173.  
  174.  
  175.  
  176.  
  177.  
  178.  
  179. {block:IndexPage}
  180. body {background-position:0 -25px;}
  181. {/block:IndexPage}
  182. {block:PermalinkPage}
  183. body {background-position:0 0;}
  184. {/block:PermalinkPage}
  185.  
  186.  
  187. a, a:hover, #perma #book.photo .image, #perma #book.photo .image:hover, #perma #book.photoset .images, #perma #book.photoset .images:hover, .albumart .player, .albumart:hover .player {-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
  188. #books, #books:hover, #books .videoplayer img, #books .videoplayer img:hover
  189. {-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;}
  190.  
  191.  
  192.  
  193. {block:IfHideScrollbarInChromeAndSafari}
  194. ::-webkit-scrollbar {width:0px;}
  195. {/block:IfHideScrollbarInChromeAndSafari}
  196.  
  197.  
  198.  
  199. #sidebar {height:100%; position:fixed; left:0; z-index:2; -moz-box-shadow:3px 0 5px #000000; -webkit-box-shadow:3px 0 5px #000000; box-shadow:3px 0 5px #000000; background-image:url({image:Sidebar Background}); background-color:{color:Sidebar Background}; width:{text:Sidebar Width}px; font-family:{font:Sidebar}; background-position:{text:Sidebar BG position};{block:IfNotSidebarBackgroundTile} background-repeat:no-repeat;{/block:IfNotSidebarBackgroundTile}}
  200.  
  201. #sidebar .stripe1, #sidebar .stripe2 {width: 100%; margin:3px 0; background-color:{color:Sidebar Foreground};}
  202. #sidebar .stripe1 {height:6px;}
  203. #sidebar .stripe2 {height:3px;}
  204.  
  205. #sidebar .title {width:100%; padding:10px 0; text-align:center; font-family:{font:Title}; font-size:{text:Sidebar Title Size}px; background-color:{color:Sidebar Foreground};}
  206. #sidebar .title a {color:{color:Sidebar Links};}
  207. #sidebar .title a:hover {color:{color:Sidebar Hover};}
  208.  
  209. #sidebar .description {margin:5px; padding:10px 5px; color:{color:Sidebar Foreground}; font-size:{text:Sidebar Text Size}px; background-color:rgba({RGBcolor:Sidebar Description},{text:Sidebar desc opacity});}
  210. #sidebar .description a {font-weight:bold; color:{color:Sidebar Foreground};}
  211. #sidebar .description a:hover {text-decoration:underline;}
  212.  
  213. #sidebar .links {text-align:center; width:100%; padding:3px 0; font-size:{text:Sidebar Link Size}px; background-color:{color:Sidebar Foreground};}
  214. #sidebar .links a {color:{color:Sidebar Links};}
  215. #sidebar .links a:hover {color:{color:Sidebar Hover};}
  216.  
  217.  
  218.  
  219. #content {height:100%; margin-left:{text:Sidebar Width}px; {block:IfAddMarginOnRight} margin-right:240px;{/block:IfAddMarginOnRight}}
  220.  
  221. #books {float:left;}
  222. #books:hover {-webkit-transform: scale(1.1) translate(0,-15px); -moz-transform: scale(1.1) translate(0,-15px); -o-transform: scale(1.1) translate(0,-15px); transform:scale(1.1) translate(0,-15px);}
  223. #hidden {display:none;}
  224. #books a {display:block; height:370px;}
  225. #books a.photo {width:65px;}
  226. #books a.photos {width:63px;}
  227. #books a.video {width:67px;}
  228. #books a.audio {width:19px;}
  229. #books a.quote {width:47px;}
  230. #books a.text {width:66px;}
  231.  
  232.  
  233.  
  234.  
  235.  
  236. #books #popup {display:none; z-index:10; width:250px; height:250px; overflow:hidden; position:absolute; bottom:-255px; left:0px; text-decoration:none; color:{color:Popup Text}; font-family:{font:Popups}; font-size:{text:Popup Text Size}px; background-color:{color:Popup Background}; border:solid 5px {color:Popup Background};}
  237. #books #popup a {text-decoration:none; color:{color:Popup Link};}
  238. #books #popup a:hover {text-decoration:underline;}
  239. #books:hover #popup {display:block;}
  240. #books:visited {text-decoration:none; border:solid 5px {color:Popup Background};}
  241. #books #popup h1 {font-size:{text:Popup Title Size}px;}
  242.  
  243. #books #pointer {display:none; position:absolute; bottom:4px; z-index:9; border-left:solid 17px transparent; border-right:solid 17px transparent; border-bottom:solid 17px {color:Popup Background};}
  244. #books:hover #pointer {display:block;}
  245. #books #pointer.photo, #books #pointer.photoset, #books #pointer.video, #books #pointer.text {left:16px;}
  246. #books #pointer.link, #books #pointer.chat {left:7px;}
  247. #books #pointer.quote {left:4px;}
  248. #books #pointer.answer {left:10px;}
  249. #books #pointer.audio {left:0; border-width:0 10px 17px 10px;}
  250.  
  251. #books #popup .videoplayer {background-color:black; width:100%; height:153px}
  252. #books #popup .videoplayer img {width:46px; height:32px; margin:60px 0 0 102px; opacity:0.6;}
  253. #books #popup .videoplayer img:hover {opacity:1;}
  254.  
  255. #books #popup table {border-collapse:collapse; width:100%; margin-bottom:10px;}
  256. #books #popup table tr td {vertical-align:top;}
  257. #books #popup td.audioplayer {color:white; background-color:black; padding:8px 0;}
  258. #books #popup td.audioplayer a {color:white;}
  259. #books #popup td.audioplayer strong {padding:0 10px;}
  260. #books #popup td.albumart {width:64px; height:64px;}
  261. #books #popup img.albumart {width:100%; height:100%; margin:3px 3px 3px 0;}
  262. #books #popup .askerportrait {width:64px; height:64px; float:left; margin:0 5px 5px 0;}
  263.  
  264. #books #footer {display:none; width:260px; text-align:center; position:absolute; bottom:-274px; left:0; background-color:rgba(0,0,0,0.5); padding:3px 0; z-index:9; -webkit-border-bottom-right-radius:12px; -webkit-border-bottom-left-radius:12px; -moz-border-radius-bottomright:12px; -moz-border-radius-bottomleft:12px; border-bottom-right-radius:12px; border-bottom-left-radius:12px;}
  265. #books:hover #footer {display:block;}
  266. #footer, #books .audioplayer, #perma .header {text-decoration:none; color:{color:Notes}; font-family:{font:Notes}; font-size:{text:Notes size}px;}
  267. #footer a, #books .audioplayer a, #perma .header a {text-decoration:none; color:{color:Notes};}
  268. #footer a:hover, #books .audioplayer a:hover, #perma .header a:hover {text-decoration:underline;}
  269.  
  270.  
  271.  
  272.  
  273. #perma {height:100%; margin-left:{text:Sidebar Width}px;}
  274. #perma #permacontent {width:732px; margin:auto; padding:100px 0;}
  275. #perma .header {font-size:40px;}
  276.  
  277. #perma #book {margin:0 auto; position:relative; text-decoration:none; color:{color:Book Text}; font-family:{font:Books}; font-size:{text:Books Text Size}px;}
  278. #perma #book a {text-decoration:none; color:{color:Book Link};}
  279. #perma #book a:hover {text-decoration:underline;}
  280. #perma #book .text, #perma #book .title {overflow-y:auto; overflow-x:visible; padding:10px 5px 10px 10px; position:absolute;}
  281. #perma #book .title {font-weight:bold; padding-top:20px; font-size:{text:Books Title Size}px;}
  282. #perma blockquote {border-color:{color:Book Text};}
  283.  
  284. #perma #book.photo, #perma #book.photoset {width:638px; height:441px;}
  285.  
  286. #perma #book.photo .image {width:240px; height:auto; opacity:0.9; padding:5px; position:absolute; top:30px; left:55px; z-index:5; background-color:rgba(255, 255, 255, 0);}
  287. #perma #book.photo .image:hover {width:500px; height:auto; opacity:1.0; background-color:rgba(255, 255, 255, 1);}
  288. #perma #book.photoset .images {position:absolute; top:30px; left:52px; z-index:5; height:360px; padding:5px; overflow:hidden; background-color:rgba(255, 255, 255, 0);}
  289. #perma #book.photoset .images:hover {overflow:visible; height:auto; background-color:rgba(255, 255, 255, 1);}
  290.  
  291. #perma #book.photo .text, #perma #book.photoset .text {width:247px; height:383px; top:17px; right:58px;}
  292.  
  293. #perma #book.text, #perma #book.video, #perma #book.chat {width:732px; height:469px;}
  294.  
  295. #perma #book.text .title, #perma #book.chat .title {width:275px; height:410px; top:20px; left:77px;}
  296. #perma #book.text .text, #perma #book.video .text, #perma #book.chat .text {width:280px; height:420px; top:20px; right:70px;}
  297. #perma #book.video .player {position:absolute; top:42px; left:100px; z-index:5;}
  298.  
  299. #perma #book.audio {width:384px; height:279px;}
  300.  
  301. #perma #book.audio .music {position:absolute; padding:10px 5px 10px 5px; width:175px; height:245px; left:6px; top:9px;}
  302. #perma #book.audio .music .albumart {width:150px; height:150px; margin:0 auto 5px; background-image:url(https://36.media.tumblr.com/084f382446e9ec79d10b98b01bba4307/tumblr_nsc0avsPHY1rst5wso9_250.png);}
  303. #perma #book.audio .music .albumart .player {opacity:0; background-color:black; height:27px; width:27px; padding:10px; position:absolute; top:62px; left:69px; z-index:2; -webkit-border-radius:23px; -moz-border-radius:23px; border-radius:23px;}
  304. #perma #book.audio .music .albumart:hover .player {opacity:1;}
  305. #perma #book.audio .music .albumart .player .play {height:27px; width:27px; overflow:hidden;}
  306. #perma #book.audio .text {padding-left:5px; width:175px; height:245px; top:9px; right:6px;}
  307.  
  308. #perma #book.quote {width:413px; height:278px;}
  309.  
  310. #perma #book.quote .title {width:168px; height:240px; top:5px; left:24px;}
  311. #perma #book.quote .text {padding-top:20px; width:168px; height:240px; top:5px; right:24px;}
  312.  
  313. #perma #book.answer {width:628px; height:448px;}
  314.  
  315. #perma #book.answer .title {width:285px; height:400px; top:8px; left:14px;}
  316. #perma #book.answer .text {width:285px; height:410px; top:8px; right:13px;}
  317. #perma #book.answer .askerportrait {width:96px; height:96px; float:left; margin:4px 10px 2px 0;}
  318.  
  319. #perma #book.link {width:440px; height:295px;}
  320.  
  321. #perma #book.link .title {width:180px; height:260px; top:3px; left:25px;}
  322. #perma #book.link .text {width:185px; height:270px; top:3px; right:23px;}
  323.  
  324. #perma #footer {margin-top:20px;}
  325. #perma #footer .date {float:left;}
  326. #perma #footer .info {float:right;}
  327. #perma #footer .info .logo {max-height:16px; width:auto; margin-top:-6px;}
  328.  
  329. #perma #footer .notecontainer {width:100%; margin-top:3px; padding-top:10px; border-top:solid 2px {color:Notes};}
  330. #perma #footer .notecontainer ol.notes {list-style-type:none; margin:0; padding:0;}
  331. #perma #footer .notecontainer ol.notes li {margin-bottom:3px;}
  332. #perma #footer .notecontainer img.avatar {width:16px; height:16px; margin-right:10px; position:relative; top:3px;}
  333. #perma #footer .notecontainer blockquote {margin:3px 0 0 35px; border-color:{color:Notes};}
  334.  
  335. #askbox, #submitbox {position:fixed; z-index:20; width:100%; height:100%; background-color:rgba(0,0,0,0.75);}
  336. #askbox.open, #submitbox.open {display:block;}
  337. #askbox.closed, #submitbox.closed {display:none;}
  338. #askbox #ask, #submitbox #submit {width:500px; padding:20px; position:absolute; left:50%; margin:100px 0 0 -270px; text-decoration:none; z-index:2; color:{color:Popup Text}; font-family:{font:Popups}; font-size:{text:Popup Text Size}px; background-color:{color:Popup Background};}
  339. #askbox #ask a, #submitbox #submit a {text-decoration:none; color:{color:Popup Link};}
  340. #askbox #ask a:hover, #submitbox #submit a:hover {text-decoration:underline;}
  341. #askbox #ask .closebutton, #submitbox #submit .closebutton {position:absolute; bottom:-20px; right:0; font-size:14px; color:{color:Popup Background};}
  342. #askbox #ask .closebutton a, #submitbox #submit .closebutton a, #askbox #ask .closebutton a:hover, #submitbox #submit .closebutton a:hover {text-decoration:none; color:{color:Popup Background};}
  343. #askboxbg, #submitboxbg {width:100%; height:100%; position:absolute; z-index:1;}
  344.  
  345.  
  346. 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;}
  347. a.credit:hover {opacity:0.4;}
  348.  
  349.  
  350. {CustomCSS}
  351. </style>
  352.  
  353.  
  354.  
  355. <script type="text/javascript" src="https://codysherman.com/tools/infinite-scrolling/code"></script>
  356.  
  357. <script type="text/javascript">
  358. function open(askbox) {
  359. var askcontainer = document.getElementById(askbox);
  360. if (askcontainer) {askcontainer.className=(askcontainer.className=='closed')?'open':'closed';}
  361. }
  362.  
  363. function open(submitbox) {
  364. var submitcontainer = document.getElementById(submitbox);
  365. if (submitcontainer) {submitcontainer.className=(submitcontainer.className=='closed')?'open':'closed';}
  366. }
  367. </script>
  368.  
  369.  
  370. </head>
  371. <body>
  372. <a href="https://themesbyeris.tumblr.com/" class="credit" title="themes by eris"></a>
  373. <!-- Do not remove the credit -->
  374.  
  375.  
  376.  
  377. <div id="sidebar">
  378. <div class="stripe1"></div><div class="stripe2"></div>
  379. <div class="title">
  380. <a href="/">{Title}</a>
  381. </div>
  382. <div class="stripe2"></div><div class="stripe1"></div>
  383.  
  384.  
  385. <div class="description">{Description}</div>
  386.  
  387. {block:AskEnabled}
  388. <div class="stripe2"></div>
  389. <div class="links">
  390. <a {block:IfPopupAskAndSubmitBoxes}href="javascript:open('askbox');"{/block:IfPopupAskAndSubmitBoxes}{block:IfNotPopupAskAndSubmitBoxes}href="/ask"{/block:IfNotPopupAskAndSubmitBoxes}>{AskLabel}</a>
  391. </div>
  392. {/block:AskEnabled}
  393.  
  394. {block:SubmissionsEnabled}
  395. <div class="stripe2"></div>
  396. <div class="links">
  397. <a {block:IfPopupAskAndSubmitBoxes}href="javascript:open('submitbox');"{/block:IfPopupAskAndSubmitBoxes}{block:IfNotPopupAskAndSubmitBoxes}href="/submit"{/block:IfNotPopupAskAndSubmitBoxes}>{SubmitLabel}</a>
  398. </div>
  399. {/block:SubmissionsEnabled}
  400.  
  401. {block:IfShowRSSLink}
  402. <div class="stripe2"></div><div class="links">
  403. <a href="{RSS}">{lang:RSS}</a>
  404. </div>
  405. {/block:IfShowRSSLink}
  406.  
  407. {block:IfShowArchiveLink}
  408. <div class="stripe2"></div>
  409. <div class="links">
  410. <a href="/archive">{lang:Archive}</a>
  411. </div>
  412. {/block:IfShowArchiveLink}
  413.  
  414. {block:HasPages}
  415. {block:Pages}
  416. <div class="stripe2"></div>
  417. <div class="links">
  418. <a href="{URL}">{Label}</a>
  419. </div>
  420. {/block:Pages}
  421. {/block:HasPages}
  422.  
  423. <div class="stripe2"></div>
  424. </div>
  425.  
  426.  
  427.  
  428. {block:AskEnabled}
  429. <div id="askbox" class="closed">
  430. <a href="javascript:open('askbox');">
  431. <div id="askboxbg"></div>
  432. </a>
  433. <div id="ask">
  434. <h1>{AskLabel}</h1>
  435. <!--<p>FAQ goes here</p>-->
  436. <iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/ask_form/{text:Username}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  437. </div>
  438. </div>
  439. {/block:AskEnabled}
  440.  
  441.  
  442. {block:SubmissionsEnabled}
  443. <div id="submitbox" class="closed">
  444. <a href="javascript:open('submitbox');">
  445. <div id="submitboxbg"></div>
  446. </a>
  447. <div id="submit">
  448. <h1>{SubmitLabel}</h1>
  449. <iframe frameborder="0" scrolling="no" width="100%" height="500" id="submit_form" src="https://www.tumblr.com/submit_form/{text:Username}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]-->
  450. </div>
  451. </div>
  452. {/block:SubmissionsEnabled}
  453.  
  454.  
  455.  
  456. {block:IndexPage}
  457. <div id="content"><div class="autopagerize_page_element">
  458.  
  459. {block:Posts}
  460. <div id="books">
  461.  
  462. {block:Photo}
  463. <a href="{Permalink}" class="photo"></a>
  464. <div id="pointer" class="photo"></div>
  465. <div id="popup">
  466. <img src="{PhotoURL-250}" />
  467. {block:Caption}{Caption}{/block:Caption}
  468. </div>
  469. {/block:Photo}
  470.  
  471. {block:Photoset}
  472. <a href="{Permalink}" class="photos"></a>
  473. <div id="pointer" class="photoset"></div>
  474. <div id="popup">
  475. {Photoset-250}
  476. {block:Caption}{Caption}{/block:Caption}
  477. </div>
  478. {/block:Photoset}
  479.  
  480. {block:Video}
  481. <a href="{Permalink}" class="video"></a>
  482. <div id="pointer" class="video"></div>
  483. <div id="popup">
  484. <div class="videoplayer">
  485. <a href="{Permalink}">
  486. <img src="https://static.tumblr.com/ar04e8q/jFknsc133/play.png" />
  487. </a>
  488. </div>
  489. {block:Caption}{Caption}{/block:Caption}
  490. </div>
  491. {/block:Video}
  492.  
  493. {block:Audio}
  494. <a href="{Permalink}" class="audio"></a>
  495. <div id="pointer" class="audio"></div>
  496. <div id="popup">
  497. <table>
  498. <tr>
  499. <td class="audioplayer" {block:AlbumArt}colspan="2"{/block:AlbumArt}>
  500. <strong>►</strong>
  501. <a href="{Permalink}">Click through to listen to audio</a>
  502. </td>
  503. </tr>
  504. <tr>
  505. {block:AlbumArt}<td class="albumart" rowspan="4">
  506. <img class="albumart" src="{AlbumArtURL}" />
  507. </td>{/block:AlbumArt}
  508. <td>
  509. <strong>Track Name:</strong>&nbsp;
  510. {block:TrackName}{TrackName}{/block:TrackName}
  511. </td>
  512. </tr>
  513. <tr>
  514. <td>
  515. <strong>Album:</strong>&nbsp;
  516. {block:Album}{Album}{/block:Album}
  517. </td>
  518. </tr>
  519. <tr>
  520. <td>
  521. <strong>Artist:</strong>&nbsp;
  522. {block:Artist}{Artist}{/block:Artist}
  523. </td>
  524. </tr>
  525. <tr>
  526. <td>
  527. <strong>Playcount:</strong>&nbsp;
  528. {block:PlayCount}{FormattedPlayCount}{/block:PlayCount}
  529. </td>
  530. </tr>
  531. </table>
  532. {block:Caption}{Caption}{/block:Caption}
  533. </div>
  534. {/block:Audio}
  535.  
  536. {block:Quote}
  537. <a href="{Permalink}" class="quote"></a>
  538. <div id="pointer" class="quote"></div>
  539. <div id="popup">
  540. <h1>{Quote}</h1>
  541. {block:Source}&ndash; {Source}{/block:Source}
  542. </div>
  543. {/block:Quote}
  544.  
  545. {block:Text}
  546. <a href="{Permalink}" class="text"></a>
  547. <div id="pointer" class="text"></div>
  548. <div id="popup">
  549. {block:Title}<h1>{Title}</h1>{/block:Title}
  550. <div class="text">{Body}</div>
  551. </div>
  552. {/block:Text}
  553.  
  554. {block:Answer}
  555. <a href="{Permalink}"><img src="https://68.media.tumblr.com/61669e8673d8fd746faaf13fd3e52104/tumblr_ormit7wNla1rst5wso1_250.png" /></a>
  556. <div id="pointer" class="answer"></div>
  557. <div id="popup">
  558. <h1 style="margin-bottom:0;"><img class="askerportrait" src="{AskerPortraitURL-64}" />{lang:Asker asked 2}: {Question}</h1>
  559. <br class="clear" />
  560. {Answer}
  561. </div> <!--popup-->
  562. {block:Answer}
  563.  
  564. {block:Chat}
  565. <a href="{Permalink}"><img src="https://68.media.tumblr.com/fc0b5fd0e30b4d38ab00189f44eeac27/tumblr_ormit7wNla1rst5wso3_250.png" /></a>
  566. <div id="pointer" class="chat"></div>
  567. <div id="popup">
  568. {block:Title}<h1>{Title}</h1>{/block:Title}
  569. {block:Lines}{block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br>{/block:Lines}
  570. </div> <!--popup-->
  571. {/block:Chat}
  572.  
  573. {block:Link}
  574. <a href="{Permalink}"><img src="https://68.media.tumblr.com/dfb0a2e518975275f94e68b056d0c126/tumblr_ormit7wNla1rst5wso4_250.png" /></a>
  575. <div id="pointer" class="link"></div>
  576. <div id="popup">
  577. <h1><a href="{URL}">{Name}</a></h1>
  578. {block:Description}{Description}{/block:Description}
  579. </div> <!--popup-->
  580. {/block:Link}
  581.  
  582. <div id="footer">{lang:Posted TimeAgo with NoteCount notes}</div>
  583. <div id="hidden">{block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  584.  
  585. </div> <!--books-->
  586. {/block:Posts}
  587. </div> <!--autopagerize_page_element-->
  588. <br class="clear" />
  589. </div> <!--content-->
  590. {/block:IndexPage}
  591.  
  592.  
  593.  
  594.  
  595.  
  596. {block:PermalinkPage}
  597. <div id="perma">
  598. <div id="permacontent">
  599. {block:Posts}
  600.  
  601. {block:Photo}
  602. <div class="header">{lang:Photo}:</div>
  603. <div id="book" class="photo">
  604. {LinkOpenTag}<img class="image" src="{PhotoURL-500}" />{LinkCloseTag}
  605. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  606. </div> <!--book-->
  607. {/block:Photo}
  608.  
  609. {block:Photoset}
  610. <div class="header">{lang:Photoset}:</div>
  611. <div id="book" class="photoset">
  612. <div class="images">{Photoset-250}</div>
  613. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  614. </div> <!--book-->
  615. {/block:Photoset}
  616.  
  617. {block:Video}
  618. <div class="header">{lang:Video}:</div>
  619. <div id="book" class="video">
  620. <div class="player">{Video-250}</div>
  621. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  622. </div> <!--book-->
  623. {/block:Video}
  624.  
  625. {block:Audio}
  626. <div class="header">{lang:Audio}:</div>
  627. <div id="book" class="audio">
  628. <div class="music">
  629. <div class="albumart">
  630. {block:AlbumArt}<img class="albumart" src="{AlbumArtURL}" />{/block:AlbumArt}
  631. <div class="player"><div class="play">{AudioPlayerblack}</div></div>
  632. </div> <!--albumart-->
  633. {block:TrackName}<strong>Track Name:</strong> {TrackName}<br />{/block:TrackName}
  634. {block:Artist}<strong>Artist:</strong> {Artist}<br />{/block:Artist}
  635. {block:PlayCount}<strong>Play Count:</strong> {FormattedPlayCount}{/block:PlayCount}
  636. </div> <!--music-->
  637. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  638. </div> <!--book-->
  639. {/block:Audio}
  640.  
  641. {block:Quote}
  642. <div class="header">{lang:Quote}:</div>
  643. <div id="book" class="quote">
  644. <div class="title">“{Quote}”</div>
  645. {block:Source}<div class="text"><strong>{lang:Source}:</strong><br /> {Source}</div>{/block:Source}
  646. </div> <!--book-->
  647. {/block:Quote}
  648.  
  649. {block:Text}
  650. <div class="header">{lang:Text}:</div>
  651. <div id="book" class="text">
  652. {block:Title}<div class="title">{Title}</div>{/block:Title}
  653. <div class="text">{Body}</div>
  654. </div> <!--book-->
  655. {/block:Text}
  656.  
  657. {block:Answer}
  658. <div class="header">{lang:Asker asked 2}:</div>
  659. <div id="book" class="answer">
  660. <div class="title"><img class="askerportrait" src="{AskerPortraitURL-96}" />{Question}</div>
  661. <div class="text">{Answer}</div>
  662. </div> <!--book-->
  663. {block:Answer}
  664.  
  665. {block:Chat}
  666. <div class="header">{lang:Chat}:</div>
  667. <div id="book" class="chat">
  668. {block:Title}<div class="title">{Title}</div><br>{/block:Title}
  669. <div class="text">{block:Lines}{block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br>{/block:Lines}</div>
  670. </div> <!--book-->
  671. {/block:Chat}
  672.  
  673. {block:Link}
  674. <div class="header">{lang:Link}:</div>
  675. <div id="book" class="link">
  676. <div class="title"><a href="{URL}">{Name}</a></div>
  677. {block:Description}<div class="text">{Description}</div>{/block:Description}
  678. </div> <!--book-->
  679. {/block:Link}
  680.  
  681. <div id="footer">
  682. <span class="date">{block:Date}<a href="{Permalink}">{lang:Posted TimeAgo with NoteCount notes}</a>{/block:Date}</span>
  683. <span class="info">{block:RebloggedFrom}Via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}"><img class="logo" src="{ReblogParentPortraitURL-16}" /></a>{/block:RebloggedFrom}{block:ContentSource}&nbsp;&nbsp;&nbsp;Source: <a href="{SourceURL}" title="{SourceTitle}">{block:SourceLogo}<img class="logo" src="{BlackLogoURL}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a> {/block:ContentSource}</span>
  684. <br class="clear" />
  685. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  686. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  687. </div> <!--footer-->
  688.  
  689. {block:Posts}
  690. </div> <!--perma-->
  691. </div> <!--permacontent-->
  692. {/block:PermalinkPage}
  693.  
  694.  
  695. </body>
  696. </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!