API tools faq
paste
Advertisement
interludethenshivers

Theme 13.b, Life and love go on

interludethenshivers
Jul 26th, 2013
579
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.32 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. <!--HEY THIS IS MY NEW THEME yay moi
  5. I LOVE THIS THEME SO MUCH!!!!!
  6. NOUP
  7. YAY TWO COLUMS YAY!
  8. BLAH
  9. PLEASE DON'T STEAL ANYTHING:)
  10. BYE BYE-->
  11.  
  12. <head>
  13. <meta name="color:Background" content="#fff" />
  14. <meta name="color:Text" content="#000" />
  15. <meta name="color:Links" content="#000">
  16. <meta name="color:Links Hover" content="#000" />
  17. <meta name="color:Info" content="#cfcfcf">
  18. <meta name="color:Sidebar" content="#f3bac7">
  19. <meta name="color:Title" content="#ffffff">
  20.  
  21. <meta name="if:300px Width" content="0"/>
  22. <meta name="if:250px Width" content="1"/>
  23. <meta name="if:200px Width" content="0"/>
  24. <meta name="if:350px Width" content="0"/>
  25.  
  26. <meta name="if:Image One" content="0">
  27. <meta name="if:Image Two" content="0">
  28.  
  29. <meta name="text:Link1" content="home">
  30. <meta name="text:Link1 URL" content="/">
  31. <meta name="text:Link2" content="ask">
  32. <meta name="text:Link2 URL" content="/ask">
  33. <meta name="text:Link3" content="links">
  34. <meta name="text:Link3 URL" content="/">
  35. <meta name="text:Link4" content="themes">
  36. <meta name="text:Link4 URL" content="/">
  37.  
  38.  
  39. <title>{Title}</title>
  40. <link rel="shortcut icon" href="{Favicon}">
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  42. <link rel="shortcut icon" href="{Favicon}">
  43. <title>Untitled Document</title>
  44. <link rel="shortcut icon" href="{Favicon}">
  45. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  46.  
  47. {block:Description}
  48. <meta name="description" content="{MetaDescription}" />
  49. {/block:Description}
  50. <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'>
  51.  
  52. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  53.  
  54. <style>
  55. div#qTip {
  56. padding: 3px;
  57. display: none;
  58. text-align: center;
  59. position: absolute;
  60. font-style:normal;
  61. margin-top:10px;
  62. margin-left:12px;
  63. font-size:8px;
  64. line-height:9px;
  65. font-family:calibri;
  66. z-index:99999999999999999999999999;
  67. background-color:{color:Sidebar};
  68. color: {color:Title};
  69. text-transform:uppercase;
  70. letter-spacing: 1px;
  71. }
  72. </style>
  73.  
  74. <style type="text/css">
  75.  
  76. @font-face {
  77. font-family: "Neou";
  78. src: url('http://static.tumblr.com/izeveah/7Wtmhnwh0/neou-thin.otf');
  79. }
  80.  
  81. @font-face {
  82. font-family: "Lainie"; src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf'); }
  83. iframe#tumblr_controls {
  84. right:3px !important;
  85. position: fixed !important;
  86. opacity: 0.5;
  87.  
  88. -webkit-transition: opacity 0.7s linear;
  89. -webkit-transition: all 0.8s ease-out;
  90. -moz-transition: all 0.8s ease-out;
  91. transition: all 0.8s ease-out;
  92. -webkit-filter: invert(100%);
  93. }
  94.  
  95. iframe#tumblr_controls:hover{
  96. -webkit-transition: opacity 0.7s linear;
  97. opacity: 1;
  98.  
  99. -webkit-transition: all 0.4s ease-out;
  100. -moz-transition: all 0.4s ease-out;
  101. transition: all 0.4s ease-out;
  102. }
  103.  
  104. iframe#tumblr_controls {
  105. top: 0% !important;
  106. right:0% !important;
  107. position: fixed !important;
  108. }
  109.  
  110. ::selection {
  111. color:#fff;
  112. -webkit-transition: all 0.2s linear;
  113. -webkit-transition: all 0.2s linear;
  114. -moz-transition: all 0.2s linear;
  115. transition: all 0.2s linear;
  116. background-color: {color:Sidebar};
  117. }
  118.  
  119. ::-moz-selection {
  120. color:#fff;
  121. -webkit-transition: all 0.2s linear;
  122. -webkit-transition: all 0.2s linear;
  123. -moz-transition: all 0.2s linear;
  124. transition: all 0.2s linear;
  125. background-color: {color:Sidebar};
  126. }
  127. ::-webkit-selection {
  128. color:#fff;
  129. -webkit-transition: all 0.2s linear;
  130. -webkit-transition: all 0.2s linear;
  131. -moz-transition: all 0.2s linear;
  132. transition: all 0.2s linear;
  133. background-color: {color:Sidebar};
  134. }
  135.  
  136.  
  137. @font-face {
  138. font-family: "Neou";
  139. src: url('http://static.tumblr.com/izeveah/7Wtmhnwh0/neou-thin.otf');
  140. }
  141. @font-face { font-family: "lainie"; src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf'); }
  142.  
  143. body{color:{color:Text};font-size:10px; font-family:calibri; line-height:15px;}
  144.  
  145. ::-webkit-scrollbar{width:5px;height:5px;}
  146. ::-webkit-scrollbar-button:start:decrement
  147. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  148. ::-webkit-scrollbar-track-piece{background-color:{color:background};-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  149. ::-webkit-scrollbar-thumb:vertical{height:50px;background-color:{color:Sidebar};}
  150. ::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:{color:sidebar};}
  151.  
  152. a:link, a:active, a:visited {
  153. text-decoration:none;
  154. outline:none;
  155. -moz-outline-style:none;
  156. color:{color:Links};
  157. -moz-transition-duration:0.5s;
  158. -webkit-transition-duration:0.5s;
  159. -o-transition-duration:0.5s;
  160. }
  161.  
  162. a:hover {
  163. opacity:10;
  164. color:{color:Links Hover};
  165. -webkit-transition: all 0.5s ease;
  166. -moz-transition: all 0.5s ease;
  167. -o-transition: all 0.5s ease
  168. }
  169.  
  170. #content{margin: auto auto auto auto; margin-left:30px;width:100%;top:0px;position:relative;}
  171.  
  172.  
  173. #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}}
  174.  
  175. #content .entry:hover{ -webkit-transition: all 0.5s ease-out;
  176. -moz-transition: all 0.5s ease-out;
  177. transition: all 0.5s ease-out;
  178. opacity: 1;
  179. -webkit-transition: all 0.5s ease;
  180. -moz-transition: all 0.5s ease;
  181. -o-transition: all 0.5s ease;}
  182.  
  183.  
  184. #content .entry{margin:4.2px;
  185. {block:ifPostsBorder}
  186. border:1px solid {color:Borders};
  187. {block:ifPostsBorderBackground}background-color:{color:Posts};{/block:ifPostsBorderBackground}
  188. padding: 1px;
  189. {/block:ifPostsBorder}
  190. {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;
  191. -moz-transition: all 0.5s ease;
  192. -o-transition: all 0.5s ease}
  193. #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}}
  194.  
  195. /* ♡♡THEME BY INTERLUDE-THEN-SHIVERS.TUMBLR.COM ♡♡*/
  196.  
  197. .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;}
  198. .reblogg{display:inline-block;margin-right:5px;padding:4px;height:14px;}
  199. .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;}
  200. .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;}
  201. .likerr{display:inline-block;margin-right:5px;padding:4px;height:14px;}
  202. .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}
  203.  
  204. .post_title{font-family:{font:body};display:block;font-size:{text:Post Title font size}px;line-height:20px;}
  205. .link_title{font-size:{text:Post Title font size}px;line-height:20px;font-family:{font:body};margin-bottom:5px;}
  206. .quote{
  207. letter-spacing:2px;
  208. line-height:100%;
  209. font-family:calibri;
  210. font-weight:bold;
  211. text-transform:uppercase;
  212. font-size:12px;
  213. text-align:center;
  214. color:{color:text};
  215. padding:5px;
  216. padding-bottom:2px;}
  217. .text {background-color: {color:post};-webkit-transition: 0.2s ease-in;}
  218.  
  219. .header{width:100%;text-align:center;margin:auto;z-index:1100;margin-bottom:20px;margin-top:100px;}
  220. .top{text-align:center;margin-top:2px;margin-bottom:5px;}
  221. .nav{display: navigate; font-size:{text:Navigation Font Size}px; font-family:{font:navigation};color:{color:text}; word-spacing:10px;}
  222. a.nav{display: navigate; font-size:{text:Navigation Font Size}px; font-family:{font:navigation};color:{color:text};text-decoration:none;}
  223. .nav:hover{ text-decoration:none;}
  224. .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}}
  225. .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}}
  226. .title a:hover {color:{color:Title Hover};text-decoration:none;}
  227.  
  228. .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;}
  229. 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;}
  230.  
  231. #audio {width:500px; height:auto; min-height:60px; padding-bottom:13px;}
  232. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  233. .cover img {float:left; width:60px; height:60px;}
  234. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  235. .tripo {margin-left:73px; margin-top:4px; line-height:14px;}
  236.  
  237.  
  238. /* THEME BY INTERLUDE-THEN-SHIVERS.TUMBLR.COM */
  239.  
  240. .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};}
  241. .audiocap, .videocap{background-color:{color:Post};display:block;padding:10px;}
  242. .photosetcap{background-color:{color:Post};display:block;padding:10px;}
  243. #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}}
  244. #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}}
  245. .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}}
  246.  
  247. #uno {
  248. margin-top:30px;
  249. overflow:hidden;
  250. padding-top:20px;
  251. border-top:1px solid {color:info};
  252. padding-bottom:20px;
  253. }
  254.  
  255. #dos {
  256. margin-top:-25px;
  257. margin-left:10px;
  258. position:absolute;
  259.  
  260. }
  261.  
  262. #dos a {
  263. font-style:normal;
  264. padding:3px 4px 3px 4px;
  265. font-size:8px;
  266. letter-spacing: 1px;
  267. font-family:calibri;
  268. text-transform:uppercase;
  269. margin-bottom:3px;
  270. background:#fff;
  271. margin-right:1px;
  272. border:1px solid {color:info};
  273. color:{color:info};
  274. }
  275.  
  276. #dos a:hover {
  277. text-transform:uppercase;
  278. color:#fff;
  279. background:{color:info};
  280. }
  281.  
  282. #tres {
  283. margin-top:-25px;
  284. margin-left:10px;
  285. position:absolute;
  286. }
  287.  
  288. #tres a {
  289. font-style:normal;
  290. padding:3px 4px 3px 4px;
  291. font-size:8px;
  292. letter-spacing: 1px;
  293. font-family:calibri;
  294. text-transform:uppercase;
  295. margin-bottom:3px;
  296. background:#fff;
  297. margin-right:1px;
  298. color:#fff;
  299. border:1px solid {color:info};
  300. background-color:{color:info};
  301. }
  302.  
  303. #tres a:hover {
  304. text-transform:uppercase;
  305. background-color:#fff;
  306. color:{color:info};
  307. }
  308.  
  309. .note {
  310. text-transform:uppercase;
  311. font-style:normal;
  312. letter-spacing:0px;
  313. font-size: 9px;
  314. text-align:left;
  315. line-height:90%;
  316. margin-left:-40px;
  317. }
  318.  
  319. .note li {
  320. list-style-type:none;
  321. padding:10px 10px 10px 10px;
  322. text-align:left;
  323. margin:0px;
  324. -moz-transition-duration:0.5s;
  325. -webkit-transition-duration:0.5s;
  326. -o-transition-duration:0.5s;
  327. }
  328.  
  329.  
  330. .diego {
  331. position:fixed;
  332. font-family:calibri;
  333. font-size:10px;
  334. line-height:150%;
  335. right:10px;
  336. bottom:10px;
  337. text-transform:uppercase;
  338. text-align:center;
  339. }
  340.  
  341. .diego a {
  342. text-shadow:0px 0px 0px;
  343. border:1px solid #d6d2d2;
  344. outline:1px solid transparent;
  345. outline-offset:1px;
  346. display:inline-block;
  347. width:17px;
  348. height:15px;
  349. padding:2px 1px 2px;
  350. color:#fff;
  351. background-color:#d6d2d2;
  352. -webkit-transform:rotate(0deg);
  353. -moz-transition-duration:0.9s;
  354. -webkit-transition-duration:0.9s;
  355. -o-transition-duration:0.9s;
  356. }
  357.  
  358. .diego a:hover {
  359. border:1px solid #fff;
  360. outline:1px solid #d6d2d2;
  361. outline-offset:1px;
  362. box-shadow:0px 0px 4px #fff;
  363. color:#d6d2d2;
  364. background-color:#fff;
  365. -moz-transition-duration:0.9s;
  366. -webkit-transition-duration:0.9s;
  367. -o-transition-duration:0.9s;
  368. }
  369.  
  370.  
  371. #questions {font-family:cambria; color: {color:text}; text-align:left; text-transform:lowercase; font-size:10px; background-color:#fafafa; padding:10px; font-style:italic;}
  372.  
  373.  
  374. #sidebar {
  375. position:fixed;
  376. width:300px;
  377. height:1000px;
  378. margin:-10px -5px auto -10px;
  379. background-color:{color:Sidebar};
  380. }
  381.  
  382. #title {
  383. font-family:calibri;
  384. font-size:60px;
  385. font-weight:bold;
  386. font-style:italic;
  387. margin-top:500px;
  388. margin-left:-480px;
  389. letter-spacing:-2px;
  390. width:1000px;
  391. -webkit-transform: rotate(90deg);
  392. -moz-transform: rotate(90deg);
  393. -o-transform: rotate(90deg);
  394. writing-mode: tb-rl;
  395. color:{color:Title};
  396. }
  397.  
  398. #links {
  399. z-index:99999999999999;
  400. width:191px;
  401. height:auto;
  402. margin-top:370px;
  403. margin-left:60px;
  404. text-align:center;
  405. padding-top:3px;
  406. padding-bottom:3px;
  407. padding-right:3px;
  408. position:fixed;
  409. background-color:{color:Title};
  410. }
  411.  
  412. #links a {
  413. z-index:99999999999999;
  414. line-height:15px;
  415. font-size:8px;
  416. letter-spacing:1px;
  417. font-family:calibri;
  418. text-transform:uppercase;
  419. font-style:normal;
  420. text-align:center;
  421. margin-bottom:2px;
  422. margin-right:2px;
  423. padding:2px 4px 2px 6px;
  424. word-spacing:2px;
  425. -webkit-transition: all 0.5s ease-in-out;
  426. -moz-transition: all 0.5s ease-in-out;
  427. -o-transition: all 0.5s ease-in-out;
  428. color: {color:Sidebar};
  429. }
  430.  
  431. #links a:hover {
  432. color:{color:Title};
  433. background:{color:Sidebar};
  434. }
  435.  
  436. #description {
  437. position:fixed;
  438. font-family:calibri;
  439. font-size:10px;
  440. font-style:italic;
  441. line-height:120%;
  442. z-index:9999999999999999;
  443. width:191px;
  444. margin-top:400px;
  445. margin-left:60px;
  446. text-align:justify;
  447. color:{color:Title};
  448. }
  449.  
  450.  
  451. #SidebarFlowers img{
  452. z-index:9999999999999999;
  453. position:fixed;
  454. width:280px;
  455. margin-left:-5px;
  456. margin-top:-10px;
  457. }
  458.  
  459.  
  460. #iii img {
  461. position:fixed;
  462. margin-top:320px;
  463. margin-left:1100px;
  464. z-index:-1;
  465. }
  466.  
  467.  
  468. /* THEME BY INTERLUDE-THEN-SHIVERS.TUMBLR.COM */
  469. </style>
  470.  
  471.  
  472. <!-- THEME BY INTERLUDE-THEN-SHIVERS.TUMBLR.COM */ -->
  473.  
  474.  
  475.  
  476.  
  477. <script type="text/javascript" src="http://static.tumblr.com/j1tjexd/WYwm8ed44/like_script.js"></script>
  478. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  479. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  480. </script>
  481. <script src="http://static.tumblr.com/izeveah/3Fvmisz2p/welcome.txt"></script>
  482. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  483.  
  484. <script type="text/javascript">
  485.  
  486. $(window).load(function () {
  487. $('.posts').masonry(),
  488. $('.masonryWrap').infinitescroll({
  489. navSelector : "div#navigation",
  490. // selector for the paged navigation (it will be hidden)
  491. nextSelector : "div#navigation a#nextPage",
  492. // selector for the NEXT link (to page 2)
  493. itemSelector : ".entry",
  494. // selector for all items you'll retrieve
  495. bufferPx : 10000,
  496. extraScrollPx: 11000,
  497. loadingImg : "",
  498. loadingText : "<em></em>",
  499. },
  500. // call masonry as a callback.
  501. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  502. );
  503. });
  504. </script></head>
  505.  
  506. <body>
  507.  
  508.  
  509. {block:IfImageOne}
  510. <div id="SidebarFlowers">
  511. <img src="http://static.tumblr.com/kvpds3v/V73mqiz5b/1.png">
  512. </div>
  513. {/block:ifImageOne}
  514.  
  515.  
  516. {block:IfImageTwo}
  517. <div id="iii">
  518. <img src="http://static.tumblr.com/kvpds3v/rComqj0yq/4.png">
  519. </div>
  520. {/block:IfImageTwo}
  521.  
  522. <div id="sidebar">
  523. <div id="title">
  524. {Title}
  525. </div>
  526. </div>
  527.  
  528. <div id="description">
  529. {Description}
  530. </div>
  531.  
  532. <div id="links">
  533. &nbsp;
  534. {block:IfLink1}
  535. <a href="{text:Link1 URL}">{text:Link1}</a>
  536. {/block:IfLink1}
  537.  
  538. {block:IfLink2}
  539. <a href="{text:Link2 URL}">{text:Link2}</a>
  540. {/block:IfLink2}
  541.  
  542. {block:IfLink3}
  543. <a href="{text:Link3 URL}">{text:Link3}</a>
  544. {/block:IfLink3}
  545.  
  546. {block:IfLink4}
  547. <a href="{text:Link4 URL}">{text:Link4}</a>
  548. {/block:IfLink4}
  549.  
  550. <!--PLEASE DO NOT REMOVE THIS LINK PLESE, OR MOVE THE CREDIT TO ANOTHER PAGE PLEASE:) THANK YOU-->
  551. <a href="http://persefonne.tumblr.com/">©</a>
  552.  
  553. </div>
  554.  
  555.  
  556. <div id="content">
  557.  
  558. <div class="posts">
  559.  
  560. {block:Posts}
  561.  
  562. <div class="entry">
  563.  
  564. {block:Text}<div id="entry">
  565. <div class="quote">
  566. {block:Title}<span class="post_title">{Title}</span>{/block:Title}
  567. </div>
  568. {Body}
  569. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}</div>
  570. {/block:Text}
  571.  
  572. {block:Photo}
  573. {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>
  574. <div class="liker"><div class="likerr">
  575. <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"/>
  576. </div></div>{/block:IndexPage}
  577. {block:IndexPage}
  578. <a href="{Permalink}"><img src="{PhotoURL-500}"/></a>
  579. {/block:IndexPage}
  580. {block:PermalinkPage}<img src="{PhotoURL-HighRes}" width="500"/>
  581. {block:Caption}<center>{Caption}</center>{/block:Caption}{/block:PermalinkPage}
  582. {/block:Photo}
  583. <!-- THEME BY INTERLUDE-THEN-SHIVERS.TUMBLR.COM */ -->
  584. {block:Photoset}
  585. {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>
  586. <div class="liker"><div class="likerr">
  587. <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"/>
  588. </div></div>{/block:IndexPage}
  589.  
  590.  
  591. <div id="entry">
  592. <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>
  593. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  594. {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>
  595.  
  596. {/block:Photoset}
  597.  
  598. {block:Quote}<div id="entry">
  599. <div class="quote">
  600. <b><i>"</i></b> &nbsp; {Quote} &nbsp; <b><i>"</i></b> <br> </div>
  601. <div style="text-align:right;">{block:Source}<i>{Source}</i>{/block:Source}</div>
  602. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}</div>
  603. {/block:Quote}
  604.  
  605. {block:Link}<div id="entry">
  606. <div class="quote">
  607. <a href="{URL}"{Target}><span class="link_title">&rarr; {Name}</span></a>
  608. </div>
  609. {block:Description}{Description}{/block:Description}
  610. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}</div>
  611. {/block:Link}
  612.  
  613. {block:Video}
  614. <div class="video">
  615. {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>
  616. <div class="liker"><div class="likerr">
  617. <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"/>
  618. </div></div>{/block:IndexPage}
  619. {block:IndexPage}{Video-400}{/block:IndexPage}
  620. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  621. </div>
  622. {block:IndexPage}{block:Caption}<div class="videocap"><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}
  623. {block:PermalinkPage}{block:Caption}<div class="videocap"><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:PermalinkPage}
  624. {/block:Video}
  625.  
  626. {block:Chat}<div id="entry">
  627. {block:Title}
  628. <div class="ptitle">{Title}</div>
  629. {/block:Title}{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}
  630. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}</div>
  631. {/block:Chat}
  632.  
  633.  
  634. <!-- THEME BY INTERLUDE-THEN-SHIVERS.TUMBLR.COM */ -->
  635. {block:Audio}
  636. {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>
  637. <div class="liker"><div class="likerr">
  638. <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"/>
  639. </div></div>{/block:IndexPage}
  640. <div id="audio">
  641. <div class="cover">
  642. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg">
  643.  
  644. </div>
  645. {block:AlbumArt}
  646.  
  647. <div class="cover">
  648. <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  649. <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>
  650.  
  651. {/block:Audio}
  652.  
  653.  
  654.  
  655.  
  656. {block:Answer}<div id="entry">
  657. {block:IndexPage}
  658. <div id="questions"><b>{Asker}:</b> <i>"{Question}"</i><br /></div>
  659. {Answer}{/block:answer}
  660.  
  661.  
  662. <div class="permalink"><a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  663.  
  664.  
  665.  
  666.  
  667.  
  668. {block:PermalinkPage}<div style="width:500px"><div id="questions"><b>{Asker}:</b> <i>"{Question}"</i><br /></div>
  669. {Answer}{/block:answer}</div>{/block:PermalinkPage}</div>
  670. {/block:Answer}
  671.  
  672. {block:PostNotes}{block:permalinkpage}
  673. <div id="uno">
  674.  
  675. <div id="dos" style="text-align:right;margin-left:50px;"><a href="{permalink}">{NoteCountWithLabel}</a></div>
  676.  
  677. <div id="tres" style="text-align:right;margin-left:0px;"><a title="reblog" href="{ReblogURL}" target="_blank">REBLOG</a></div>
  678.  
  679. <div id="dos" style="margin-left:475px;">
  680. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}</div>
  681.  
  682. <div id="dos" style="margin-left:425px;">
  683. {block:ContentSource}
  684. <a href="{sourceurl}" title="{SourceTitle}">source</a>
  685. {/block:ContentSource}
  686. </div>
  687. </div>
  688.  
  689. <div class="note">
  690. {block:PostNotes}{PostNotes}{/block:PostNotes}
  691. </div>
  692.  
  693. {/block:permalinkpage}
  694. {/block:PostNotes}
  695.  
  696. </div>
  697.  
  698. {/block:Posts}
  699. </div>
  700. {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);
  701. -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
  702. box-shadow: 0px 0px 0px rgba(0,0,0,0.33);"></a></div>{/block:ifToTop}
  703. </div>
  704.  
  705. {block:IndexPage}
  706. <div class="column navigation" id="navigation">
  707. {block:Pagination}
  708. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  709. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  710. </div>
  711. {/block:IndexPage}
  712.  
  713. <script type="text/javascript">
  714. $(function() {
  715. $("#topDivA").click(function(){
  716. var target = $("html");
  717. $('html, body').animate({
  718. scrollTop: target.offset().top
  719. }, 1000);
  720. });
  721.  
  722. var topDiv = $("#topDiv");
  723. var topDivTop = "1000";
  724. var view = $( window );
  725. view.bind("scroll resize", function(){
  726. var viewTop = view.scrollTop();
  727. if (viewTop > topDivTop){
  728. topDiv.fadeIn(300);
  729. }
  730. else if (viewTop <= topDivTop){
  731. topDiv.fadeOut(200);
  732. }
  733. });
  734. });</script>
  735. <iframe id="likes_frame" style="height:1px;width:1px;position:absolute;left:-500px;"></iframe>
  736.  
  737. <div id="diego"><a href="http://interlude-then-shivers.tumblr.com/">©</a></div>
  738.  
  739.  
  740.  
  741.  
  742. </body>
  743.  
  744.  
  745. <!-- ♡♡THEME BY INTERLUDE-THEN-SHIVERS.TUMBLR.COM ♡♡ */ -->
  746.  
  747.  
  748. <!-- ♡♡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!