API tools faq
paste
Advertisement
interludethenshivers

Theme 03, Obsidian

interludethenshivers
Feb 26th, 2013
605
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.71 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-- ♡♡ THEME 03, Obsidian ♡♡
  5. °For any questions or problems ask me in my themesblog,
  6. °Don't use as base
  7. °Keep the credit
  8. °Love, love, love
  9. °♡♡♡♡
  10. -->
  11. <head>
  12. <meta name="color:Background" content="#fff" />
  13. <meta name="color:Text" content="#000" />
  14. <meta name="color:Posts" content="#ffffff" />
  15. <meta name="color:Links" content="#000">
  16. <meta name="color:Links Hover" content="#000" />
  17. <meta name="color:Borders" content="#eee" />
  18. <meta name="color:SidebarBackground" content="#fcfcfc" />
  19.  
  20. <meta name="if:300px Width" content="0"/>
  21. <meta name="if:250px Width" content="1"/>
  22. <meta name="if:200px Width" content="0"/>
  23. <meta name="if:350px Width" content="0"/>
  24. <meta name="if:PostsOpacity" content="1"/>
  25. <meta name="if:PostsBorder" content="1"/>
  26. <meta name="if:PostsBorderBackground" content="1"/>
  27. <meta name="if:ShowSidebarPhoto" content="0"/>
  28. <meta name="if:SidebarImageOpacity" content="1"/>
  29.  
  30. <meta name="image:Sidebar" content=""/>
  31. <meta name="image:Background" content=""/>
  32.  
  33. <meta name="text:LinksSeparators" content="♡" />
  34. <meta name="text:Link1" content="/" />
  35. <meta name="text:Link1 title" content="uno" />
  36. <meta name="text:Link2" content="/" />
  37. <meta name="text:Link2 title" content="dos" />
  38. <meta name="text:Link3" content="/" />
  39. <meta name="text:Link3 title" content="tres" />
  40. <meta name="text:Home Label" content="home" />
  41. <meta name="text:Ask Label" content="message" />
  42. <meta name="text:LinksSeparators" content="/" />
  43.  
  44.  
  45. <title>{Title}</title>
  46. <link rel="shortcut icon" href="{Favicon}">
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  48. <link rel="shortcut icon" href="{Favicon}">
  49. <title>Untitled Document</title>
  50. <link rel="shortcut icon" href="{Favicon}">
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  52.  
  53. {block:Description}
  54. <meta name="description" content="{MetaDescription}" />
  55. {/block:Description}
  56. <link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono|The+Girl+Next+Door|Marck+Script|Lobster|Reenie+Beanie|Shadows+Into+Light+Two|Megrim|Rock+Salt|Raleway:100' rel='stylesheet' type='text/css'>
  57.  
  58. <style type="text/css">
  59.  
  60. @font-face {
  61. font-family: "Neou";
  62. src: url('http://static.tumblr.com/izeveah/7Wtmhnwh0/neou-thin.otf');
  63. }
  64.  
  65. @font-face {
  66. font-family: "Lainie"; src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf'); }
  67. iframe#tumblr_controls {
  68. right:3px !important;
  69. position: fixed !important;
  70. opacity: 0.5;
  71.  
  72. -webkit-transition: opacity 0.7s linear;
  73. -webkit-transition: all 0.8s ease-out;
  74. -moz-transition: all 0.8s ease-out;
  75. transition: all 0.8s ease-out;
  76. -webkit-filter: invert(100%);
  77. }
  78.  
  79. iframe#tumblr_controls:hover{
  80. -webkit-transition: opacity 0.7s linear;
  81. opacity: 1;
  82.  
  83. -webkit-transition: all 0.4s ease-out;
  84. -moz-transition: all 0.4s ease-out;
  85. transition: all 0.4s ease-out;
  86. }
  87.  
  88. iframe#tumblr_controls {
  89. top: 0% !important;
  90. right:0% !important;
  91. position: fixed !important;
  92. }
  93.  
  94. @font-face {
  95. font-family: "Neou";
  96. src: url('http://static.tumblr.com/izeveah/7Wtmhnwh0/neou-thin.otf');
  97. }
  98. @font-face { font-family: "lainie"; src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf'); }
  99.  
  100. body{color:{color:Text}; background-color:{color:Background};font-size:9px; font-family:arial; line-height:15px;}
  101.  
  102. ::-webkit-scrollbar{width:5px;height:5px;}
  103. ::-webkit-scrollbar-button:start:decrement
  104. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  105. ::-webkit-scrollbar-track-piece{background-color:{color:background};-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  106. ::-webkit-scrollbar-thumb:vertical{height:50px;background-color:{color:Text};}
  107. ::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:{color:Text};}
  108.  
  109. a:link, a:active, a:visited {
  110. text-decoration:none;
  111. outline:none;
  112. -moz-outline-style:none;
  113. color:{color:Links};
  114. -moz-transition-duration:0.5s;
  115. -webkit-transition-duration:0.5s;
  116. -o-transition-duration:0.5s;
  117. }
  118.  
  119. a:hover {
  120. opacity:10;
  121. color:{color:Links Hover};
  122. -webkit-transition: all 0.5s ease;
  123. -moz-transition: all 0.5s ease;
  124. -o-transition: all 0.5s ease
  125. }
  126.  
  127. #content{margin: auto auto auto auto; margin-left:145px;width:100%;top:0px;position:relative;}
  128.  
  129.  
  130. #content .posts{{block:if300pxWidth}width:660px;{/block:if300pxWidth}{block:if250pxWidth}width:560px;{/block:if250pxWidth}{block:if200pxWidth}width:460px;{/block:if200pxWidth}{block:if350pxWidth}width:760px;{/block:if350pxWidth}margin:auto;{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  131.  
  132. #content .entry:hover{ -webkit-transition: all 0.5s ease-out;
  133. -moz-transition: all 0.5s ease-out;
  134. transition: all 0.5s ease-out;
  135. opacity: 1;
  136. -webkit-transition: all 0.5s ease;
  137. -moz-transition: all 0.5s ease;
  138. -o-transition: all 0.5s ease;}
  139.  
  140.  
  141. #content .entry{margin:4.2px;
  142. {block:ifPostsBorder}
  143. border:1px solid {color:Borders};
  144. {block:ifPostsBorderBackground}background-color:{color:Posts};{/block:ifPostsBorderBackground}
  145. padding: 1px;
  146. {/block:ifPostsBorder}
  147. {block:IndexPage}{block:if300pxWidth}width:300px;{/block:if300pxWidth}{block:if250pxWidth}width:250px;{/block:if250pxWidth}{block:if200pxWidth}width:200px;{/block:if200pxWidth}{block:if350pxWidth}width:350px;{/block:if350pxWidth}float:center;padding:10px;padding-bottom:10px;{/block:ifOneColumn}{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage} {block:ifPostsOpacity}opacity:0.7;{/block:ifPostsOpacity} -webkit-transition: all 0.5s ease;
  148. -moz-transition: all 0.5s ease;
  149. -o-transition: all 0.5s ease}
  150. #content .entry img{{block:IndexPage}{block:if300pxWidth}max-width:300px;{/block:if300pxWidth}{block:if250pxWidth}max-width:250px;{/block:if250pxWidth}{block:if200pxWidth}max-width:200px;{/block:if200pxWidth}{block:if350pxWidth}max-width:350px;{/block:if350pxWidth}{/block:IndexPage}{block:PermalinkPage}max-width:500px;{/block:PermalinkPage}}
  151.  
  152. /* ♡♡THEME BY INTERLUDE-THEN-SHIVERS.TUMBLR.COM ♡♡*/
  153.  
  154. .reblog{position:absolute;height:14px;bottom:34px; right:35px;opacity:0;filter: alpha(opacity = 0);-moz-transition: all 0.5;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5;}
  155. .reblogg{display:inline-block;margin-right:5px;padding:4px;height:14px;}
  156. .entry:hover .reblog{opacity:0.8;filter: alpha(opacity = 70);-moz-transition: all 0.5;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5;border-bottom:0px;}
  157. .liker{position:absolute;height:14px;bottom:34px; right:10px;opacity:0;filter: alpha(opacity = 0);-moz-transition: all 0.5;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5;}
  158. .likerr{display:inline-block;margin-right:5px;padding:4px;height:14px;}
  159. .entry:hover .liker{opacity:0.8;filter: alpha(opacity = 70);-moz-transition: all 0.5;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5;border-bottom:0px}
  160.  
  161. .post_title{font-family:{font:body};display:block;font-size:{text:Post Title font size}px;line-height:20px;}
  162. .link_title{font-size:{text:Post Title font size}px;line-height:20px;font-family:{font:body};margin-bottom:5px;}
  163. .quote{font-size:{text:Post title font size}px;line-height:20px;text-transform:none;margin-bottom:5px;font-family:{font:body title};}
  164. .text {background-color: {color:post};-webkit-transition: 0.2s ease-in;}
  165.  
  166. .header{width:100%;text-align:center;margin:auto;z-index:1100;margin-bottom:20px;margin-top:100px;}
  167. .top{text-align:center;margin-top:2px;margin-bottom:5px;}
  168. .nav{display: navigate; font-size:{text:Navigation Font Size}px; font-family:{font:navigation};color:{color:text}; word-spacing:10px;}
  169. a.nav{display: navigate; font-size:{text:Navigation Font Size}px; font-family:{font:navigation};color:{color:text};text-decoration:none;}
  170. .nav:hover{ text-decoration:none;}
  171. .title{{block:ifTitleFontUbuntu}font-family: 'Ubuntu Mono', sans-serif;{/block:ifTitleFontUbuntu}{block:ifTitleFontTGND}font-family: 'The Girl Next Door', cursive;{/block:ifTitleFontTGND}{block:ifTitleFontMarck}font-family: 'Marck Script', cursive;{/block:ifTitleFontMarck}{block:ifTitleFontLobster}font-family: 'Lobster', cursive;{/block:ifTitleFontLobster}{block:ifTitleFontRB}font-family: 'Reenie Beanie', cursive;{/block:ifTitleFontRB}{block:ifTitleFontSIL}font-family: 'Shadows Into Light Two', cursive;{/block:ifTitleFontSIL}{block:ifTitleFontMegrim}font-family: 'Megrim', cursive;{/block:ifTitleFontMegrim}{block:ifTitleFontRockS}font-family: 'Rock Salt', cursive;{/block:ifTitleFontRockS}{block:ifTitleFontRaleway}font-family: 'Raleway', cursive;{/block:ifTitleFontRaleway} font-size:{text:Title font size}px; color:{color:Title};padding-bottom:20px;{block:IfItalictitle}font-style:italic;{/block:IfItalictitle}}
  172. .title a {padding:4px;font-size:{text:Title font size}px;color:{color:Title};{block:ifTitleFontUbuntu}font-family: 'Ubuntu Mono', sans-serif;{/block:ifTitleFontUbuntu}{block:ifTitleFontTGND}font-family: 'The Girl Next Door', cursive;{/block:ifTitleFontTGND}{block:ifTitleFontMarck}font-family: 'Marck Script', cursive;{/block:ifTitleFontMarck}{block:ifTitleFontLobster}font-family: 'Lobster', cursive;{/block:ifTitleFontLobster}{block:ifTitleFontRB}font-family: 'Reenie Beanie', cursive;{/block:ifTitleFontRB}{block:ifTitleFontSIL}font-family: 'Shadows Into Light Two', cursive;{/block:ifTitleFontSIL}{block:ifTitleFontMegrim}font-family: 'Megrim', cursive;{/block:ifTitleFontMegrim}{block:ifTitleFontRockS}font-family: 'Rock Salt', cursive;{/block:ifTitleFontRockS}{block:ifTitleFontRaleway}font-family: 'Raleway', cursive;{/block:ifTitleFontRaleway}}
  173. .title a:hover {color:{color:Title Hover};text-decoration:none;}
  174.  
  175. .permalink{text-align:right;color:gray;position: relative;margin-top: -10px;font-size: 10px;opacity: 0;filter: alpha(opacity = 0);-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4;}
  176. div#entry:hover .permalink{margin-top: -5px;opacity: 1;filter: alpha(opacity = 100);-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4;}
  177.  
  178. #audio {width:500px; height:auto; min-height:60px; padding-bottom:13px;}
  179. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  180. .cover img {float:left; width:60px; height:60px;}
  181. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  182. .tripo {margin-left:73px; margin-top:4px; line-height:14px;}
  183.  
  184.  
  185. /* THEME BY INTERLUDE-THEN-SHIVERS.TUMBLR.COM */
  186.  
  187. .audio {display:block;{block:IndexPage}{block:if300pxWidth}width:290px;{/block:if300pxWidth}{block:if250pxWidth}width:240px;{/block:if250pxWidth}{block:if200pxWidth}width:190px;{/block:if200pxWidth}{block:if350pxWidth}width:340px;{/block:if350pxWidth}float:center;padding:15px;padding-bottom:30px;{/block:ifOneColumn}{/block:IndexPage}{block:PermalinkPage}width:488px;{/block:PermalinkPage}background-color:#000;padding:5px;margin-bottom:0px;border-color:{color:Post};}
  188. .audiocap, .videocap{background-color:{color:Post};display:block;padding:10px;}
  189. .photosetcap{background-color:{color:Post};display:block;padding:10px;}
  190. #content .video iframe{display:block;{block:IndexPage}{block:if300pxWidth}width:300px; height:225px;{/block:if300pxWidth}{block:if250pxWidth}width:250px; height:188px;{/block:if250pxWidth}{block:if200pxWidth}width:200px; height:150px;{/block:if200pxWidth}{block:if350pxWidth}width:350px; height:263px;{/block:if350pxWidth}{/block:IndexPage}{block:PermalinkPage}width:500px;height:270px;{/block:PermalinkPage}}
  191. #content .photoset iframe{display:block;{block:IndexPage}{block:if300pxWidth}width:300px;{/block:if300pxWidth}{block:if250pxWidth}width:250px;{/block:if250pxWidth}{block:if200pxWidth}max-width:200px;{/block:if200pxWidth}{block:if350pxWidth}width:350px;{/block:if350pxWidth}{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  192. .videocap{{block:IndexPage}{block:if300pxWidth}max-width:300px;{/block:if300pxWidth}{block:if250pxWidth}max-width:250px;{/block:if250pxWidth}{block:if200pxWidth}max-width:200px;{/block:if200pxWidth}{block:if350pxWidth}max-width:350px;{/block:if350pxWidth}{/block:IndexPage}{block:PermalinkPage}width:480px;{/block:PermalinkPage}}
  193.  
  194. #topDiv{position: fixed;bottom:20px;text-align:center; z-index:1000;display: none;cursor: pointer;right:20px;}
  195.  
  196. #bg img {z-index:-1;position:fixed;top:0;left:0;width:100%;height:100%;}
  197.  
  198. .diego {
  199. position:fixed;
  200. font-family:calibri;
  201. font-size:10px;
  202. line-height:150%;
  203. right:10px;
  204. bottom:10px;
  205. text-transform:uppercase;
  206. text-align:center;
  207. }
  208.  
  209. .diego a {
  210. text-shadow:0px 0px 0px;
  211. border:1px solid #d6d2d2;
  212. outline:1px solid transparent;
  213. outline-offset:1px;
  214. display:inline-block;
  215. width:17px;
  216. height:15px;
  217. padding:2px 1px 2px;
  218. color:#fff;
  219. background-color:#d6d2d2;
  220. -webkit-transform:rotate(0deg);
  221. -moz-transition-duration:0.9s;
  222. -webkit-transition-duration:0.9s;
  223. -o-transition-duration:0.9s;
  224. }
  225.  
  226. .diego a:hover {
  227. border:1px solid #fff;
  228. outline:1px solid #d6d2d2;
  229. outline-offset:1px;
  230. box-shadow:0px 0px 4px #fff;
  231. color:#d6d2d2;
  232. background-color:#fff;
  233. -moz-transition-duration:0.9s;
  234. -webkit-transition-duration:0.9s;
  235. -o-transition-duration:0.9s;
  236. }
  237.  
  238.  
  239. #questions {font-family:cambria; color: {color:text}; text-align:left; text-transform:lowercase; font-size:10px; background-color:#fafafa; padding:10px; font-style:italic;}
  240.  
  241.  
  242. #desqui {
  243. margin-top:5px;
  244. border-top:3px double #eee;
  245. font-family: cambria;
  246. font-size:9.5px;
  247. padding:15px;
  248. margin-bottom:0px;
  249. text-align:left;
  250. letter-spacing:1px;}
  251.  
  252. #sidebar {
  253. margin-top: 120px;
  254. margin-left: 140px;
  255. padding: 10px;
  256. width: 250px;
  257. z-index:234234234;
  258. position:fixed;
  259. background-color:{color:SidebarBackground};
  260. opacity:1;
  261. border:1px #eee solid;
  262. }
  263.  
  264. .miss {
  265. border:1px solid #eee;
  266. padding: 5px;
  267. width:240px;
  268. {block:ifSidebarImageOpacity}
  269. opacity: 0.7;
  270. {/block:ifSidebarImageOpacity}
  271. -webkit-transition: all 0.7s ease;
  272. -moz-transition: all 0.7s ease;
  273. -o-transition: all 0.7s ease}
  274.  
  275. .miss:hover {
  276. -webkit-transition: all 0.7s ease;
  277. -moz-transition: all 0.7s ease;
  278. -o-transition: all 0.7s ease
  279. border:1px solid #eee;
  280. padding: 5px;
  281. width:240px;
  282. {block:ifSidebarImageOpacity}
  283. opacity: .9;
  284. {/block:ifSidebarImageOpacity}}
  285.  
  286.  
  287.  
  288. .you {
  289. line-height:100%;
  290. font-style:none;
  291. font-size:15px;
  292. font-family:basket;
  293. text-decoration:none;
  294. padding: 5px;
  295. }
  296.  
  297.  
  298.  
  299. #hating a{
  300. font-family:basket;
  301. color: {color:Links};
  302. text-decoration: none;
  303. -webkit-transition: color 0.4s ease-out;
  304. -moz-transition: color 0.4s ease-out;
  305. letter-spacing:1px;
  306. }
  307.  
  308. #hating a:hover{
  309. opacity:0.7;
  310. font-family:basket;
  311. color:#acacac;
  312. text-shadow:1px 2px 3px #acacac;
  313. text-shadow:0px 0px 3px #acacac;
  314. -webkit-transition: all 0.2s linear;
  315. -webkit-transition: all 0.2s linear;
  316. -moz-transition: all 0.2s linear;
  317. transition: all 0.2s linear;
  318. letter-spacing:1px;
  319. }
  320.  
  321. .OwnerJoe:before {
  322.  
  323. content: "{text:LinksSeparators}";
  324. }
  325. /* THEME BY INTERLUDE-THEN-SHIVERS.TUMBLR.COM */
  326. </style>
  327.  
  328. <div id="sidebar">
  329. <div class="you"><a href="/">
  330. {Title}
  331. </div></a>
  332. {block:ifShowSidebarPhoto}<center><div class="miss"><img src="{image:sidebar}" width="240px" height=auto></class></a></center>{/block:ifShowSidebarPhoto}
  333.  
  334. <div id="desqui">{Description}</div>
  335.  
  336. <center>
  337. <div id="hating">
  338. <a href="/">{text:Home Label}</a>
  339. <span class="OwnerJoe"></span>
  340. <a href="/ask" title="message">{text:Ask Label}</a>
  341. <span class="OwnerJoe"></span>
  342. {block:ifLink1}<a href="{text:Link1}" >{text:Link1 title}</a>{/block:ifLink1}
  343. <span class="OwnerJoe"></span>
  344. {block:ifLink2}<a href="{text:Link2}">{text:Link2 title}</a>{/block:ifLink2}
  345. <span class="OwnerJoe"></span>
  346. {block:ifLink3}<a href="{text:Link3}">{text:Link3 title}</a>{/block:ifLink3}
  347. </div>
  348. </center>
  349. </div>
  350. <!-- THEME BY INTERLUDE-THEN-SHIVERS.TUMBLR.COM */ -->
  351.  
  352.  
  353.  
  354. {block:Ifbackgroundimage}<div id="bg"><img src="{image:Background}"></div>{/block:Ifbackgroundimage}
  355. <script type="text/javascript" src="http://static.tumblr.com/j1tjexd/WYwm8ed44/like_script.js"></script>
  356. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  357. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  358. </script>
  359. <script src="http://static.tumblr.com/izeveah/3Fvmisz2p/welcome.txt"></script>
  360. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  361.  
  362. <script type="text/javascript">
  363.  
  364. $(window).load(function () {
  365. $('.posts').masonry(),
  366. $('.masonryWrap').infinitescroll({
  367. navSelector : "div#navigation",
  368. // selector for the paged navigation (it will be hidden)
  369. nextSelector : "div#navigation a#nextPage",
  370. // selector for the NEXT link (to page 2)
  371. itemSelector : ".entry",
  372. // selector for all items you'll retrieve
  373. bufferPx : 10000,
  374. extraScrollPx: 11000,
  375. loadingImg : "",
  376. loadingText : "<em></em>",
  377. },
  378. // call masonry as a callback.
  379. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  380. );
  381. });
  382. </script></head>
  383.  
  384. <body>
  385.  
  386.  
  387. <div id="content">
  388.  
  389. <div class="posts">
  390.  
  391. {block:Posts}
  392.  
  393. <div class="entry">
  394.  
  395. {block:Text}<div id="entry">
  396. {block:Title}<span class="post_title">{Title}</span>{/block:Title}
  397. {Body}
  398. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}</div>
  399. {/block:Text}
  400.  
  401. {block:Photo}
  402. {block:IndexPage}<span class="reblog"><span class="reblogg"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/j1tjexd/p25m8ecft/reblog.png" title="reblog"></a></span></span>
  403. <div class="liker"><div class="likerr">
  404. <img height="20" style="height:20px;cursor:pointer;" src="http://static.tumblr.com/j1tjexd/raBm8ecgy/like.png" id="like_image_{PostID}" onclick="LikePost('{PostID}','{ReblogURL}',this)" border="0" alt="like" title="like"/>
  405. </div></div>{/block:IndexPage}
  406. {block:IndexPage}
  407. <a href="{Permalink}"><img src="{PhotoURL-500}"/></a>
  408. {/block:IndexPage}
  409. {block:PermalinkPage}<img src="{PhotoURL-HighRes}" width="500"/>
  410. {block:Caption}<center>{Caption}</center>{/block:Caption}{/block:PermalinkPage}
  411. {/block:Photo}
  412. <!-- THEME BY INTERLUDE-THEN-SHIVERS.TUMBLR.COM */ -->
  413. {block:Photoset}
  414. {block:IndexPage}<span class="reblog"><span class="reblogg"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/j1tjexd/p25m8ecft/reblog.png" title="reblog"></a></span></span>
  415. <div class="liker"><div class="likerr">
  416. <img height="20" style="height:20px;cursor:pointer;" src="http://static.tumblr.com/j1tjexd/raBm8ecgy/like.png" id="like_image_{PostID}" onclick="LikePost('{PostID}','{ReblogURL}',this)" border="0" alt="like" title="like"/>
  417. </div></div>{/block:IndexPage}
  418.  
  419.  
  420. <div id="entry">
  421. <div class="photoset">{block:IndexPage}{block:if300pxWidth}{Photoset-400}{/block:if300pxWidth}{block:if250pxWidth}{Photoset-250}{/block:if250pxWidth}{block:if200pxWidth}{Photoset-250}{/block:if200pxWidth}{block:if350pxWidth}{Photoset-400}{/block:if350pxWidth}{/block:IndexPage}</div>
  422. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  423. {block:IndexPage}{block:Caption}<div class="photosetcap"><div style="margin-top:-24px; color:{color:Post}; margin-bottom:9px; margin-left:20px; font-size:20px; "> <a href="{Permalink}" style="color:{color:Post};">▲</a></div><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}</div>
  424.  
  425. {/block:Photoset}
  426.  
  427. {block:Quote}<div id="entry">
  428. <b><i>"</i></b> &nbsp; {Quote} &nbsp; <b><i>"</i></b> <br>
  429. <div style="text-align:right;">{block:Source}<i>{Source}</i>{/block:Source}</div>
  430. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}</div>
  431. {/block:Quote}
  432.  
  433. {block:Link}<div id="entry">
  434. <a href="{URL}"{Target}><span class="link_title">&rarr; {Name}</span></a>
  435. {block:Description}{Description}{/block:Description}
  436. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}</div>
  437. {/block:Link}
  438.  
  439. {block:Video}
  440. <div class="video">
  441. {block:IndexPage}<span class="reblog"><span class="reblogg"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/j1tjexd/p25m8ecft/reblog.png" title="reblog"></a></span></span>
  442. <div class="liker"><div class="likerr">
  443. <img height="20" style="height:20px;cursor:pointer;" src="http://static.tumblr.com/j1tjexd/raBm8ecgy/like.png" id="like_image_{PostID}" onclick="LikePost('{PostID}','{ReblogURL}',this)" border="0" alt="like" title="like"/>
  444. </div></div>{/block:IndexPage}
  445. {block:IndexPage}{Video-400}{/block:IndexPage}
  446. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  447. </div>
  448. {block:IndexPage}{block:Caption}<div class="videocap"><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}
  449. {block:PermalinkPage}{block:Caption}<div class="videocap"><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:PermalinkPage}
  450. {/block:Video}
  451.  
  452. {block:Chat}<div id="entry">
  453. {block:Title}
  454. <div class="ptitle">{Title}</div>
  455. {/block:Title}{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}
  456. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}</div>
  457. {/block:Chat}
  458.  
  459.  
  460. <!-- THEME BY INTERLUDE-THEN-SHIVERS.TUMBLR.COM */ -->
  461. {block:Audio}
  462. {block:IndexPage}<span class="reblog"><span class="reblogg"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/j1tjexd/p25m8ecft/reblog.png" title="reblog"></a></span></span>
  463. <div class="liker"><div class="likerr">
  464. <img height="20" style="height:20px;cursor:pointer;" src="http://static.tumblr.com/j1tjexd/raBm8ecgy/like.png" id="like_image_{PostID}" onclick="LikePost('{PostID}','{ReblogURL}',this)" border="0" alt="like" title="like"/>
  465. </div></div>{/block:IndexPage}
  466. <div id="audio">
  467. <div class="cover">
  468. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg">
  469.  
  470. </div>
  471. {block:AlbumArt}
  472.  
  473. <div class="cover">
  474. <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  475. <div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="tripo"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  476.  
  477. {/block:Audio}
  478.  
  479.  
  480.  
  481.  
  482. {block:Answer}<div id="entry">
  483. {block:IndexPage}
  484. <div id="questions"><b>{Asker}:</b> <i>"{Question}"</i><br /></div>
  485. {Answer}{/block:answer}
  486.  
  487.  
  488. <div class="permalink"><a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  489.  
  490.  
  491.  
  492.  
  493.  
  494. {block:PermalinkPage}<div style="width:500px"><div id="questions"><b>{Asker}:</b> <i>"{Question}"</i><br /></div>
  495. {Answer}{/block:answer}</div>{/block:PermalinkPage}</div>
  496. {/block:Answer}
  497.  
  498. {block:PostNotes}<center><br>{block:RebloggedFrom}<b>Via</b>: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<br>{block:ContentSource}<b>Source</b>: <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}<br><br>{block:Date}<img src="http://static.tumblr.com/twte3d7/xn4lo2lba/clock_8x8.png">&nbsp; {TimeAgo}&nbsp; <img src="http://static.tumblr.com/twte3d7/qg3lo2lcg/heart_fill_8x7.png">&nbsp; {NoteCountWithLabel}{block:hasTags}&nbsp; <img src="http://static.tumblr.com/twte3d7/zZqlo2ldq/tag_fill_8x8.png">&nbsp; {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:Date}
  499. <br><br><div style="display:none;">{PostNotes}</div></center>
  500. {/block:PostNotes}
  501.  
  502. </div>
  503.  
  504. {/block:Posts}
  505. </div>
  506. {block:ifToTop}<div id="topDiv"><a href="javascript:void(0);" id="topDivA"><img src="http://static.tumblr.com/j1tjexd/uSOm6ujd1/totop-grey.png" width="40" height="40" style="-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
  507. -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
  508. box-shadow: 0px 0px 0px rgba(0,0,0,0.33);"></a></div>{/block:ifToTop}
  509. </div>
  510.  
  511. {block:IndexPage}
  512. <div class="column navigation" id="navigation">
  513. {block:Pagination}
  514. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  515. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  516. </div>
  517. {/block:IndexPage}
  518.  
  519. <script type="text/javascript">
  520. $(function() {
  521. $("#topDivA").click(function(){
  522. var target = $("html");
  523. $('html, body').animate({
  524. scrollTop: target.offset().top
  525. }, 1000);
  526. });
  527.  
  528. var topDiv = $("#topDiv");
  529. var topDivTop = "1000";
  530. var view = $( window );
  531. view.bind("scroll resize", function(){
  532. var viewTop = view.scrollTop();
  533. if (viewTop > topDivTop){
  534. topDiv.fadeIn(300);
  535. }
  536. else if (viewTop <= topDivTop){
  537. topDiv.fadeOut(200);
  538. }
  539. });
  540. });</script>
  541. <iframe id="likes_frame" style="height:1px;width:1px;position:absolute;left:-500px;"></iframe>
  542.  
  543. <div id="diego"><a href="http://interlude-then-shivers.tumblr.com/">©</a></div>
  544.  
  545.  
  546.  
  547.  
  548. </body>
  549.  
  550.  
  551. <!-- ♡♡THEME BY INTERLUDE-THEN-SHIVERS.TUMBLR.COM ♡♡ */ -->
  552.  
  553.  
  554. <!-- ♡♡Hi!! if you´re reading this idk have a nice day!! my ask is open!♡♡♡-->
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!