Advertisement
hrry20s

27. black balloon

Oct 11th, 2015
120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.71 KB | None | 0 0
  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. <head>
  4.  
  5. <!--------
  6. THEME 27. BLACK BALLOON
  7. DONT CLAIM AS YOUR OWN
  8. OR USE AS A BASE
  9. OR USE BITS OF THE CODING AS YOUR OWN
  10. OKAY THEN GOOD
  11. ------->
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <meta name="color:background" content="#FFFFFF"/>
  19. <meta name="color:scrollbar" content="#ADADAD"/>
  20. <meta name="color:text" content="#ADADAD"/>
  21. <meta name="color:link" content="#000000"/>
  22. <meta name="color:hover" content="#EEEEEE"/>
  23. <meta name="color:blockquote" content="#EEEEEE"/>
  24. <meta name="color:post titles" content="#ADADAD"/>
  25. <meta name="color:borders" content="#ADADAD"/>
  26. <meta name="color:title" content="#A8A8A8"/>
  27. <meta name="color:description and links" content="#A8A8A8"/>
  28. <meta name="color:links bottom border" content="#A8A8A8"/>
  29. <meta name="color:links bottom border hover" content="#EEEEEE"/>
  30. <meta name="color:quote" content="#000000"/>
  31. <meta name="color:audio block" content="#A8A8A8"/>
  32. <meta name="color:audio info" content="#EEEEEE"/>
  33. <meta name="color:perma" content="#000000"/>
  34. <meta name="color:perma hover" content="#ADADAD"/>
  35. <meta name="color:tags" content="#000000"/>
  36. <meta name="color:tags hover" content="#ADADAD"/>
  37. <meta name="color:pagination" content="#EEEEEE"/>
  38. <meta name="color:pagination hover" content="#ADADAD"/>
  39. <meta name="image:header" content=""/>
  40. <meta name="if:image"=""/>
  41. <meta name="if:250px"=""/>
  42. <meta name="if:grayscale"=""/>
  43. <meta name="text:title" content=""/>
  44. <meta name="text:link 1" content=""/>
  45. <meta name="text:link 1 url" content=""/>
  46. <meta name="text:link 2" content=""/>
  47. <meta name="text:link 2 url" content=""/>
  48. <meta name="text:link 3" content=""/>
  49. <meta name="text:link 3 url" content=""/>
  50. <meta name="text:link 4" content=""/>
  51. <meta name="text:link 4 url" content=""/>
  52. <meta name="text:link 5" content=""/>
  53. <meta name="text:link 5 url" content=""/>
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=Roboto:400,700,900' rel='stylesheet' type='text/css'>
  56.  
  57. <script type="text/javascript"
  58. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  59.  
  60. <style type="text/css">
  61.  
  62. ::-webkit-scrollbar-thumb{
  63. background-color:{color:scrollbar};
  64. height:10px;
  65. }
  66.  
  67. ::-webkit-scrollbar {
  68. height:2px;
  69. width:4px;
  70. background-color:{color:background};
  71. }
  72.  
  73. {block:ifgrayscale}
  74. .html_photoset {
  75. -webkit-filter: grayscale(100%);
  76. -webkit-transition: all .6s;
  77. -webkit-transition: all 0.6s ease-in-out;
  78. -moz-transition: all 0.6s ease-in-out;
  79. -o-transition: all 0.6s ease-in-out;
  80. -ms-transition: all 0.6s ease-in-out;
  81. transition: all 0.6s ease-in-out;
  82. }
  83.  
  84. .html_photoset:hover {
  85. -webkit-filter: grayscale(0);
  86. -webkit-transition: all 0.3s ease-in-out;
  87. -moz-transition: all 0.3s ease-in-out;
  88. -o-transition: all 0.3s ease-in-out;
  89. -ms-transition: all 0.3s ease-in-out;
  90. transition: all 0.3s ease-in-out;
  91. }
  92.  
  93. #post img{
  94. opacity:0.8;
  95. -webkit-filter:grayscale(100%);
  96. -webkit-transition: all 0.6s ease-in-out;
  97. -webkit-transition: all 0.6s ease-in-out;
  98. -moz-transition: all 0.6s ease-in-out;
  99. -o-transition: all 0.6s ease-in-out;
  100. -ms-transition: all 0.6s ease-in-out;
  101. transition: all 0.6s ease-in-out;
  102. }
  103.  
  104. #post img:hover{
  105. opacity:1;
  106. -webkit-filter:grayscale(0);
  107. -webkit-filter:none;
  108. -webkit-transition: all 0.3s ease-in-out;
  109. -webkit-transition: all 0.3s ease-in-out;
  110. -moz-transition: all 0.3s ease-in-out;
  111. -o-transition: all 0.3s ease-in-out;
  112. -ms-transition: all 0.3s ease-in-out;
  113. transition: all 0.3s ease-in-out;
  114. }
  115. {/block:ifgrayscale}
  116.  
  117. body {
  118. background:{color:background};
  119. margin:0px;
  120. color:{color:text};
  121. font-family:roboto;
  122. font-size:10px;
  123. line-height:130%;
  124. }
  125.  
  126. h1 {
  127. color:{color:post titles};
  128. padding-bottom:3px;
  129. text-transform:uppercase;
  130. letter-spacing:2px;
  131. font-size:12px;
  132. line-height:150%;
  133. font-weight:900;
  134. }
  135.  
  136. img {
  137. width:100%;
  138. height:auto;
  139. }
  140.  
  141. h2 {
  142. color:{color:post titles};
  143. text-transform:uppercase;
  144. letter-spacing:2px;
  145. font-size:10px;
  146. line-height:150%;
  147. font-weight:700;
  148. }
  149.  
  150. a {
  151. text-decoration:none;
  152. outline:none;
  153. -moz-outline-style:none;
  154. color:{color:link};
  155. -moz-transition-duration:0.5s;
  156. -webkit-transition-duration:0.5s;
  157. -o-transition-duration:0.5s;
  158. }
  159.  
  160. a:hover {
  161. color:{color:hover};
  162. -moz-transition-duration:0.5s;
  163. -webkit-transition-duration:0.5s;
  164. -o-transition-duration:0.5s;
  165. }
  166.  
  167. blockquote {
  168. background:{color:blockquote};
  169. padding:5px;
  170. padding-left:15px;
  171. padding-right:10px;
  172. margin-left:10px;
  173. {block:ifnot250px}width:87%;{/block:ifnot250px}
  174. {block:if250px}width:78%;{/block:if250px}
  175. }
  176.  
  177. blockquote blockquote {
  178. background:{color:blockquote};
  179. padding:5px;
  180. padding-left:15px;
  181. padding-right:10px;
  182. margin-left:4px;
  183. width:auto;
  184. }
  185.  
  186. li {
  187. margin-left:-10px;
  188. }
  189.  
  190. .header {
  191. background:white;
  192. z-index:99999999999999;
  193. width:100%;
  194. padding-top:30px;
  195. padding-bottom:25px;
  196. margin-left:0px;
  197. margin-top:0px;
  198. position:fixed;
  199. }
  200.  
  201. {block:ifimage}
  202. .himg {
  203. position:absolute;
  204. border-radius:50px;
  205. width:88px;
  206. height:88px;
  207. background:white;
  208. margin-left:60px;
  209. margin-top:8px;
  210. z-index:99999999999999999999;
  211. }
  212.  
  213. .himg img {
  214. border-radius:50px;
  215. height:88px;
  216. width:88px;
  217. }
  218. {/block:ifimage}
  219.  
  220. .title {
  221. font-size:12px;
  222. font-weight:900;
  223. line-height:160%;
  224. font-family:roboto;
  225. text-transform:uppercase;
  226. letter-spacing:2px;
  227. text-align:left;
  228. color:{color:title};
  229. margin-top:10px;
  230. {block:ifnotimage}margin-left:100px;{/block:ifnotimage}
  231. {block:ifimage}margin-left:180px;{/block:ifimage}
  232. padding-right:26px;
  233. width:auto;
  234. }
  235.  
  236. .description {
  237. font-weight:400;
  238. font-family:roboto;
  239. text-transform:lowercase;
  240. color:{color:description and links};
  241. letter-spacing:1px;
  242. font-style:italic;
  243. font-size:9px;
  244. line-height:160%;
  245. text-align:left;
  246. margin:auto;
  247. width:auto;
  248. {block:ifnotimage}margin-left:100px;{/block:ifnotimage}
  249. {block:ifimage}margin-left:180px;{/block:ifimage}
  250. padding-top:13px;
  251. padding-bottom:10px;
  252. }
  253.  
  254. .lnks {
  255. margin-top:0px;
  256. padding-top:5px;
  257. padding-bottom:10px;
  258. {block:ifnotimage}margin-left:90px;{/block:ifnotimage}
  259. {block:ifimage}margin-left:170px;{/block:ifimage}
  260. padding-right:20px;
  261. width:auto;
  262. }
  263.  
  264. .lnks a {
  265. color:{color:description and links};
  266. display:inline-block;
  267. border-bottom:1px solid {color:links bottom border};
  268. padding-top:4px;
  269. padding-bottom:12px;
  270. padding-right:3px;
  271. padding-left:1px;
  272. margin-left:10px;
  273. margin-bottom:15px;
  274. text-align:left;
  275. line-height:80%;
  276. font-size:7px;
  277. font-weight:700;
  278. font-family:roboto;
  279. text-transform:uppercase;
  280. letter-spacing:2px;
  281. -moz-transition-duration:0.6s;
  282. -webkit-transition-duration:0.6s;
  283. -o-transition-duration:0.6s;
  284. }
  285.  
  286. .lnks a:hover {
  287. border-bottom:1px solid {color:links bottom border hover};
  288. -moz-transition-duration:0.3s;
  289. -webkit-transition-duration:0.3s;
  290. -o-transition-duration:0.3s;
  291. }
  292.  
  293.  
  294. #entries {
  295. padding:15px;
  296. {block:ifnot250px}width:450px;{/block:ifnot250px}
  297. {block:if250px}width:250px;{/block:if250px}
  298. margin-top:240px;
  299. {block:ifnot250px}margin-left:499px;{/block:ifnot250px}
  300. {block:if250px}margin-left:580px;{/block:if250px}
  301. position:absolute;
  302. }
  303.  
  304. #post {
  305. {block:ifnot250px}width:400px;{/block:ifnot250px}
  306. {block:if250px}width:250px;{/block:if250px}
  307. background:white;
  308. margin-bottom:200px;
  309. padding:4px;
  310. -webkit-transition:all 0.5s;
  311. -moz-transition:all 0.5s;
  312. -o-transition:all 0.5s;
  313. -ms-transition: all 0.5s;
  314. transition:all 0.5s;
  315. }
  316.  
  317. .txt {
  318. padding:20px;
  319. }
  320.  
  321. .capt {
  322. padding:15px;
  323. }
  324.  
  325. .ask {
  326. }
  327.  
  328. .qst {
  329. font-weight:700;
  330. font-size:7px;
  331. padding:10px;
  332. letter-spacing:1px;
  333. text-transform:uppercase;
  334. line-height:160%;
  335. border-bottom:1px solid {color:background};
  336. padding:20px 15px 15px 15px;
  337. -moz-transition-duration:0.5s;
  338. -webkit-transition-duration:0.5s;
  339. -o-transition-duration:0.5s;
  340. }
  341.  
  342. .arrowdown {
  343. width: 0;
  344. height: 0;
  345. border-left: 8px solid transparent;
  346. border-right: 8px solid transparent;
  347. margin-left:17px;
  348. margin-top:0px;
  349. border-top: 11px solid {color:background};
  350. }
  351.  
  352. .qst a {
  353. color:{color:text};
  354. -moz-transition-duration:0.5s;
  355. -webkit-transition-duration:0.5s;
  356. -o-transition-duration:0.5s;
  357. }
  358.  
  359. .qst a:hover {
  360. color:white;
  361. -moz-transition-duration:0.5s;
  362. -webkit-transition-duration:0.5s;
  363. -o-transition-duration:0.5s;
  364. }
  365.  
  366. .answ {
  367. font-size:10px;
  368. padding:5px 10px 5px 10px;
  369. }
  370.  
  371. .cht {
  372. padding:20px;
  373. line-height:160%;
  374. }
  375.  
  376. .chtt {
  377. padding-top:20px;
  378. padding-left:20px;
  379. line-height:160%;
  380. color:{color:post titles};
  381. text-transform:uppercase;
  382. letter-spacing:2px;
  383. font-size:12px;
  384. font-weight:900;
  385. }
  386.  
  387. .lnkpst {
  388. padding:15px;
  389. }
  390.  
  391. .lnktitle a {
  392. color:{color:post titles};
  393. text-transform:uppercase;
  394. letter-spacing:2px;
  395. font-size:12px;
  396. line-height:150%;
  397. font-weight:900;
  398. -webkit-transition: all 0.3s ease-in-out;
  399. -webkit-transition: all 0.3s ease-in-out;
  400. -moz-transition: all 0.3s ease-in-out;
  401. -o-transition: all 0.3s ease-in-out;
  402. -ms-transition: all 0.3s ease-in-out;
  403. transition: all 0.3s ease-in-out;
  404. }
  405.  
  406. .lnktitle a:hover {
  407. color:{color:hover};
  408. -webkit-transition: all 0.3s ease-in-out;
  409. -webkit-transition: all 0.3s ease-in-out;
  410. -moz-transition: all 0.3s ease-in-out;
  411. -o-transition: all 0.3s ease-in-out;
  412. -ms-transition: all 0.3s ease-in-out;
  413. transition: all 0.3s ease-in-out;
  414. }
  415.  
  416. .qt {
  417. text-transform:uppercase;
  418. letter-spacing:2px;
  419. font-size:10px;
  420. line-height:150%;
  421. font-weight:900;
  422. font-style:italic;
  423. padding-top:25px;
  424. padding-left:15px;
  425. padding-right:15px;
  426. padding-bottom:10px;
  427. color:{color:quote};
  428. }
  429.  
  430. .srce {
  431. text-transform:uppercase;
  432. letter-spacing:2px;
  433. font-size:8px;
  434. line-height:150%;
  435. font-weight:700;
  436. padding-left:20px;
  437. padding-right:20px;
  438. padding-bottom:20px;
  439. color:{color:quote};
  440. }
  441.  
  442. #audio {
  443. background-color:{color:audio block};
  444. {block:ifnot250px}width:359px;{/block:ifnot250px}
  445. {block:if250px}width:209px;{/block:if250px}
  446. padding:10px;
  447. height:auto;
  448. margin-bottom:0px;
  449. margin-left:10px;
  450. margin-top:10px;
  451. }
  452.  
  453. .artcover {
  454. width:60px;
  455. height:60px;
  456. position:absolute;
  457. }
  458.  
  459. .artcover img {
  460. width:50px;
  461. height:50px;
  462. margin-top:5px;
  463. margin-left:5px;
  464. border-radius:40px;
  465. float:left;
  466. display:none;
  467. }
  468.  
  469. .player {
  470. position:absolute;
  471. z-index:1;
  472. width:40px;
  473. height:40px;
  474. margin-top:5px;
  475. margin-left:5px;
  476. border-radius:40px;
  477. display:block;
  478. -webkit-transition:all 0.5s;
  479. -moz-transition:all 0.5s;
  480. -o-transition:all 0.5s;
  481. -ms-transition: all 0.5s;
  482. transition:all 0.5s;
  483. background:#fff;
  484. }
  485.  
  486. .audioplayer {
  487. width:20px;
  488. height:30px;
  489. margin-top:4px;
  490. margin-left:5px;
  491. overflow:hidden;
  492. padding:3px;
  493. }
  494.  
  495. .audioinfo {
  496. color:{color:audio info};
  497. width:auto;
  498. height:auto;
  499. margin-left:65px;
  500. margin-top:0px;
  501. padding:10px 0px 5px 0px;
  502. display:block;
  503. line-height:180%;
  504. font-weight:700;
  505. font-size:7px;
  506. letter-spacing:2px;
  507. text-transform:uppercase;
  508. text-align:left;
  509. }
  510.  
  511. #pagination {
  512. color:{color:pagination};
  513. text-transform: uppercase;
  514. font-size:7px;
  515. font-style:italic;
  516. letter-spacing:2px;
  517. width:auto;
  518. text-align:right;
  519. margin-left:1280px;
  520. margin-top:-75px;
  521. position:absolute;
  522. }
  523.  
  524. #pagination a {
  525. color:{color:description};
  526. font-size:7px;
  527. font-style:italic;
  528. letter-spacing:2px;
  529. -webkit-transition: all 0.3s ease-in-out;
  530. -webkit-transition: all 0.3s ease-in-out;
  531. -moz-transition: all 0.3s ease-in-out;
  532. -o-transition: all 0.3s ease-in-out;
  533. -ms-transition: all 0.3s ease-in-out;
  534. transition: all 0.3s ease-in-out;
  535. }
  536.  
  537. #pagination a:hover {
  538. color:{color:pagination hover};
  539. -webkit-transition: all 0.3s ease-in-out;
  540. -webkit-transition: all 0.3s ease-in-out;
  541. -moz-transition: all 0.3s ease-in-out;
  542. -o-transition: all 0.3s ease-in-out;
  543. -ms-transition: all 0.3s ease-in-out;
  544. transition: all 0.3s ease-in-out;
  545. }
  546.  
  547. #details {
  548. margin-top:10px;
  549. text-align:left;
  550. font-size:7px;
  551. text-transform:uppercase;
  552. letter-spacing:1px;
  553. background:red;
  554. width:auto;
  555. border-top:1px solid {color:borders};
  556. }
  557.  
  558.  
  559. #info {
  560. padding-top:10px;
  561. margin-left:-4px;
  562. padding-bottom:10px;
  563. padding-left:15px;
  564. padding-right:10px;
  565. position:absolute;
  566. background:white;
  567. color:{color:perma};
  568. font-size:7px;
  569. {block:ifnot250px}width:383px;{/block:ifnot250px}
  570. {block:if250px}width:233px;{/block:if250px}
  571. }
  572.  
  573. #info a {
  574. font-size:7px;
  575. color:{color:perma};
  576. -webkit-transition:all 0.5s;
  577. -moz-transition:all 0.5s;
  578. -o-transition:all 0.5s;
  579. -ms-transition: all 0.5s;
  580. transition:all 0.5s;
  581. }
  582.  
  583. #info a:hover {
  584. color:{color:perma hover};
  585. -webkit-transition:all 0.5s;
  586. -moz-transition:all 0.5s;
  587. -o-transition:all 0.5s;
  588. -ms-transition: all 0.5s;
  589. transition:all 0.5s;
  590. }
  591.  
  592. #rb {
  593. position:absolute;
  594. margin-top:0px;
  595. margin-left:0px;
  596. font-weight:900;
  597. font-size:9px;
  598. opacity:0;
  599. background:white;
  600. padding-top:12px;
  601. padding-bottom:8px;
  602. padding-left:11px;
  603. padding-right:11px;
  604. {block:PermalinkPage}
  605. display:none;
  606. {/block:PermalinkPage}
  607. -webkit-transition:all 0.5s;
  608. -moz-transition:all 0.5s;
  609. -o-transition:all 0.5s;
  610. -ms-transition: all 0.5s;
  611. transition:all 0.5s;
  612. }
  613.  
  614. #rb a {
  615. color:{color:perma};
  616. -webkit-transition:all 0.5s;
  617. -moz-transition:all 0.5s;
  618. -o-transition:all 0.5s;
  619. -ms-transition: all 0.5s;
  620. transition:all 0.5s;
  621. }
  622.  
  623. #rb a:hover {
  624. color:{color:perma hover};
  625. -webkit-transition:all 0.5s;
  626. -moz-transition:all 0.5s;
  627. -o-transition:all 0.5s;
  628. -ms-transition: all 0.5s;
  629. transition:all 0.5s;
  630. }
  631.  
  632. #post:hover #rb {
  633. opacity:1;
  634. margin-left:-48px;
  635. {block:PermalinkPage}
  636. margin-left:372px;
  637. margin-top:5px;
  638. {/block:PermalinkPage}
  639. -webkit-transition:all 0.5s;
  640. -moz-transition:all 0.5s;
  641. -o-transition:all 0.5s;
  642. -ms-transition: all 0.5s;
  643. transition:all 0.5s;
  644. }
  645.  
  646. .rb1 {} .rb2 {}
  647.  
  648. .tags {
  649. position:absolute;
  650. text-align:left;
  651. margin-top:30px;
  652. opacity:0;
  653. {block:ifnot250px}width:400px;{/block:ifnot250px}
  654. {block:if250px}width:250px;{/block:if250px}
  655. color:{color:tags};
  656. font-weight:900;
  657. font-style:italic;
  658. border-bottom-right-radius:10px;
  659. border-bottom-left-radius:10px;
  660. {block:PermalinkPage}
  661. margin-top:45px;
  662. opacity:1;
  663. {/block:PermalinkPage}
  664. -webkit-transition:all 0.5s;
  665. -moz-transition:all 0.5s;
  666. -o-transition:all 0.5s;
  667. -ms-transition: all 0.5s;
  668. transition:all 0.5s;
  669. }
  670.  
  671. .tags a {
  672. font-size:7px;
  673. color:{color:tags};
  674. -webkit-transition:all 0.5s;
  675. -moz-transition:all 0.5s;
  676. -o-transition:all 0.5s;
  677. -ms-transition: all 0.5s;
  678. transition:all 0.5s;
  679. }
  680.  
  681. .tags a:hover {
  682. color:{color:tags hover};
  683. -webkit-transition:all 0.5s;
  684. -moz-transition:all 0.5s;
  685. -o-transition:all 0.5s;
  686. -ms-transition: all 0.5s;
  687. transition:all 0.5s;
  688. }
  689.  
  690. #post:hover .tags {
  691. margin-top:45px;
  692. opacity:1;
  693. -webkit-transition:all 0.5s;
  694. -moz-transition:all 0.5s;
  695. -o-transition:all 0.5s;
  696. -ms-transition: all 0.5s;
  697. transition:all 0.5s;
  698. }
  699.  
  700. .note {
  701. text-transform:uppercase;
  702. font-size:6px;
  703. letter-spacing:2px;
  704. color:{color:text};
  705. text-align:left;
  706. line-height:130%;
  707. margin-top:60px;
  708. {block:ifnot250px}width:385px;{/block:ifnot250px}
  709. {block:if250px}width:238px;{/block:if250px}
  710. margin-left:-72px;
  711. padding:30px;
  712. }
  713.  
  714.  
  715. .note img {
  716. display:none!important;
  717. }
  718.  
  719. .note li {
  720. list-style-type:none;
  721. padding:10px;
  722. border-top-left-radius:none;
  723. background-color:white;
  724. text-align:left;
  725. line-height:150%;
  726. margin:0px;
  727. text-transform:uppercase;
  728. font-size:7px;
  729. letter-spacing:2px;
  730. color:{color:text};
  731. }
  732.  
  733. .note a {
  734. text-transform:uppercase;
  735. font-size:7px;
  736. letter-spacing:2px;
  737. color:{color:text};
  738. -moz-transition-duration:0.5s;
  739. -webkit-transition-duration:0.5s;
  740. -o-transition-duration:0.5s;
  741. }
  742.  
  743. .note a:hover {
  744. color:{color:hover};
  745. -moz-transition-duration:0.5s;
  746. -webkit-transition-duration:0.5s;
  747. -o-transition-duration:0.5s;
  748. }
  749.  
  750. {CustomCSS}
  751.  
  752. </style>
  753.  
  754. </head>
  755.  
  756. <body>
  757.  
  758. <div class="header">
  759. {block:ifimage}
  760. <div class="himg"><img src="{image:header}"></div>
  761. {/block:ifimage}
  762. <div class="title">{text:title}</div>
  763. <div class="description">{Description}</div>
  764. <div class="lnks">
  765. <a href="{text:link 1 url}">{text:link 1}</a>
  766. <a href="{text:link 2 url}">{text:link 2}</a>
  767. <a href="{text:link 3 url}">{text:link 3}</a>
  768. <a href="{text:link 4 url}">{text:link 4}</a>
  769. <a href="{text:link 5 url}">{text:link 5}</a>
  770. <a href="http://7nteen.tumblr.com/">thm</a>
  771. </div>
  772. {block:Pagination}
  773. <div id="pagination">
  774.  
  775. {block:JumpPagination length="4"}
  776. {block:CurrentPage}
  777. <span class="current_page">{PageNumber}</span>
  778. {/block:CurrentPage}
  779.  
  780. {block:JumpPage}
  781. <a class="jump_page" href="{URL}">{PageNumber}</a>
  782. {/block:JumpPage}
  783. {/block:JumpPagination}
  784. </div>
  785. {/block:Pagination}
  786. </div>
  787.  
  788.  
  789. <div id="entries">{block:Posts}<div id="post">
  790.  
  791. {block:Text}<div class="txt"><h1>{Title}</h1>{Body}</div>{/block:Text}
  792.  
  793. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}<div class="capt">{Caption}</div>{/block:Caption}{/block:Photo}
  794.  
  795. {block:ifnot250px}{block:Photoset}{Photoset-400}{block:Caption}<div class="capt">{Caption}</div>{/block:Caption}{/block:Photoset}{/block:ifnot250px}
  796. {block:if250px}{block:Photoset}{Photoset-250}{block:Caption}<div class="capt">{Caption}</div>{/block:Caption}{/block:Photoset}{/block:if250px}
  797.  
  798. {block:Quote}<div class="qt">“{Quote}”</div><div class="srce">—&nbsp;{Source}</div>{/block:Quote}
  799.  
  800. {block:ifnot250px}{block:Video}{Video-400}{block:Caption}<div class="capt">{Caption}</div>{/block:Caption}{/block:Video}{/block:ifnot250px}
  801. {block:if250px}{block:Video}{Video-250}{block:Caption}<div class="capt">{Caption}</div>{/block:Caption}{/block:Video}{/block:if250px}
  802.  
  803. {block:Link}<div class="lnkpst"><div class="lnktitle"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}</div>{/block:Link}
  804.  
  805. {block:Chat}{block:Title}<div class="chtt">{Title}</div>{/block:Title}<div class="cht">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>{/block:Chat}
  806.  
  807. {block:Audio}
  808. <div id="audio">
  809. <div class="artcover"><img src="http://static.tumblr.com/liul60i/IcMmdl9id/nmusic2.png"></div>{block:AlbumArt}<div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  810. <div class="player">
  811. <div class="audioplayer">{AudioPlayerWhite}</div></div>
  812. <div class="audioinfo">
  813. {block:TrackName}{TrackName}{/block:TrackName}
  814. <p>{block:Artist}{Artist}{/block:Artist}</p>
  815. </div></div>
  816. <div class="capt">
  817. {block:Caption}{Caption}{/block:Caption}
  818. </div>
  819. {/block:Audio}
  820.  
  821. {block:Answer}<div class="ask"><div class="qst">{Asker} asked: {Question}</div><div class="answ">{Answer}</div></div>{/block:Answer}
  822.  
  823. <div id="details">
  824. {block:Date}<div id="info"><a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear} at {12Hour}:{Minutes} {CapitalAmPm} {block:NoteCount}&nbsp;</a> +{NoteCount} {/block:NoteCount} {block:RebloggedFrom}&nbsp;<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}{block:ContentSource}&nbsp;&nbsp;<a href="{SourceURL}">source</a>{/block:ContentSource}{block:PermalinkPage}{block:ifnot250px}<div style="position:absolute; margin-top:-14px; margin-left:347px;"><a href="{ReblogURL}" target="_blank" >reblog</a></div>{/block:ifnot250px}{block:if250px}<a href="{ReblogURL}" target="_blank" >&nbsp;&nbsp;reblog</a>{/block:if250px}{/block:PermalinkPage}{/block:Date}</div>{block:ifnot250px}<div id="rb" class="rb1"><a href="{ReblogURL}" target="_blank">↩</a></div>{/block:ifnot250px}{block:if250px}<div id="rb" class="rb2"><a href="{ReblogURL}" target="_blank">↩</a></div>{/block:if250px}{block:HasTags}<div class="tags">sorted under:&nbsp;{block:Tags} <a href="{TagURL}">{Tag};&nbsp;&nbsp;</a>{/block:Tags}</div>{/block:HasTags}
  825. </div>
  826. </div>
  827. <div class="note">
  828. {block:PostNotes}{PostNotes}{/block:PostNotes}
  829. </div>
  830.  
  831. {/block:Posts}
  832.  
  833. </div>
  834.  
  835. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement