mustntrunaway

[OLD] Theme 02 // Fresh Air

Nov 3rd, 2014
355
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.23 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2.  
  3. <head>
  4. <title>{Title}{block:TagPage} | #{Tag}{/block:TagPage}{block:DayPage} | {DayOfMonth} {Month} {Year}{/block:DayPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
  5.  
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700|Lobster|Roboto+Slab' rel='stylesheet' type='text/css'>
  10.  
  11. <!--
  12.  
  13. Theme by mustntrunaway
  14.  
  15. theme blog: mustntrunthemes
  16. main blog: mustntrunaway
  17.  
  18. >> 400px/250px posts (400px on index page)
  19. >> 30+ color options
  20. >> up to 8 custom links
  21. >> side image
  22. >> custom cursor option
  23. >> photo/photoset opacity and grayscale options
  24. >> cover or tiled backgrounds
  25. >> show/hide captions
  26.  
  27. -->
  28.  
  29. <meta name="image:bg img" content="" />
  30. <meta name="image:sidebar bg img" content="" />
  31. <meta name="image:side img" content="" />
  32.  
  33. <meta name="color:bg" content="#fff"/>
  34. <meta name="color:text" content="#000"/>
  35. <meta name="color:italic" content="#000"/>
  36. <meta name="color:bold" content="#000"/>
  37. <meta name="color:blockquote" content="#000">
  38. <meta name="color:chat1" content="#eee">
  39. <meta name="color:chat2" content="#fff">
  40. <meta name="color:link" content="#000"/>
  41. <meta name="color:link hover" content="#000"/>
  42. <meta name="color:title" content="#fff">
  43. <meta name="color:title shadow" content="#000">
  44. <meta name="color:sidebar bg" content="#ddd"/>
  45. <meta name="color:description bg" content="#fff"/>
  46. <meta name="color:description text" content="#000"/>
  47. <meta name="color:desc italic" content="#000"/>
  48. <meta name="color:desc bold" content="#000"/>
  49. <meta name="color:sidebar links" content="#000"/>
  50. <meta name="color:sidebar links hover" content="#fff"/>
  51. <meta name="color:sidebar links bg" content="#fff"/>
  52. <meta name="color:sidebar links bg hover" content="#000"/>
  53. <meta name="color:post" content="#fff"/>
  54. <meta name="color:post info text" content="#fff"/>
  55. <meta name="color:post info text hover" content="#ddd"/>
  56. <meta name="color:post info bg" content="#000"/>
  57. <meta name="color:post info bg hover" content="#000"/>
  58. <meta name="color:tags text" content="#fff"/>
  59. <meta name="color:tags text hover" content="#ddd"/>
  60. <meta name="color:tags bg" content="#000"/>
  61. <meta name="color:tags bg hover" content="#000"/>
  62. <meta name="color:ask text" content="#fff"/>
  63. <meta name="color:ask bg" content="#000"/>
  64. <meta name="color:scrollbar" content="#000"/>
  65. <meta name="color:scrollbar bg" content="#fff"/>
  66. <meta name="color:selection" content="#fff"/>
  67. <meta name="color:selection bg" content="#000"/>
  68. <meta name="color:tooltip" content="#fff"/>
  69. <meta name="color:tooltip bg" content="#000"/>
  70.  
  71. <meta name="if:cover bg" content="1"/>
  72. <meta name="if:side cover bg" content="1"/>
  73. <meta name="if:400px posts" content="1"/>
  74. <meta name="if:250px posts" content="0"/>
  75. <meta name="if:custom cursor" content="1"/>
  76. <meta name="if:show captions" content="0"/>
  77. <meta name="if:title shadow" content="1"/>
  78. <meta name="if:tags on hover" content="1"/>
  79.  
  80. <meta name="text:reblog text" content="reboop" />
  81. <meta name="text:sidebar bg position" content="0"/>
  82. <meta name="text:description position" content="300" />
  83. <meta name="text:pic opacity" content=".8" />
  84. <meta name="text:pic gray" content=".8" />
  85. <meta name="text:side img bottom" content="0" />
  86. <meta name="text:side img right" content="0" />
  87. <meta name="text:link1 url" content="/" />
  88. <meta name="text:link1 title" content="link 1" />
  89. <meta name="text:link2 url" content="/" />
  90. <meta name="text:link2 title" content="link 2" />
  91. <meta name="text:link3 url" content="/" />
  92. <meta name="text:link3 title" content="link 3" />
  93. <meta name="text:link4 url" content="/" />
  94. <meta name="text:link4 title" content="link 4" />
  95. <meta name="text:link5 url" content="/" />
  96. <meta name="text:link5 title" content="link 5" />
  97. <meta name="text:link6 url" content="/" />
  98. <meta name="text:link6 title" content="link 6" />
  99. <meta name="text:link7 url" content="/" />
  100. <meta name="text:link7 title" content="link 7" />
  101. <meta name="text:link8 url" content="/" />
  102. <meta name="text:link8 title" content="link 8" />
  103.  
  104. <script type="text/javascript"
  105. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  106. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  107. <script>
  108. (function($){
  109. $(document).ready(function(){
  110. $("[title]").style_my_tooltips({
  111. tip_follows_cursor:true,
  112. tip_fade_speed:500,
  113. });
  114. });
  115. })(jQuery);
  116. </script>
  117.  
  118. <style type="text/css">
  119.  
  120. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  121.  
  122. iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  123.  
  124. /** OVERALL **/
  125.  
  126. /** selections **/
  127. ::selection {
  128. background:{color:selection bg};
  129. color:{color:selection};
  130. }
  131. ::-moz-selection {
  132. background:{color:selection bg};
  133. color:{color:selection};
  134. }
  135. ::-webkit-selection {
  136. background:{color:selection bg};
  137. color:{color:selection};
  138. }
  139.  
  140. /** scrollbar **/
  141. ::-webkit-scrollbar {
  142. height:9px;
  143. width:9px;
  144. background:{color:scrollbar};
  145. border-width:4px;
  146. border-style:solid;
  147. border-color:{color:scrollbar bg};
  148. }
  149. ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
  150. background:{color:scrollbar};
  151. border-width:3px;
  152. border-style:solid;
  153. border-color:{color:scrollbar bg};
  154. }
  155.  
  156. /** tooltip **/
  157. #s-m-t-tooltip {
  158. z-index:99999999999999999;
  159. text-transform:uppercase;
  160. max-width:250px;
  161. position:absolute;
  162. display:inline-block;
  163. padding:4px;
  164. margin:20px 10px 5px 10px;
  165. background:{color:tooltip bg};
  166. color:{color:tooltip};
  167. font-family:'Open Sans';
  168. font-size:8px;
  169. }
  170.  
  171. /** special fx **/
  172. .effect {
  173. opacity:{text:pic opacity};
  174. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.7\'/></filter></svg>#grayscale");
  175. -webkit-filter: grayscale({text:pic gray}%);
  176. transition-duration:0.6s;
  177. -moz-transition-duration:0.6s;
  178. -webkit-transition-duration:0.6s;
  179. -o-transition-duration:0.6s;
  180. }
  181. .effect:hover {
  182. filter:none;
  183. -webkit-filter:grayscale(0%);
  184. opacity:1;
  185. }
  186.  
  187. /** body **/
  188. body {
  189. width: 100%;
  190. height: 100%;
  191. background: {color:bg} url({image:bg img}) {block:IfCoverBg}no-repeat{/block:IfCoverBg}{block:IfNotCoverBg}repeat{/block:IfNotCoverBg} center center fixed;
  192. {block:IfCoverBg}-webkit-background-size:cover;
  193. -moz-background-size:cover;
  194. -o-background-size:cover;
  195. background-size:cover;{/block:IfCoverBg}
  196. color:{color:text};
  197. font-family:'Open Sans';
  198. font-size:11px;
  199. word-wrap:break-word;
  200. {block:IfCustomCursor}cursor: url('data:image/x-icon;base64,AAACAAEAICACAAAAAAAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAgAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAGAAAAB8AAAAeAAAAHAAAABgAAAAQAAAAAAAAAAAAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////f////z////8f////AP///wH///8D////B////w////8f////P////3////8='), auto; !important{/block:IfCustomCursor}
  201. }
  202.  
  203. /** links **/
  204. a {
  205. text-decoration:underline;
  206. color:{color:link};
  207. transition-duration:0.6s;
  208. -moz-transition-duration:0.6s;
  209. -webkit-transition-duration:0.6s;
  210. -o-transition-duration:0.6s;
  211. }
  212. a:hover {
  213. color:{color:link hover};
  214. transition-duration:0.6s;
  215. -moz-transition-duration:0.6s;
  216. -webkit-transition-duration:0.6s;
  217. -o-transition-duration:0.6s;
  218. }
  219. {block:IfCustomCursor}a, a:hover, a:active {
  220. cursor: url('data:image/x-icon;base64,AAACAAEAICACAAAAAAAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAgAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAADAAAAAoAAAAJ8AAACCAAAAhAAAAIgAAACQAAAAoAAAAMAAAACAAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////f////z////8f////AP///wH///8D////B////w////8f////P////3////8='), auto; !important
  221. }{/block:IfCustomCursor}
  222.  
  223. /** lists **/
  224. ul {
  225. list-style-type: hiragana;
  226. }
  227. ol {
  228. list-style-type: decimal-leading-zero;
  229. }
  230.  
  231. /** SIDE IMAGE **/
  232.  
  233. #sidepic {
  234. z-index:-1;
  235. height:100%;
  236. width:100%;
  237. position:fixed;
  238. }
  239. #sideimg {
  240. position:fixed;
  241. right:{text:side img right}px;
  242. bottom:{text:side img bottom}px;
  243. }
  244.  
  245. /** SIDEBAR **/
  246.  
  247. /** big container **/
  248. #sidebar {
  249. z-index:10;
  250. position:fixed;
  251. width:450px;
  252. height:100%;
  253. top:0px;
  254. left:0px;
  255. color:{color:description text};
  256. font-size:10px;
  257. text-align:center;
  258. background: {color:sidebar bg} url({image:sidebar bg img}) {block:IfSideCoverBg}no-repeat{/block:IfSideCoverBg}{block:IfNotSideCoverBg}repeat{/block:IfNotSideCoverBg} {text:sidebar bg position}px 0px fixed;
  259. background-color: {color:sidebar bg};
  260. background-image: url({image:sidebar bg img});
  261. {block:ifsidecoverbg}
  262. background-size: auto 100%;
  263. {/block:ifsidecoverbg}
  264. }
  265.  
  266.  
  267. /** title **/
  268. #title {
  269. color:{color:title};
  270. font-family:'Lobster';
  271. padding: 5px;
  272. font-size:30px;
  273. font-weight:bold;
  274. margin-top: {text:description position}px;
  275. margin-bottom:0px;
  276. {block:ifTitleShadow}text-shadow: 3px 3px 0px {color:title shadow};{/block:ifTitleShadow}
  277. }
  278.  
  279. /** description box **/
  280. #desc {
  281. width:100%;
  282. font-size:10px;
  283. line-height:150%;
  284. padding: 10px 0px;
  285. margin-top:3px;
  286. margin-bottom:4px;
  287. background-color:{color:description bg};
  288. }
  289.  
  290. /** desc bold and italic **/
  291. #desc b,strong {
  292. color:{color:desc bold};
  293. }
  294.  
  295. #desc i,em {
  296. color:{color:desc italic};
  297. }
  298.  
  299. /** desc box links **/
  300. #desc a {
  301. text-decoration:none;
  302. }
  303.  
  304. /** extra links **/
  305. #sidebar a.nav {
  306. text-decoration:none;
  307. padding:3px 7px;
  308. line-height:250%;
  309. font-size:9px;
  310. text-transform:uppercase;
  311. background:{color:sidebar links bg};
  312. color:{color:sidebar links};
  313. }
  314. #sidebar a.nav:hover {
  315. text-decoration:none;
  316. background:{color:sidebar links bg hover};
  317. color:{color:sidebar links hover};
  318. }
  319.  
  320. /** pagination **/
  321. #pagi {
  322. color:#fff;
  323. }
  324. #pagi a {
  325. text-decoration:none;
  326. padding:3px 7px;
  327. line-height:300%;
  328. text-transform:lowercase;
  329. background:{color:sidebar links bg};
  330. color:{color:sidebar links};
  331. }
  332. #pagi a:hover {
  333. text-decoration:none;
  334. background:{color:sidebar links bg hover};
  335. color:{color:sidebar links hover};
  336. }
  337.  
  338. /** POSTS **/
  339.  
  340. /** container **/
  341. #posts {
  342. background:{color:post};
  343. position:absolute;
  344. margin:10px 0px 0px 460px;
  345. {block:if400pxPosts}width:420px;{/block:if400pxPosts}
  346. {block:indexpage}{block:if250pxPosts}width:270px;{/block:if250pxPosts}{/block:indexpage}
  347. }
  348.  
  349. /** individual posts **/
  350. #post {
  351. line-height:120%;
  352. padding:5px;
  353. margin:5px;
  354. font-size:11px;
  355. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  356. {block:indexpage}{block:if250pxPosts}width:250px;{/block:if250pxPosts}{/block:indexpage}
  357. background:{color:post};
  358. {block:indexpage}
  359. margin-bottom:75px;
  360. {/block:indexpage}
  361. {block:permalinkpage}
  362. margin-bottom:10px;
  363. {/block:permalinkpage}
  364. }
  365.  
  366. /** post title **/
  367. h1 {
  368. text-align:center;
  369. font-size:20px;
  370. color:{color:bold};
  371. font-family: 'Lobster';
  372. }
  373.  
  374. /** blockquote **/
  375. blockquote img {
  376. max-width:100%;
  377. }
  378. blockquote {
  379. margin: 5px 0px 5px 10px;
  380. padding-left:7px;
  381. border-left:1px solid {color:blockquote};
  382. }
  383.  
  384. /** inline images **/
  385. img {
  386. max-width:100%;
  387. }
  388.  
  389. /** all post images **/
  390. {block:indexpage}
  391. #posts img {
  392. max-width:100%;
  393. opacity:{text:pic opacity};
  394. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.7\'/></filter></svg>#grayscale");
  395. -webkit-filter: grayscale({text:pic gray}%);
  396. transition-duration:0.6s;
  397. -moz-transition-duration:0.6s;
  398. -webkit-transition-duration:0.6s;
  399. -o-transition-duration:0.6s;
  400. }
  401. #posts img:hover {
  402. filter: none;
  403. -webkit-filter:grayscale(0%);
  404. opacity:1;
  405. }
  406. {/block:indexpage}
  407.  
  408. /** post italic and bold **/
  409. #posts b,strong {
  410. font-weight:900;
  411. color: {color:bold};
  412. }
  413. #posts i,em {
  414. color: {color:italic};
  415. }
  416.  
  417. /** CHAT POSTS **/
  418.  
  419. #chat {
  420. padding:3px;
  421. line-height:130%;
  422. }
  423.  
  424. #chat:nth-of-type(odd) {
  425. background-color:{color:chat1};
  426. color:{color:text};
  427. transition-duration:0.6s;
  428. -moz-transition-duration:0.6s;
  429. -webkit-transition-duration:0.6s;
  430. -o-transition-duration:0.6s;
  431. }
  432.  
  433. #chat:nth-of-type(even) {
  434. background-color:{color:chat2};
  435. color:{color:text};
  436. transition-duration:0.6s;
  437. -moz-transition-duration:0.6s;
  438. -webkit-transition-duration:0.6s;
  439. -o-transition-duration:0.6s;
  440. }
  441.  
  442. /** AUDIO POSTS **/
  443.  
  444. #audioplayer {
  445. z-index:2;
  446. padding:5px;
  447. height:26px;
  448. background:#000;
  449. transition-duration:0.6s;
  450. -moz-transition-duration:0.6s;
  451. -webkit-transition-duration:0.6s;
  452. -o-transition-duration:0.6s;
  453. }
  454.  
  455. /** ASK POSTS **/
  456.  
  457. #question {
  458. padding:10px;
  459. background:{color:ask bg};
  460. color:{color:ask text};
  461. }
  462.  
  463. #asker {
  464. padding:5px;
  465. max-width:100%;
  466. margin-top:0px;
  467. }
  468.  
  469. .asker {
  470. margin-top:-15px;
  471. text-transform:lowercase;
  472. font-weight:bold;
  473. font-size:10px;
  474. text-decoration:none;
  475. }
  476.  
  477. /** POST INFO & TAGS **/
  478.  
  479. #info {
  480. padding:3px 5px;
  481. margin-top:5px;
  482. font-size:9px;
  483. text-transform:uppercase;
  484. background:{color:post info bg};
  485. color:{color:post info text};
  486. transition-duration:0.6s;
  487. -moz-transition-duration:0.6s;
  488. -webkit-transition-duration:0.6s;
  489. -o-transition-duration:0.6s;
  490. }
  491.  
  492. #info a {
  493. text-decoration:none;
  494. color:{color:post info text};
  495. }
  496.  
  497. #info a:hover {
  498. text-decoration:none;
  499. color:{color:post info text hover};
  500. }
  501.  
  502. {block:indexpage}
  503. #post:hover #tags {
  504. opacity:1;
  505. }
  506. {/block:indexpage}
  507.  
  508.  
  509. #tags {
  510. padding:3px 5px;
  511. {block:indexpage}
  512. margin-top:3px;
  513. {block:ifTagsOnHover}opacity:0;{/block:ifTagsOnHover}
  514. {/block:indexpage}
  515. {block:permalinkpage} margin-top:3px; {/block:permalinkpage}
  516. font-size:9px;
  517. background:{color:tags bg};
  518. transition-duration:0.6s;
  519. -moz-transition-duration:0.6s;
  520. -webkit-transition-duration:0.6s;
  521. -o-transition-duration:0.6s;
  522. }
  523.  
  524. #tags a {
  525. text-decoration:none;
  526. color:{color:tags text};
  527. }
  528.  
  529. #tags a:hover {
  530. text-decoration:none;
  531. color:{color:tags text hover};
  532. }
  533.  
  534. /** NOTES **/
  535.  
  536. #notes {
  537. position:absolute;
  538. padding:10px;
  539. width:395px;
  540. margin-top:10px;
  541. margin-left:5px;
  542. margin-bottom:25px;
  543. background:{color:post};
  544. transition-duration:0.6s;
  545. -moz-transition-duration:0.6s;
  546. -webkit-transition-duration:0.6s;
  547. -o-transition-duration:0.6s;
  548. }
  549.  
  550. #notes img {
  551. padding:0px 4px 0px 4px;
  552. width:15px;
  553. }
  554.  
  555. #notes li {
  556. list-style-type:none;
  557. margin-left:-40px;
  558. margin-top:10px;
  559. padding-bottom:10px;
  560. }
  561.  
  562. /** CREDIT - DO NOT REMOVE (you may shift the color/position. must remain visible.) **/
  563.  
  564. #credit {
  565. opacity:.3;
  566. text-align: center;
  567. z-index:15;
  568. position: fixed;
  569. bottom:10px;
  570. left:10px;
  571. color:#fff;
  572. padding:1px 2px 0px 3px;
  573. background:#fff;
  574. transition-duration:0.6s;
  575. -moz-transition-duration:0.6s;
  576. -webkit-transition-duration:0.6s;
  577. -o-transition-duration:0.6s;
  578. }
  579. #credit:hover {
  580. opacity:1;
  581. background:#000;
  582. color:#fff;
  583. }
  584.  
  585. #credit a {
  586. text-decoration:none;
  587. color:#000;
  588. }
  589. #credit:hover a {
  590. color:#fff;
  591. }
  592.  
  593. {CustomCSS}
  594.  
  595. </style></head><body>
  596.  
  597. <div id="sidepic"><div id="sideimg"><img src="{image:side img}"></div></div>
  598.  
  599. <div id="credit"><a href="http://mustntrunthemes.tumblr.com" title="theme by mustntrunaway">MRT</a></div>
  600.  
  601.  
  602. <div id="sidebar">
  603. <div id="title">{Title}</div>
  604.  
  605. <a class="nav" href="/">refresh</a>
  606. {block:AskEnabled}<a class="nav" href="/ask">inquire</a>{/block:AskEnabled}
  607. {block:SubmissionsEnabled}<a class="nav" href="/submit">offer</a>{block:SubmissionsEnabled}
  608. <a class="nav" href="/archive">look back</a>
  609. <div id="desc">{Description}</div>
  610.  
  611. {block:iflink1title}<a class="nav" href="{text:link1 url}">{text:link1 title}</a>{/block:iflink1title}{block:iflink2title} <a class="nav" href="{text:link2 url}">{text:link2 title}</a>{/block:iflink2title}{block:iflink3title} <a class="nav" href="{text:link3 url}">{text:link3 title}</a>{/block:iflink3title}{block:iflink4title} <a class="nav" href="{text:link4 url}">{text:link4 title}</a>{/block:iflink4title}<br>
  612.  
  613. {block:iflink5title}<a class="nav" href="{text:link5 url}">{text:link5 title}</a>{/block:iflink5title}{block:iflink6title} <a class="nav" href="{text:link6 url}">{text:link6 title}</a>{/block:iflink6title}{block:iflink7title} <a class="nav" href="{text:link7 url}">{text:link7 title}</a>{/block:iflink7title}{block:iflink8title} <a class="nav" href="{text:link8 url}">{text:link8 title}</a>{/block:iflink8title}
  614.  
  615. <div id="pagi">{block:Pagination}<br>
  616. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  617. {block:JumpPagination length="5"}
  618. {block:CurrentPage}{PageNumber}{/block:CurrentPage}
  619. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  620. {/block:JumpPagination}
  621. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  622. {/block:Pagination}</div>
  623.  
  624. <div id="pagi">{block:PermalinkPagination}<br></br>
  625. {block:PreviousPost}<a href="{PreviousPost}" title="{lang:Previous post}">←</a>{/block:PreviousPost}
  626. {block:NextPost}<a href="{NextPost}" title="{lang:Next post}">→</a>{/block:NextPost}
  627. {/block:PermalinkPagination}
  628. </div>
  629. </div>
  630.  
  631. <div id="posts">{block:Posts}<div id="post">
  632.  
  633. {block:Text}{block:Title}<h1>{title}</h1>{/block:Title}{Body}{/block:Text}
  634.  
  635. {block:Photo}{LinkOpenTag}{block:indexpage}<div class="effect"><img src="{block:if400pxPosts}{PhotoURL-400}{/block:if400pxPosts}{block:if250pxPosts}{PhotoURL-250}{/block:if250pxPosts}"></div>{LinkCloseTag}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:indexpage}{block:permalinkpage}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:Photo}
  636.  
  637. {block:Panorama}{LinkOpenTag}{block:indexpage}<div class="effect"><img src="{block:if400pxPosts}{PhotoURL-400}{/block:if400pxPosts}{block:if250pxPosts}{PhotoURL-250}{/block:if250pxPosts}"></div>{LinkCloseTag}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:indexpage}{block:permalinkpage}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:Panorama}
  638.  
  639. {block:Photoset}{block:indexpage}<div class="effect">{block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}{block:if250pxPosts}{Photoset-250}{/block:if250pxPosts}</div>{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:indexpage}{block:permalinkpage}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:Photoset}
  640.  
  641. {block:Quote}<span style="font-size:25px">❝</span><span style="font-family:'Roboto Slab'; font-size:15px"><i>{Quote}</i></span><span style="font-size:25px">❞</span><p align="right">{block:Source}- {Source}{/block:Source}{/block:Quote}
  642.  
  643. {block:Link}<h1><a href="{URL}" target="{Target}" style="color:{color:link};">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  644.  
  645. {block:Chat}{block:Title}<h1>{title}</h1>{/block:Title}{block:Lines}<div id="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
  646.  
  647. {block:Audio}
  648. {block:AudioEmbed}{block:indexpage}{block:if400pxPosts}{AudioEmbed-400}{/block:if400pxPosts}{block:if250pxPosts}{AudioEmbed-250}{/block:if250pxPosts}{/block:indexpage}{block:permalinkpage}{AudioEmbed-400}{/block:permalinkpage}{/block:AudioEmbed}
  649. {block:AudioPlayer}
  650. <div id="audioplayer">{AudioPlayerBlack}</div>
  651. {/block:AudioPlayer}
  652. <center>{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist} by <i>{Artist}</i>{/block:Artist}{block:Album}<br>from {Album}{/block:Album}<br>{lang:played playcount times}</center>
  653. {block:indexpage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:indexpage}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}
  654. {/block:Audio}
  655.  
  656. {block:Video}{block:indexpage}{VideoEmbed-400}{/block:indexpage}{block:permalinkpage}{VideoEmbed-400}{/block:permalinkpage}{block:indexpage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:indexpage}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:Video}
  657.  
  658. {block:Answer}<div id="question">{Question}</div><div id="asker" style="margin-left:10px;"><img src="{AskerPortraitURL-24}" class="{select:photo effects}" style="width:20px;"><div class="asker" style="margin-left:25px;">{Asker}</div></div>{block:Answerer}<br><div id="question" style="text-align:right;">{Answer}</div><div id="asker" style="text-align:right; margin-right:10px;"><img src="{AnswererPortraitURL-24}" class="{select:photo effects}" style="width:20px;"><div class="asker" style="margin-right:25px;">{Answerer}</div></div>{/block:Answerer}{Replies}{/block:Answer}
  659.  
  660. {block:Date}<div id="info"><a href={ReblogURL} target=”_blank”>{text:reblog text}</a> / <a href="{Permalink}" title="{lang:Permalink}">{24Hour}:{Minutes} {DayOfMonth} {ShortMonth} '{ShortYear}</a>{/block:Date}{block:NoteCount}<a href="{Permalink}" title="{lang:Permalink}" style="float:right;">{NoteCount} %</a>{/block:NoteCount}
  661. {block:RebloggedFrom} / <a href="{ReblogParentURL}" title="via: {ReblogParentName}">◾</a> <a href="{ReblogRootURL}" title="src: {ReblogRootName}">◾</a>{/block:RebloggedFrom}</div>
  662. {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  663.  
  664. </div>
  665. {block:PostNotes}<div id="notes">{PostNotes-16}</div>{/block:PostNotes}
  666. {/block:Posts}
  667. </div>
  668.  
  669. {block:RebloggedFrom}<a href="{ReblogParentURL}">◼</a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" target="_blank">◼</a>{/block:ContentSource}
  670.  
  671. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment