enchantingly

Theme 42 - Open Space

Mar 29th, 2015
891
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.70 KB | None | 0 0
  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. Theme 42 - "Open Space" by Elowen (theghostoflove.tumblr.com)
  6.  
  7. Credit stays intact, please. If you get stuck, feel free to message me! Comments and suggestions are welcome.
  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.  
  18. <meta name="color:Ask and Link Bg" content="#ccbfd6">
  19. <meta name="color:Background" content="#e2c9f5">
  20. <meta name="color:Body" content="#3a026e">
  21. <meta name="color:Border" content="#011c44">
  22. <meta name="color:Chat1" content="#cdbadc">
  23. <meta name="color:Chat2" content="#c4a9da">
  24. <meta name="color:Description Bg" content="#e2c9f5">
  25. <meta name="color:Description Text" content="#3a026e">
  26. <meta name="color:Entries" content="#a586d3">
  27. <meta name="color:Header" content="#baa3cc">
  28. <meta name="color:Info Bg" content="#ccbfd6">
  29. <meta name="color:Link" content="#011c44">
  30. <meta name="color:Link Hover" content="#5d80b3">
  31. <meta name="color:Navlinks Text" content="#3a026e">
  32. <meta name="color:Navlinks" content="#eddcfb">
  33. <meta name="color:Navlinks Hover" content="#ffffff">
  34. <meta name="color:Pagi Link" content="#3a026e">
  35. <meta name="color:Pagi Link Hover" content="#ccbfd6">
  36. <meta name="color:Post" content="#baa3cc">
  37. <meta name="color:Scroll" content="#6b2da5">
  38. <meta name="color:Scroll Bg" content="#baa3cc">
  39. <meta name="color:Sidebar" content="#baa3cc">
  40. <meta name="color:Sidelinks Bg" content="#a586d3">
  41. <meta name="color:Sidelinks Text" content="#3a026e">
  42. <meta name="color:Title" content="#3a026e">
  43.  
  44.  
  45. <meta name="image:Background" content="">
  46. <meta name="image:Header" content="">
  47. <meta name="image:Sidebar" content="">
  48.  
  49.  
  50. <meta name="font:Body" content="'Trebuchet MS', sans-serif">
  51. <meta name="font:Quote" content="Garamond">
  52. <meta name="font:Text Title" content="'Book Antiqua'">
  53. <meta name="font:Title" content="'Clicker Script', cursive">
  54.  
  55.  
  56. <meta name="if:Infinite Scroll" content="0">
  57. <meta name="if:Posts 400" content="0">
  58. <meta name="if:Show Tags" content="1">
  59. <meta name="if:Show Updates Tab" content="1">
  60.  
  61.  
  62. <meta name="text:Font Size Title" content="30px">
  63. <meta name="text:Font Size Body" content="12px">
  64.  
  65. <meta name="text:Link 1" content="">
  66. <meta name="text:Link 1 URL" content="http://">
  67. <meta name="text:Link 2" content="">
  68. <meta name="text:Link 2 URL" content="http://">
  69. <meta name="text:Link 3" content="">
  70. <meta name="text:Link 3 URL" content="http://">
  71. <meta name="text:Link 4" content="">
  72. <meta name="text:Link 4 URL" content="http://">
  73. <meta name="text:Link 5" content="">
  74. <meta name="text:Link 5 URL" content="http://">
  75. <meta name="text:Link 6" content="">
  76. <meta name="text:Link 6 URL" content="http://">
  77. <meta name="text:Updates" content="">
  78.  
  79. <style type="text/css">
  80.  
  81. /**BASICS**/
  82.  
  83. body {
  84. text-align:justify;
  85. font:{text:Font Size Body}/150% {font:Body};
  86. margin-left:20px; margin:0 auto;
  87. width:500px;
  88. background:{color:background} url('{image:Background}');
  89. background-attachment:fixed;
  90. background-repeat:repeat;
  91. color:{color:Body};
  92. }
  93.  
  94. blockquote {border-left:2px solid {color:border}; padding-left:5px; margin:0px 2px 0px 10px}
  95.  
  96. ::-webkit-scrollbar {width:8px; height:auto; background-color:{color:scroll bg}}
  97. ::-webkit-scrollbar-button {background:{color:scroll}}
  98. ::-webkit-scrollbar-thumb:vertical {background:{color:scroll}}
  99. ::-webkit-scrollbar-thumb:horizontal {background:{color:scroll}}
  100.  
  101. ::selection {color:{color:post};background-color: {color:body}}
  102. ::-moz-selection {color:{color:post};background-color: {color:body}}
  103. ::-webkit-selection {color:{color:post};background-color:{color:body}}
  104.  
  105. a {color:{color:link};text-decoration:none;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  106. a:hover {color:{color:link hover}}
  107.  
  108. #container {width:100%;{block:ifNotPosts400}margin: 0 -220px auto;{/block:ifNotPosts400} {block:ifPosts400}margin: 0 -170px auto{/block:ifPosts400}}
  109.  
  110. #header {
  111. position:absolute; z-index:1;
  112. top:52px; margin-left:5px;
  113. width:{block:ifNotPosts400}931px;{/block:ifNotPosts400} {block:ifPosts400}831px;{/block:ifPosts400} height:300px;
  114. background:{color:header} url('{image:Header}');
  115. background-size:{block:ifNotPosts400}931px{/block:ifNotPosts400} {block:ifPosts400}831px{/block:ifPosts400} auto;
  116. background-position:center;
  117. background-attachment:relative;
  118. background-repeat:no-repeat;
  119. }
  120.  
  121. #title {
  122. position:absolute;
  123. padding:2px;
  124. font-weight:normal;
  125. text-align:right;
  126. color:{color:Title};
  127. font:{text:Font Size Title} {font:Title};
  128. min-width:500px;
  129. margin:-40px 0px 2px {block:ifNotPosts400}400px{/block:ifNotPosts400}{block:ifPosts400}300px{/block:ifPosts400};
  130. }
  131.  
  132. #title a {color:{color:Title}}
  133.  
  134. #sidebarbg {
  135. width:299px; height:100%;
  136. position:fixed;
  137. top:0px; margin-left:5px;
  138. padding:15px;
  139. background-color:{color:sidebar};
  140. border-left:1px dashed transparent;
  141. border-bottom:1px dashed transparent;
  142. z-index:-1;
  143. }
  144.  
  145. #sidebar {
  146. width:299px;
  147. position:absolute;
  148. margin-top:352px; margin-left:5px;
  149. padding:15px;
  150. background-color:{color:sidebar};
  151. border-left:1px dashed transparent
  152. border-right:1px dashed transparent;
  153. }
  154.  
  155. #sidebar img {margin-top:10px; margin-left:0px; width:280px;}
  156.  
  157. #links {
  158. top:0px; margin-left:5px;
  159. width:{block:ifNotPosts400}921px{/block:ifNotPosts400} {block:ifPosts400}821px{/block:ifPosts400};
  160. padding:10px 0px 10px 10px;
  161. text-align:left;
  162. position:absolute;
  163. z-index:10;
  164. background-color:{color:header};
  165. }
  166.  
  167. #links a {
  168. text-align:center;
  169. text-transform:uppercase;
  170. font-size:11px;
  171. border:2px solid transparent;
  172. padding:8px 0px;
  173. display:inline-block;
  174. min-width:85px;
  175. margin:0px 5px;
  176. color:{color:navlinks text};
  177. background-color:{color:navlinks};
  178. }
  179.  
  180. #links a:hover {
  181. border:2px solid transparent;
  182. background-color:{color:navlinks hover};
  183. }
  184.  
  185. #entries {
  186. z-index:1;
  187. position:absolute;
  188. float:left;
  189. padding:15px;
  190. margin-top:{block:ifNotPosts400}360px{/block:ifNotPosts400}{block:ifPosts400}350px{/block:ifPosts400}; {block:ifShowUpdatesTab}margin-left:334px;{/block:ifShowUpdatesTab}top:-8px;
  191. {block:ifNotShowUpdatesTab}margin-left:115px;{/block:ifNotShowUpdatesTab}
  192. background-color:{color:entries};
  193. border-left:1px dashed transparent;
  194. border-right:1px dashed transparent;
  195. border-bottom:1px dashed transparent;
  196. width: {block:ifNotPosts400}570px;{/block:ifNotPosts400} {block:ifPosts400}470px;{/block:ifPosts400}
  197. }
  198.  
  199. #post {
  200. padding:15px;
  201. margin:15px 0px 15px 20px;
  202. background-color:{color:post};
  203. width: {block:IfNotPosts400}500px;{/block:ifNotPosts400} {block:ifPosts400}400px;{/block:ifPosts400}
  204. }
  205.  
  206. #desctitle {
  207. font-size:14px;
  208. margin-left:10px;
  209. padding:5px 0px 5px 5px;
  210. width:275px;
  211. text-transform:uppercase;
  212. letter-spacing:2px;
  213. word-spacing:4px;
  214. background-color:{color:Description Bg};
  215. color:{color:Description Text};
  216. }
  217. #desctext {
  218. margin:-10px 0px 0px 10px;
  219. width:270px;
  220. padding:5px;
  221. background-color:{color:Description Bg};
  222. color:{color:Description Text};
  223. }
  224. #desc {
  225. margin:10px 0px 10px;
  226. padding:0px;
  227. width:275px; height:205px;
  228. }
  229. .sub {width:290px}
  230.  
  231. #sidelinks {
  232. margin:10px 0px 10px -5px;
  233. padding:5px 0px 5px 5px;
  234. width:275px;
  235. }
  236.  
  237. #sidelinkstitle {
  238. font-size:14px;
  239. margin-left:10px;
  240. padding:5px 0px 5px 5px;
  241. width:275px;
  242. text-transform:uppercase;
  243. letter-spacing:2px;
  244. word-spacing:4px;
  245. background-color:{color:description bg};
  246. color:{color:description text};
  247. }
  248.  
  249. #sidelinkstext {
  250. width:270px;
  251. padding:5px 0px 5px 0px;
  252. margin-left:5px;
  253. }
  254. #sidelinkstext a {
  255. letter-spacing:2px;
  256. word-spacing:4px;
  257. width:270px;
  258. margin:2px 0px 0px 5px;
  259. display:block;
  260. padding:5px;
  261. color:{color:Sidelinks Text};
  262. background-color:{color:Sidelinks Bg};
  263. }
  264. #sidelinkstext a:hover {
  265. background-color:{color:Sidelinks Text};
  266. color:{color:Sidelinks Bg};
  267. }
  268.  
  269. {block:ifShowUpdatesTab}#updates {
  270. margin:10px 0px 10px -5px;
  271. padding:5px 0px 5px 5px;
  272. width:275px;
  273. }
  274.  
  275. #updatestitle {
  276. font-size:14px;
  277. margin-left:10px;
  278. padding:5px 0px 5px 5px;
  279. width:275px;
  280. text-transform:uppercase;
  281. letter-spacing:2px;
  282. word-spacing:4px;
  283. background-color:{color:description bg};
  284. color:{color:description text};
  285. }
  286.  
  287. #updatestext {
  288. margin:0px 0px 0px 10px;
  289. width:270px;
  290. padding:5px;
  291. background-color:{color:description bg};
  292. color:{color:description text};
  293. }{/block:ifShowUpdatesTab}
  294.  
  295. #pagi {
  296. width: {block:ifNotPosts400}570px;{/block:ifNotPosts400} {block:ifPosts400}470px;{/block:ifPosts400}
  297. text-align:right;
  298. margin:15px 0px 0px 0px;
  299. font-family:cambria;
  300. font-size:12px;
  301. display:block;
  302. }
  303. #pagi a {
  304. text-align:center;
  305. border:1px solid transparent;
  306. padding:2px;
  307. background-color:{color:pagi link hover};
  308. color:{color:pagi link};
  309. }
  310. #pagi a:hover {
  311. border:1px solid {color:pagi link hover};
  312. background-color:{color:pagi link};
  313. color:{color:pagi link hover};
  314. }
  315.  
  316. #currentpage {
  317. font-weight:bold;
  318. padding:2px;
  319. color: {color:pagi link bg};
  320. border:1px solid {color:pagi link bg};
  321. }
  322.  
  323. /**POST INFO**/
  324.  
  325. #info {
  326. text-align:center;
  327. font-size: 10px;
  328. margin-top:15px;
  329. width:{block:ifNotPosts400}492px{/block:ifNotPosts400}{block:ifPosts400}392px{/block:ifPosts400};
  330. padding:5px;
  331. background-color:{color:info bg};
  332. }
  333.  
  334. #tags {
  335. min-height:14px;
  336. font-size:10px;
  337. padding:0px 5px 5px 5px;
  338. margin-top:0px;
  339. width:{block:ifNotPosts400}492px{/block:ifNotPosts400}{block:ifPosts400}392px{/block:ifPosts400};
  340. font-style:italic;
  341. text-align:center;
  342. background-color:{color:info bg};
  343. }
  344.  
  345. .note {
  346. text-transform:normal;
  347. font-style:normal;
  348. letter-spacing:0px;
  349. font-size: 12px;
  350. text-align:left;
  351. line-height:120%;
  352. margin-left:-35px;
  353. }
  354.  
  355. .note li {
  356. list-style-type:none;
  357. text-align:left;
  358. padding:5px 2px;
  359. margin:0px;
  360. }
  361.  
  362. .note li img {
  363. padding:5px;
  364. }
  365.  
  366. /**POST TYPES**/
  367.  
  368. #texttitle {
  369. font:normal 18px {font:Text Title};
  370. text-align:center;
  371. margin:2px;
  372. }
  373.  
  374. #quote {
  375. margin:5px 0px;
  376. font-family:{font:Quote};
  377. text-align:center;
  378. letter-spacing:1px;
  379. }
  380.  
  381. #quote_short {font-size:20px; line-height:100%;}
  382. #quote_medium {font-size:18px; line-height:95%;}
  383. #quote_long {font-size:16px; line-height:90%;}
  384.  
  385. #quotesource {
  386. font:italic 14px Georgia;
  387. margin:10px 0px -10px 0px;
  388. text-align:right;
  389. padding:6px;
  390. }
  391.  
  392. #linkposts {
  393. line-height:100%;
  394. height:80px;
  395. padding-bottom:10px; padding-top:10px;
  396. font:16px {font:Text Title};
  397. border:1px solid {color:Border};
  398. margin-bottom:5px;
  399. background-color:{color:Ask and Link Bg};
  400. width:{block:ifNotPosts400}397px;{/block:ifNotPosts400}{block:ifPosts400}297px;{/block:ifPosts400}
  401. }
  402.  
  403. #linkfav img {
  404. width:100px;
  405. margin-top:-107px;
  406. position:absolute;
  407. border-top:1px solid {color:Border};
  408. border-right:1px solid {color:Border};
  409. border-bottom:1px solid {color:Border};
  410. margin-left:{block:ifNotPosts400}399px;{/block:ifNotPosts400}{block:ifPosts400}299px;{/block:ifPosts400}
  411. }
  412.  
  413. #question {
  414. line-height:125%;
  415. font-size:13px;
  416. letter-spacing:1px;
  417. padding:10px; padding-right:94px;
  418. border:1px solid {color:Border};
  419. background-color:{color:Ask and Link Bg};
  420. width:{block:ifNotPosts400}394px;{/block:ifNotPosts400}{block:ifPosts400}294px;{/block:ifPosts400}
  421. min-height:72px;
  422. }
  423. #asker {
  424. width:70px; min-height:50px;
  425. position:absolute;
  426. text-align:center;
  427. font-size:10px;
  428. letter-spacing:1px;
  429. padding:20px 0px 0px 3px;
  430. margin:0px 0px -20px {block:ifNotPosts400}402px{/block:ifNotPosts400}{block:ifPosts400}302px{/block:ifPosts400};
  431. border-left:1px solid #000;
  432. }
  433. #asker img {
  434. margin-left:-10px 0px 0px 0px;
  435. border:1px solid {color:Border};
  436. }
  437.  
  438. #audiopost {line-height:140%;border:1px solid {color:border}; background-color:{color:Ask And Link Bg};}
  439. .album {position:absolute; margin-top:0px; width:100px; height:100px;}
  440. .album img {width:100px; height:100px;border-right:1px solid {color:border};}
  441. .audio {position:absolute;padding:35px 0px 0px 36px;height:30px;width:28px;overflow:hidden;opacity:.5;}
  442. .audiobox {height:100px;z-index:10; margin-left:110px;}
  443.  
  444. .chat {margin:3px 3px 10px 3px;}
  445. .chat .lines {margin-left:1px;border-top:1px solid {color:border};border-left:1px solid {color:border};border-right:1px solid {color:border};}
  446. .chat .lines .line {margin-bottom:1px;padding:3px 5px;background-color:{color:Chat1};border-bottom:1px solid {color:border};}
  447. .chat .lines .line.even{background-color:{color:Chat2};}
  448.  
  449. #s-m-t-tooltip {
  450. padding:5px 10px 5px 10px;
  451. margin:20px 14px 7px 10px;
  452. border:1px solid {color:border};
  453. background-color:{color:Body};
  454. font:normal 9px/100% Georgia;
  455. letter-spacing:1px;
  456. color:{color:Post};
  457. z-index:99999999;
  458. }
  459.  
  460. #credit {
  461. z-index:99999999999;
  462. font:bold 14px 'Montez';
  463. text-align:center;
  464. position:fixed;
  465. bottom:5px; right:5px;
  466. }
  467. #credit a {
  468. display:inline-block;
  469. height:20px; width:20px;
  470. padding:0px 0px 0px 0px;
  471. background-color:{color:Post};
  472. color:{color:Body};
  473. }
  474. #credit a:hover {
  475. border-radius:50%;
  476. background-color:{color:Body};
  477. color:{color:Post};
  478. }
  479.  
  480. </style>
  481.  
  482. <link href='https://fonts.googleapis.com/css?family=Clicker+Script|Montez' rel='stylesheet' type='text/css'>
  483.  
  484. <script type="text/javascript" src="https://static.tumblr.com/qlfmldj/1H6mmbwdm/jquery-1.7.1.min.js"></script>
  485.  
  486. <script type="text/javascript">
  487. $(function(){ // document ready
  488. var stickyTop = $('#sidebar').offset().top; // returns number
  489. $(window).scroll(function(){ // scroll event
  490. var windowTop = $(window).scrollTop(); // returns number
  491. if (stickyTop < windowTop) {
  492. $('#sidebar').css({ position:'fixed', top: -353 });
  493. }
  494. else {
  495. $('#sidebar').css('position','static');
  496. }
  497. });
  498. });
  499. </script>
  500.  
  501. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  502.  
  503. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  504.  
  505. <script>
  506. (function($){
  507. $(document).ready(function(){
  508. $("a[title]").style_my_tooltips({
  509. tip_follows_cursor:true,
  510. tip_delay_time:0,
  511. tip_fade_speed:0,
  512. attribute:"title"
  513. });
  514. });
  515. })(jQuery);
  516. </script>
  517.  
  518. {block:ifInfiniteScroll}<script type="text/javascript" src="https://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScroll}
  519.  
  520. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  521. <script type="text/javascript">
  522. jQuery(document).ready(function() {
  523. jQuery(".sub").hide();
  524. //toggle the componenet with class msg_body
  525. jQuery(".cthrough").click(function()
  526. {
  527. jQuery(this).next(".sub").slideToggle(500);
  528. });});
  529. </script>
  530.  
  531. </head>
  532.  
  533. <body>
  534.  
  535. <div id="container">
  536. <div id="links">
  537. <a href="/">home</a>
  538. <a href="/ask">message</a>
  539. <a href="/archive">history</a>
  540. <a href="https://enchantinglythemes.tumblr.com">theme</a>
  541. <div id="title">{title}</div>
  542. </div><!--links-->
  543. <div id="header"></div>
  544. <div id="sidebarbg"></div>
  545. <div id="sidebar">
  546. <center><img src="{image:Sidebar}"></center>
  547.  
  548. <a class="cthrough"><div id="desc"><div id="desctitle">About</div></a>
  549. <div class="sub"><div id="desctext">{Description}</div></div>
  550. {block:ifShowUpdatesTab}<a class="cthrough"><div id="updates"><div id="updatestitle">Updates</div></a>
  551. <div class="sub"><div id="updatestext">{text:Updates}</div></div>{/block:ifShowUpdatesTab}
  552. <a class="cthrough"><div id="sidelinks"><div id="sidelinkstitle">Navigation</div></a>
  553. <div class="sub"><div id="sidelinkstext">
  554. {block:ifLink1}
  555. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  556. {/block:ifLink1}
  557. {block:ifLink2}
  558. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  559. {/block:ifLink2}
  560. {block:ifLink3}
  561. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  562. {/block:ifLink3}
  563. {block:ifLink4}
  564. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  565. {/block:ifLink4}
  566. {block:ifLink5}
  567. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  568. {/block:ifLink5}
  569. {block:ifLink6}
  570. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  571. {/block:ifLink6}
  572. </div></div>
  573. </div></div></div></div>
  574.  
  575. <div id="entries">
  576. {block:ifInfiniteScroll}
  577. <div class="autopagerize_page_element">
  578. {/block:ifInfiniteScroll}
  579. {block:Posts}
  580. <div id="post">
  581. <!--Text Posts-->
  582. {block:Text}
  583. {block:Title}<div id="texttitle">{Title}</div>{/block:Title}
  584. {Body}
  585. {/block:Text}
  586.  
  587. <!--Photo Posts-->
  588. {block:ifNotPosts400}
  589. {block:Photo}<center>
  590. {OpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  591. {LinkCloseTag}</center>
  592. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  593. {/block:ifNotPosts400}
  594.  
  595. {block:ifPosts400}
  596. {block:Photo}<center>
  597. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  598. {LinkCloseTag}</center>
  599. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  600. {/block:ifPosts400}
  601.  
  602. <!--Photosets-->
  603. {block:ifNotPosts400}
  604. {block:Photoset}<center>
  605. {Photoset-500}</center>
  606. {block:Caption}{Caption}{/block:Caption}
  607. {/block:Photoset}
  608. {/block:ifNotPosts400}
  609.  
  610. {block:ifPosts400}
  611. {block:Photoset}<center>
  612. {Photoset-400}</center>
  613. {block:Caption}{Caption}{/block:Caption}
  614. {/block:Photoset}
  615. {/block:ifPosts400}
  616.  
  617. <!--Panorama-->
  618. {block:Panorama}
  619. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  620. {LinkCloseTag}
  621. {block:Caption}{Caption}{/block:Caption}
  622. {/block:Panorama}
  623.  
  624. <!--Quotes-->
  625. {block:Quote}<div id="quote">
  626. <div id="quote_{Length}">“{Quote}”</div>
  627. {block:Source}
  628. <div id="quotesource">- {Source}</div>
  629. {/block:Source}
  630. </div>{/block:Quote}
  631.  
  632. <!--Video Posts-->
  633. {block:ifNotPosts400}
  634. {block:Video}{Video-500}
  635. {block:Caption}{Caption}{/block:Caption}
  636. {/block:Video}
  637. {/block:ifNotPosts400}
  638.  
  639. {block:ifPosts400}
  640. {block:Video}{Video-400}
  641. {block:Caption}{Caption}{/block:Caption}
  642. {/block:Video}
  643. {/block:ifPosts400}
  644.  
  645. <!--Link Posts-->
  646. {block:Link}<div id="linkposts">
  647. <a href="{URL}" class="link" {Target}>
  648. <center>{Name} →</center></a><BR>
  649. <center><small><small>{URL}</small></small></center>
  650. </div> <!--linkposts-->
  651.  
  652. {block:Thumbnail}
  653. <div id="linkfav"><img src="{Thumbnail}"></div>
  654. {/block:Thumbnail}
  655.  
  656. {block:Description}{Description}{/block:Description}
  657. {/block:Link}
  658.  
  659. <!--Chat-->
  660. {block:Chat}
  661. {block:Title}<div id="texttitle">{Title}</div>{/block:Title}
  662. <div class="chat">
  663. <div class="lines">
  664. {block:Lines}
  665. <div class="line {Alt}">
  666. {block:Label}
  667. <strong>{Label}</strong>{/block:Label} {Line}
  668. </div> <!--line alt-->
  669. {/block:Lines}
  670. </div> <!--lines-->
  671. </div><!--chat-->
  672. {/block:Chat}
  673.  
  674. <!--Audio Posts -->
  675. {block:Audio}<div id="audiopost">
  676. {block:AlbumArt}
  677. <div class="album"><img src="{AlbumArtURL}"></div>
  678. {/block:AlbumArt}
  679.  
  680. <div class="audio"><center>{AudioPlayerWhite}</center></div>
  681.  
  682. <div class="audiobox">
  683. {block:TrackName}<br><big><b>Track name:</b>
  684. "{TrackName}"{/block:TrackName}
  685. {block:Artist}<br><b>Artist:</b> {Artist}{/block:Artist}
  686. {block:Album}<br><b>Album:</b> {Album}{/block:Album}
  687. {block:PlayCount}<br><b>Playcount:</b> {PlayCountWithLabel}
  688. {/block:PlayCount}
  689. </big>
  690. </div><!--audiobox-->
  691. </div><!--audiopost-->
  692. {block:Caption}{Caption}{/block:Caption}
  693. {/block:Audio}
  694.  
  695. <!--Asks-->
  696. {block:Answer}
  697. <div id="question">
  698. <div id="asker">
  699. <img src="{AskerPortraitURL-30}"><p>{Asker}</div>
  700. {Question}</div> <!--question-->
  701. <br>{Answer}<br>
  702. {/block:Answer}
  703.  
  704. {block:Date}<div id="info">
  705. <a href="{Permalink}" title="{DayOfMonth}{DayOfMonthSuffix}
  706. {ShortMonth} '{ShortYear} at {12Hour}.{Minutes}{ampm}">
  707. {TimeAgo} </a>
  708. {block:NoteCount} ·
  709. <a href="{Permalink}">{NoteCountWithLabel} </a>
  710. {/block:NoteCount}
  711. {block:RebloggedFrom} via <a href="{ReblogParentURL}">
  712. {ReblogParentName} </a>{/block:RebloggedFrom}
  713. {block:Reblog}
  714. (©<a href="{ReblogRootURL}">{ReblogRootName}</a>)
  715. {/block:Reblog}
  716. ·<a href="{ReblogURL}" target="_blank"> reblog</a>
  717. </div>{/block:Date}
  718.  
  719. <center>{block:ifShowTags}{block:HasTags}
  720. <div id="tags">
  721. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>
  722. {/block:HasTags}{/block:IfShowTags}</center>
  723. {block:PostNotes}
  724. <div class="note"> {PostNotes}</div>
  725. {/block:PostNotes}
  726. </div><!--posts-->{/block:Posts}
  727.  
  728. {block:ifNotInfiniteScroll}<div id="pagi"><center>
  729. {block:PreviousPage}
  730. <a href="{PreviousPage}">« prev</a>
  731. {/block:PreviousPage}
  732. {block:JumpPagination length="5"}
  733. {block:CurrentPage}
  734. <span id="currentpage">{PageNumber}</span>
  735. {/block:CurrentPage}
  736. {block:JumpPage}
  737. <a class="jump_page" href="{URL}">{PageNumber}</a>
  738. {/block:JumpPage}
  739. {/block:JumpPagination}
  740. {block:NextPage}
  741. <a href="{NextPage}">next »</a>{/block:NextPage}
  742. </center></div><!--pagi-->{/block:ifNotInfiniteScroll}
  743. </div><!--entries--></div></div>
  744. {block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}
  745. </div>
  746.  
  747. <div id="credit">
  748. <a href="https://theghostoflove.tumblr.com" title="Enchantingly">E</a>
  749. </div>
  750.  
  751. </body>
  752. </html>
Advertisement
Add Comment
Please, Sign In to add comment