API tools faq
paste
enchantingly

Theme 30 - Walk On the Ocean

enchantingly
Dec 10th, 2013
3,377
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.85 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!----
  5.  
  6. Theme 30 - "Walk On the Ocean" made by Elowen (theghostoflove.tumblr.com), designed by Imogen (thisprincessaintworthsaving.tumblr.com)
  7.  
  8. --->
  9.  
  10. <head>
  11.  
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <meta name="color:Background" content="#ffffff">
  18. <meta name="color:Body" content="#242451">
  19. <meta name="color:Border" content="#ffffff">
  20. <meta name="color:Chat1" content="#4f58d0">
  21. <meta name="color:Chat2" content="#2e2e71">
  22. <meta name="color:Description" content="#bebebe">
  23. <meta name="color:Glow" content="#242451">
  24. <meta name="color:Link" content="#7c809c">
  25. <meta name="color:Link Hover" content="#bebebe">
  26. <meta name="color:Navlinks" content="#dddddd">
  27. <meta name="color:Navlinks Hover" content="#bebebe">
  28. <meta name="color:Pagination" content="#000000">
  29. <meta name="color:Pagination Hover" content="#000000">
  30. <meta name="color:Post" content="#FFFFFF">
  31. <meta name="color:Post Title" content="#242451">
  32. <meta name="color:Quote" content="#242451">
  33. <meta name="color:Scroll" content="#eae8e8">
  34. <meta name="color:Scroll Bg" content="#4f58d0">
  35. <meta name="color:Title" content="#4f58d0">
  36. <meta name="color:Title Bg" content="#ffffff">
  37.  
  38. <meta name="if:Infinite Scroll" content="0">
  39. <meta name="if:Posts 400" content="0">
  40.  
  41. <meta name="image:01" content="">
  42. <meta name="image:02" content="">
  43. <meta name="image:03" content="">
  44. <meta name="image:04" content="">
  45. <meta name="image:05" content="">
  46. <meta name="image:Background" content="https://static.tumblr.com/fac81e654d5276e5f9a365006068b8c2/ougxdjo/Awomxjxub/tumblr_static_bg.jpg">
  47. <meta name="image:Sidebar" content="https://31.media.tumblr.com/cfbb544391c0865fa695dead06173093/tumblr_mw2dfdM3Kn1qc4i52o5_250.gif">
  48.  
  49. <meta name="text:ImageLink1Title" content="">
  50. <meta name="text:ImageLink1URL" content="">
  51. <meta name="text:ImageLink2Title" content="">
  52. <meta name="text:ImageLink2URL" content="">
  53. <meta name="text:ImageLink3Title" content="">
  54. <meta name="text:ImageLink3URL" content="">
  55. <meta name="text:ImageLink4Title" content="">
  56. <meta name="text:ImageLink4URL" content="">
  57. <meta name="text:ImageLink5Title" content="">
  58. <meta name="text:ImageLink5URL" content="">
  59. <meta name="text:Link1" content="">
  60. <meta name="text:Link1URL" content="">
  61. <meta name="text:Link2" content="">
  62. <meta name="text:Link2URL" content="">
  63. <meta name="text:Link3" content="" >
  64. <meta name="text:Link3URL" content="">
  65. <meta name="text:Link4" content="">
  66. <meta name="text:Link4URL" content="">
  67. <meta name="text:Link5" content="">
  68. <meta name="text:Link5URL" content="">
  69. <meta name="text:Link6" content="">
  70. <meta name="text:Link6URL" content="">
  71. <meta name="text:Quote" content="Somebody told me that this is the place where everything's better and everything's safe">
  72. <meta name="text:Subtitle" content="Enter Subtitle Here">
  73.  
  74. <style type="text/css">
  75.  
  76. /**BASICS**/
  77.  
  78. body {
  79. margin:0px;
  80. text-align:justify;
  81. font-family:'Trebuchet MS';
  82. font-size:12px;
  83. color:{color:body};
  84. background:{color:Background} url('{image:Background}');
  85. background-attachment:fixed;
  86. }
  87.  
  88. blockquote {border-left:2px solid {color:border}; padding-left:5px; margin:0px 2px 0px 10px}
  89.  
  90. ::-webkit-scrollbar {width:8px; height:auto;background:{color:scroll bg};}
  91. ::-webkit-scrollbar-thumb:vertical {background:{color:scroll};}
  92. ::-webkit-scrollbar-thumb:horizontal {background:{color:scroll};}
  93.  
  94. ::selection {color:{color:post};background-color:{color:body};}
  95. ::-moz-selection {color:{color:post};background-color:{color:body};}::-webkit-selection {color:{color:post};background-color:{color:body};}
  96.  
  97. a {color:{color:link};text-decoration:none;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  98. a:hover {color:{color:link hover}}
  99.  
  100. /**MAIN THEME STUFF**/
  101.  
  102. #sidebar {
  103. position:fixed;
  104. width:300px;
  105. height:100%;
  106. left:0px;
  107. top:0px;
  108. }
  109.  
  110. #sidebar img {
  111. margin:50px 0px 0px 0px;
  112. padding:5px;
  113. width:250px;
  114. height:150px;
  115. border:4px double {color:border};
  116. }
  117.  
  118. #whitebox {
  119. margin:10px 0px 0px 23px;
  120. z-index:-5;
  121. position:fixed;
  122. width:255px;
  123. height:380px;
  124. background-color:{color:Title Bg};
  125. }
  126.  
  127. #title {
  128. margin:10px 0px 0px 0px;
  129. text-align:center;
  130. position:relative;
  131. width:250px;
  132. font-family:'Homemade Apple';
  133. font-size:22px;
  134. color:{color:Title};
  135. }
  136.  
  137. #title a {
  138. color:{color:Title};
  139. }
  140.  
  141. .title {
  142. font-style:normal;
  143. margin:-8px 0px 0px 0px;
  144. letter-spacing:1px;
  145. word-spacing:1px;
  146. font-size:13px;
  147. font-family:'Cambria';
  148. text-transform:uppercase;
  149. color:{color:Description};
  150. }
  151.  
  152. #desc {
  153. margin:95px 0px 0px 34px;
  154. font-size:11px;
  155. width:130px;
  156. position:absolute;
  157. color:{color:Description};
  158. }
  159.  
  160. #pagination {}
  161. #pagination a {
  162. color:{color:Pagination};
  163. }
  164. #pagination a:hover {
  165. color:{color:Pagination Hover};
  166. }
  167.  
  168. #links {
  169. font-family:'Homemade Apple';
  170. font-size:12px;
  171. margin:90px 0px 0px 156px;
  172. width:134px;
  173. text-align:center;
  174. color:{color:Navlinks};
  175. }
  176. #links a {
  177. width:134px;
  178. padding:3px 0px;
  179. display:inline-block;
  180. }
  181. #links a:hover {
  182. color:{color:Navlinks Hover};
  183. }
  184.  
  185. #quote1 img {
  186. opacity:.6;
  187. right:175px;
  188. bottom:175px;
  189. position:fixed;
  190. width:40px;
  191. }
  192.  
  193. #quote2 img {
  194. opacity:.6;
  195. right:10px;
  196. bottom:30px;
  197. position:fixed;
  198. width:40px;
  199. }
  200.  
  201. #iquote {
  202. padding:70px 10px 10px 70px;
  203. text-align:center;
  204. width:200px;
  205. position:fixed;
  206. bottom:10px;
  207. right:0px;
  208. font-family:'Homemade Apple';
  209. font-size:17px;
  210. color:{color:Quote};
  211. -webkit-transform: rotate(-7deg);
  212. -moz-transform: rotate(-7deg);
  213. -ms-transform: rotate(-7deg);
  214. -o-transform: rotate(-7deg);
  215. }
  216.  
  217. #iquote:hover #bubble1 {opacity:1;}
  218. #bubble1 {
  219. opacity:0;
  220. position:fixed;
  221. bottom:0px;
  222. right:190px;
  223. border-radius:50%;
  224. -webkit-transition: all 1s ease-in-out;
  225. -moz-transition: all 1s ease-in-out;
  226. -o-transition: all 1s ease-in-out;
  227. transition: all 1s ease-in-out;
  228. transition-delay: .5s;
  229. -webkit-transition-delay: .5s;
  230. -webkit-transform: rotate(7deg);
  231. -moz-transform: rotate(7deg);
  232. -ms-transform: rotate(7deg);
  233. -o-transform: rotate(7deg);
  234. }
  235.  
  236. #bubble1 img {
  237. -webkit-transition: all .8s ease-in-out;
  238. -moz-transition: all .8s ease-in-out;
  239. -o-transition: all .8s ease-in-out;
  240. transition: all .8s ease-in-out;
  241. height:60px;
  242. width:60px;
  243. border-radius:50%;
  244. brightness(90%);
  245. -webkit-filter: brightness(90%);
  246. -moz-filter: brightness(90%);
  247. -o-filter: brightness(90%);
  248. -ms-filter: brightness(90%)
  249. }
  250.  
  251. #bubble1 img:hover {
  252. brightness(110%);
  253. -webkit-filter: brightness(110%);
  254. -moz-filter: brightness(110%);
  255. -o-filter: brightness(110%);
  256. -ms-filter: brightness(110%);
  257. -webkit-box-shadow: 0 0 60px {color:Glow};
  258. -moz-box-shadow: 0 0 60px {color:Glow};
  259. box-shadow: 0 0 60px {color:Glow};
  260. }
  261.  
  262. #iquote:hover #bubble2 {opacity:1;}
  263. #bubble2 {
  264. opacity:0;
  265. position:fixed;
  266. right:210px;
  267. bottom:90px;
  268. height:60px;
  269. width:60px;
  270. border-radius:50%;
  271. -webkit-transition: all 1s ease-in-out;
  272. -moz-transition: all 1s ease-in-out;
  273. -o-transition: all 1s ease-in-out;
  274. transition: all 1s ease-in-out;
  275. transition-delay: 1s;
  276. -webkit-transition-delay: 1s;
  277. -webkit-transform: rotate(7deg);
  278. -moz-transform: rotate(7deg);
  279. -ms-transform: rotate(7deg);
  280. -o-transform: rotate(7deg);
  281. }
  282.  
  283. #bubble2 img {
  284. -webkit-transition: all .8s ease-in-out;
  285. -moz-transition: all .8s ease-in-out;
  286. -o-transition: all .8s ease-in-out;
  287. transition: all .8s ease-in-out;
  288. height:60px;
  289. width:60px;
  290. border-radius:50%;
  291. brightness(90%);
  292. -webkit-filter: brightness(90%);
  293. -moz-filter: brightness(90%);
  294. -o-filter: brightness(90%);
  295. -ms-filter: brightness(90%)
  296. }
  297.  
  298. #bubble2 img:hover {
  299. brightness(110%);
  300. -webkit-filter: brightness(110%);
  301. -moz-filter: brightness(110%);
  302. -o-filter: brightness(110%);
  303. -ms-filter: brightness(110%);
  304. -webkit-box-shadow: 0 0 60px {color:Glow};
  305. -moz-box-shadow: 0 0 60px {color:Glow};
  306. box-shadow: 0 0 60px {color:Glow};
  307. }
  308.  
  309. #iquote:hover #bubble3 {opacity:1;}
  310. #bubble3 {
  311. opacity:0;
  312. position:fixed;
  313. right:200px;
  314. bottom:185px;
  315. height:60px;
  316. width:60px;
  317. border-radius:50%;
  318. -webkit-transition: all 1s ease-in-out;
  319. -moz-transition: all 1s ease-in-out;
  320. -o-transition: all 1s ease-in-out;
  321. transition: all 1s ease-in-out;
  322. transition-delay: 1.5s;
  323. -webkit-transition-delay: 1.5s;
  324. -webkit-transform: rotate(7deg);
  325. -moz-transform: rotate(7deg);
  326. -ms-transform: rotate(7deg);
  327. -o-transform: rotate(7deg);
  328. }
  329.  
  330. #bubble3 img {
  331. -webkit-transition: all .8s ease-in-out;
  332. -moz-transition: all .8s ease-in-out;
  333. -o-transition: all .8s ease-in-out;
  334. transition: all .8s ease-in-out;
  335. height:60px;
  336. width:60px;
  337. border-radius:50%;
  338. brightness(90%);
  339. -webkit-filter: brightness(90%);
  340. -moz-filter: brightness(90%);
  341. -o-filter: brightness(90%);
  342. -ms-filter: brightness(90%)
  343. }
  344.  
  345. #bubble3 img:hover {
  346. brightness(110%);
  347. -webkit-filter: brightness(110%);
  348. -moz-filter: brightness(110%);
  349. -o-filter: brightness(110%);
  350. -ms-filter: brightness(110%);
  351. -webkit-box-shadow: 0 0 60px {color:Glow};
  352. -moz-box-shadow: 0 0 60px {color:Glow};
  353. box-shadow: 0 0 60px {color:Glow};
  354. }
  355.  
  356. #iquote:hover #bubble4 {opacity:1;}
  357. #bubble4 {
  358. opacity:0;
  359. position:fixed;
  360. right:110px;
  361. bottom:240px;
  362. height:60px;
  363. width:60px;
  364. border-radius:50%;
  365. -webkit-transition: all 1s ease-in-out;
  366. -moz-transition: all 1s ease-in-out;
  367. -o-transition: all 1s ease-in-out;
  368. transition: all 1s ease-in-out;
  369. transition-delay: 2s;
  370. -webkit-transition-delay: 2s;
  371. -webkit-transform: rotate(7deg);
  372. -moz-transform: rotate(7deg);
  373. -ms-transform: rotate(7deg);
  374. -o-transform: rotate(7deg);
  375. }
  376.  
  377. #bubble4 img {
  378. -webkit-transition: all .8s ease-in-out;
  379. -moz-transition: all .8s ease-in-out;
  380. -o-transition: all .8s ease-in-out;
  381. transition: all .8s ease-in-out;
  382. height:60px;
  383. width:60px;
  384. border-radius:50%;
  385. brightness(90%);
  386. -webkit-filter: brightness(90%);
  387. -moz-filter: brightness(90%);
  388. -o-filter: brightness(90%);
  389. -ms-filter: brightness(90%)
  390. }
  391.  
  392. #bubble4 img:hover {
  393. brightness(110%);
  394. -webkit-filter: brightness(110%);
  395. -moz-filter: brightness(110%);
  396. -o-filter: brightness(110%);
  397. -ms-filter: brightness(110%);
  398. -webkit-box-shadow: 0 0 60px {color:Glow};
  399. -moz-box-shadow: 0 0 60px {color:Glow};
  400. box-shadow: 0 0 60px {color:Glow};
  401. }
  402.  
  403. #iquote:hover #bubble5 {opacity:1;}
  404. #bubble5 {
  405. opacity:0;
  406. position:fixed;
  407. right:10px;
  408. bottom:220px;
  409. height:60px;
  410. width:60px;
  411. border-radius:50%;
  412. -webkit-transition: all 1s ease-in-out;
  413. -moz-transition: all 1s ease-in-out;
  414. -o-transition: all 1s ease-in-out;
  415. transition: all 1s ease-in-out;
  416. transition-delay: 2.5s;
  417. -webkit-transition-delay: 2.5s;
  418. -webkit-transform: rotate(7deg);
  419. -moz-transform: rotate(7deg);
  420. -ms-transform: rotate(7deg);
  421. -o-transform: rotate(7deg);
  422. }
  423.  
  424. #bubble5 img {
  425. -webkit-transition: all .8s ease-in-out;
  426. -moz-transition: all .8s ease-in-out;
  427. -o-transition: all .8s ease-in-out;
  428. transition: all .8s ease-in-out;
  429. height:60px;
  430. width:60px;
  431. border-radius:50%;
  432. brightness(90%);
  433. -webkit-filter: brightness(90%);
  434. -moz-filter: brightness(90%);
  435. -o-filter: brightness(90%);
  436. -ms-filter: brightness(90%)
  437. }
  438.  
  439. #bubble5 img:hover {
  440. brightness(110%);
  441. -webkit-filter: brightness(110%);
  442. -moz-filter: brightness(110%);
  443. -o-filter: brightness(110%);
  444. -ms-filter: brightness(110%);
  445. -webkit-box-shadow: 0 0 60px {color:Glow};
  446. -moz-box-shadow: 0 0 60px {color:Glow};
  447. box-shadow: 0 0 60px {color:Glow};
  448. }
  449.  
  450. /**POSTS AND POST INFO **/
  451.  
  452. #entries {
  453. position:relative;
  454. margin:10px 0px 15px 390px;
  455. padding:10px;
  456. padding-left:15px;
  457. padding-right:15px;
  458. float:left;
  459. {block:ifNotPosts400}width:530px;{/block:ifNotPosts400}
  460. {block:ifPosts400}width:430px;{/block:ifPosts400};
  461. }
  462.  
  463. #post {
  464. padding:15px;
  465. margin-left:5px;
  466. margin-top:20px;
  467. margin-bottom:20px;
  468. padding-bottom:10px;
  469. {block:ifNotPosts400}width:500px;{/block:ifNotPosts400}
  470. {block:ifPosts400}width:400px;{/block:ifPosts400}
  471. background-color:{color:Post};
  472. }
  473.  
  474. #info {
  475. font-family:'Georgia';
  476. font-style:italic;
  477. border-top:1px solid {color:border};
  478. padding-top:10px;
  479. {block:ifNotPosts400}width:500px;{/block:ifNotPosts400}
  480. {block:ifPosts400}width:400px;{/block:ifPosts400}
  481. }
  482.  
  483. .notes {
  484. }
  485. .notes li {
  486. padding:2px 0px 2px 0px;
  487. list-style-type:none;
  488. margin:2px 0px 2px 0px;
  489. }
  490.  
  491. /**POST STUFF**/
  492.  
  493. #trackname {
  494. font-family:'Homemade Apple';
  495. font-size:16px;
  496. }
  497.  
  498. #texttitle {
  499. text-align:center;
  500. margin:3px 0px 3px 0px;
  501. line-height:100%;
  502. font-family:'Homemade Apple';
  503. font-size:16px;
  504. color:{color:Post Title};
  505. }
  506.  
  507. #linkposts {
  508. padding-bottom:10px;
  509. padding-top:10px;
  510. font-family:book antiqua;
  511. font-size:16px;
  512. border:2px dotted {color:Border};
  513. }
  514.  
  515. #linktitle {
  516. font-family:'Homemade Apple';
  517. }
  518.  
  519. #quote {
  520. font-family:Garamond;
  521. font-size:16px;
  522. margin-top:0px;
  523. margin-bottom:10px;
  524. }
  525.  
  526. #quotesource {
  527. text-align:right;
  528. margin:0px 0px 10px 0px;
  529. font-family:'Homemade Apple';
  530. font-size:15px;
  531. }
  532.  
  533. #question {
  534. font-size:13px;
  535. letter-spacing:1px;
  536. padding:10px;
  537. border:2px dotted {color:Border};
  538. }
  539. #asker {
  540. text-align:right;
  541. font-size:12px;
  542. letter-spacing:1px;
  543. padding-bottom:0px;
  544. margin-top:20px;
  545. }
  546. #asker img {
  547. vertical-align:left;
  548. float:right;
  549. margin-left:10px;
  550. margin-right:10px;
  551. margin-top:-10px;
  552. border:1px solid {color:Border};
  553. }
  554.  
  555. .album {position:absolute; margin-top:0px; width:100px; height:100px;}
  556. .album img {width:100px; height:100px}
  557. .audio {opacity:.6;overflow:hidden;display:block; position:absolute; width:28px; height:30px; margin-top:35px; margin-left:35px;}
  558. .audiobox {height:100px;z-index:-1; margin-left:100px;}
  559. .audiotext {text-align:center; padding-top:30px; max-width:300px;overflow:hidden;}
  560. .pc {padding: 8px 13px;height:13px;float:right;font-size: 12px;text-transform: lowercase;z-index:-1}
  561.  
  562. .chat {margin:3px 3px 10px 3px}
  563. .chat .lines {margin-left:1px;}
  564. .chat .lines .line {margin-bottom:1px;padding:3px 5px;color:{color:Chat1};}
  565. .chat .lines .line.even{color:{color:Chat2}}
  566.  
  567. /**Please keep the credit intact**/
  568.  
  569. #credit {
  570. z-index:99999999999;
  571. font-weight:bold;
  572. text-align:center;
  573. font-size:14px;
  574. font-family:'Montez';
  575. position:fixed;
  576. bottom:5px;
  577. right:5px;
  578. }
  579. #credit a {
  580. display:inline-block;
  581. height:20px;
  582. width:20px;
  583. background-color:{color:Post};
  584. color:{color:body};
  585. }
  586. #credit a:hover {
  587. background-color:{color:body};
  588. color:{color:Post};
  589. }
  590.  
  591. #s-m-t-tooltip {
  592. padding:5px 10px 5px 10px;
  593. margin:20px 14px 7px 10px;
  594. border:1px solid {color:border};
  595. background-color:{color:Body};
  596. font-family:Calibri;
  597. font-style: normal;
  598. font-size:10px;
  599. line-height:11px;
  600. letter-spacing:1px;
  601. color:{color:Post}; /* change the text color */
  602. z-index:999;
  603. }
  604.  
  605. {CustomCSS}</style>
  606.  
  607. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  608.  
  609. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  610.  
  611. <script>
  612. (function($){
  613. $(document).ready(function(){
  614. $("a[title]").style_my_tooltips({
  615. tip_follows_cursor:true,
  616. tip_delay_time:0,
  617. tip_fade_speed:0,
  618. attribute:"title"
  619. });
  620. });
  621. })(jQuery);
  622. </script>
  623.  
  624. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple|Montez' rel='stylesheet' type='text/css'>
  625.  
  626. <script src="https://static.tumblr.com/ougxdjo/7cPmrvjid/lora.js" type="text/javascript"></script>
  627.  
  628. {block:ifInfiniteScroll}<script type="text/javascript" src="https://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScroll}
  629.  
  630. </head>
  631. <body>
  632.  
  633. <div id="sidebar">
  634. <center><img src="{image:Sidebar}">
  635. <div id="whitebox">
  636. <div id="title"><a href="/">{Title}</a>
  637. <div class="title">{text:Subtitle}</div></div>
  638. </center>
  639. <div id="desc">{Description}
  640. </div>
  641. <div id="links">
  642. <a href="/">home</a><br>
  643. <a href="/ask">ask</a><br>
  644. {block:ifLink1}<a href="{text:Link1URL}">{text:Link1}</a><br>{/block:ifLink1}
  645. {block:ifLink2}<a href="{text:Link2URL}">{text:Link2}</a><br>{/block:ifLink2}
  646. {block:ifLink3}<a href="{text:Link3URL}">{text:Link3}</a><br>{/block:ifLink3}
  647. {block:ifLink4}<a href="{text:Link4URL}">{text:Link4}</a><br>{/block:ifLink4}
  648. {block:ifLink5}<a href="{text:Link5URL}">{text:Link5}</a><br>{/block:ifLink5}
  649. {block:ifLink6}<a href="{text:Link6URL}">{text:Link6}</a><br>{/block:ifLink6}
  650. {block:HasPages}{block:Pages}<a href="{URL}" class="page">{Label}</a>{/block:Pages}{/block:HasPages}
  651. </div>
  652. {block:Pagination}<center><div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">← prev</a> | {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next →</a>{/block:NextPage}</center></div>{/block:Pagination}</div>
  653. </div></div>
  654.  
  655. <div id="entries">
  656.  
  657. {block:ifInfiniteScroll}<div class="autopagerize_page_element">{/block:ifInfiniteScroll}
  658.  
  659. {block:Posts}
  660.  
  661. <div id="post">
  662. <!--Text Posts-->
  663. {block:Text}
  664. {block:Title}<div id="texttitle">{Title}</div>{/block:Title}
  665. {Body}
  666. {/block:Text}
  667.  
  668. <!--Photo Posts-->
  669. {block:ifNotPosts400}
  670. {block:Photo}<center>
  671. {OpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  672. {LinkCloseTag}</center>
  673. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  674. {/block:ifNotPosts400}
  675.  
  676. {block:ifPosts400}
  677. {block:Photo}<center>
  678. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  679. {LinkCloseTag}</center>
  680. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  681. {/block:ifPosts400}
  682.  
  683. <!--Photosets-->
  684. {block:ifNotPosts400}
  685. {block:Photoset}<center>
  686. {Photoset-500}</center>
  687. {block:Caption}{Caption}{/block:Caption}
  688. {/block:Photoset}
  689. {/block:ifNotPosts400}
  690.  
  691. {block:ifPosts400}
  692. {block:Photoset}<center>
  693. {Photoset-400}</center>
  694. {block:Caption}{Caption}{/block:Caption}
  695. {/block:Photoset}
  696. {/block:ifPosts400}
  697.  
  698. <!--Quotes-->
  699. {block:Quote}
  700. <div id="quote">“{Quote}”</div>
  701. <div id="quotesource">{block:Source}- {Source}{/block:Source}</div>
  702. {/block:Quote}
  703.  
  704. <!--Video Posts-->
  705. {block:ifNotPosts400}
  706. {block:Video}{Video-500}
  707. {block:Caption}{Caption}{/block:Caption}
  708. {/block:Video}
  709. {/block:ifNotPosts400}
  710.  
  711. {block:ifPosts400}
  712. {block:Video}{Video-400}
  713. {block:Caption}{Caption}{/block:Caption}
  714. {/block:Video}
  715. {/block:ifPosts400}
  716.  
  717. <!--Link Posts-->
  718. {block:Link}
  719. <div id="linkposts">
  720. <a href="{URL}" class="link" {Target}>
  721. <center><div id="linktitle">{Name} →</div></center></a><BR>
  722. <center>
  723. <small><small>{URL}</small></small>
  724. </center>
  725. </div> <!--linkposts-->
  726. {block:Description}<br>{Description}{/block:Description}
  727. {/block:Link}
  728.  
  729. <!--Chat-->
  730. {block:Chat}
  731. {block:Title}<h4>{Title}</h4>{/block:Title}
  732. <div class="chat">
  733. <div class="lines">
  734. {block:Lines}
  735. <div class="line {Alt}">
  736. {block:Label}
  737. <strong>{Label}</strong>{/block:Label} {Line}
  738. </div> <!--line alt-->
  739. {/block:Lines}
  740. </div> <!--lines-->
  741. </div><!--chat-->
  742. {/block:Chat}
  743.  
  744. <!--Audio Posts -->
  745. {block:Audio}
  746. {block:AlbumArt}
  747. <div class="album"><img src="{AlbumArtURL}"></div>
  748. {/block:AlbumArt}
  749.  
  750. <div class="audio">{AudioPlayerWhite}</div>
  751. {block:PlayCount}
  752. <div class="pc">
  753. {PlayCountWithLabel}
  754. </div><!--pc-->
  755. {/block:PlayCount}
  756.  
  757. <center><div class="audiobox">
  758. <div class="audiotext">
  759. {block:TrackName}
  760. <div id="trackname">"{TrackName}"</div>{/block:TrackName}
  761. {block:Artist}<big>by {Artist}{/block:Artist}</big></center>
  762. <!--audiotext-->
  763. <!--audiobox-->
  764. {block:Caption}{Caption}{/block:Caption}
  765. {/block:Audio}
  766.  
  767. <!--Asks-->
  768. {block:Answer}
  769. <div id="question">
  770. {Question}
  771. <div id="asker">
  772. <img src="{AskerPortraitURL-30}">- {Asker}</div><br>
  773. </div> <!--question-->
  774. <br>{Answer}
  775. {/block:Answer}
  776.  
  777. {block:Date}
  778. <div id="info">
  779. <a href="{Permalink}"><a href="{Permalink}">
  780. {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} '{ShortYear}
  781. at {12Hour}.{Minutes}{ampm}</a> |
  782. <a href="{Permalink}"> {NoteCountWithLabel}</a>
  783. <div style="text-align:right;margin-top:-14px;">{block:RebloggedFrom} &nbsp;&nbsp;&nbsp;
  784. <a href="{ReblogParentURL}" title="{ReblogParentName}">
  785. via </a> {/block:RebloggedFrom}
  786. {block:Reblog} /
  787. <a href="{ReblogRootURL}" title="{ReblogRootName}">
  788. origin</a>{/block:Reblog} |{/block:RebloggedFrom}
  789. <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  790. <!--right-->
  791.  
  792.  
  793. {block:HasTags}
  794. <div style="margin-top:5px;">
  795. {block:Tags}
  796. <small>#</small><a href="{TagURL}" target="_blank">{Tag}</a>
  797. {/block:Tags}
  798. </div>
  799. {/block:HasTags}
  800.  
  801. </div><!--info-->
  802. {/block:Date}
  803.  
  804. {block:PostNotes}
  805. <div class="notes">{PostNotes}</div>
  806. {/block:PostNotes}
  807. </div><!--post-->
  808. {/block:Posts}
  809. </div> <!--entries-->
  810. <div id="iquote">
  811. <div id="quote1"><img src="https://media.tumblr.com/ed37752cf967ba148d24b9144bccf7c6/tumblr_inline_mxk03uDhS31qk6lff.png"></div>
  812. <div id="quote2"><img src="https://media.tumblr.com/1a4f778288766e4003e9242a8efff5e3/tumblr_inline_mxk04kyhzk1qk6lff.png"></div>
  813. {text:Quote}
  814. {block:if01Image}<a href="{text:ImageLink1URL}" title="{text:ImageLink1Title}"><div id="bubble1"><img src="{image:01}"></div></a>{/block:if01Image}
  815. {block:if02Image}<a href="{text:ImageLink2URL}" title="{text:ImageLink2Title}"><div id="bubble2"><img src="{image:02}"></div></a>{/block:if02Image}
  816. {block:if03Image}<a href="{text:ImageLink3URL}" title="{text:ImageLink3Title}"><div id="bubble3"><img src="{image:03}"></div></a>{/block:if03Image}
  817. {block:if04Image}<a href="{text:ImageLink4URL}" title="{text:ImageLink4Title}"><div id="bubble4"><img src="{image:04}"></div></a>{/block:if04Image}
  818. {block:if05Image}<a href="{text:ImageLink5URL}" title="{text:ImageLink5Title}"><div id="bubble5"><img src="{image:05}"></div></a>{/block:if05Image}
  819. </div>
  820. <div id="credit">
  821. <a href="https://theghostoflove.tumblr.com" title="made by">E</a>
  822. <a href="https://thisprincessaintworthsaving.tumblr.com" title="designed by">I</a>
  823. </div>
  824. </div> <!--infinitescroll-->
  825.  
  826. </body>
  827. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!