API tools faq
paste
Advertisement
thematchgirl

Theme 18

thematchgirl
May 30th, 2014
210
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>{title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
  8. </script>
  9. {block:ifver2}<script>
  10. $(document).ready(function(){
  11. $("#sidebar1").hover(function(){
  12. $("#posts").css("margin-left","470px");
  13. },function(){
  14. $("#posts").css("margin-left","320px");
  15. });
  16. });
  17. </script> {/block:ifver2}
  18.  
  19. {block:ifver3}<script>
  20. $(document).ready(function(){
  21. $("#sidebar1").hover(function(){
  22. $("#posts").css("margin-left","470px");
  23. },function(){
  24. $("#posts").css("margin-left","170px");
  25. });
  26. });
  27. </script> {/block:ifver3}
  28.  
  29. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  30. <script type="text/javascript">
  31. $(window).load(function () {
  32. $('#posts').masonry({
  33. itemSelector : ".contain",
  34. },
  35. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  36. );
  37. });
  38. </script>
  39. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  40.  
  41. <meta name="color:background" content="#fbf6eb" />
  42. <meta name="color:text" content="#333333" />
  43. <meta name="color:links" content="#ff2239" />
  44. <meta name="color:links background" content="#f4e993" />
  45. <meta name="color:blockquote background" content="#f4e993" />
  46. <meta name="color:blockquote border 1" content="#ff2239" />
  47. <meta name="color:blockquote border 2" content="#3359aa" />
  48. <meta name="color:blockquote text" content="#222222" />
  49. <meta name="color:sidebar 1 background" content="#ff2239" />
  50. <meta name="color:sidebar 2 background" content="#f4e993" />
  51. <meta name="color:sidebar 3 background" content="#3359aa" />
  52. <meta name="color:description" content="#ffffff" />
  53. <meta name="color:post" content="#ffffff" />
  54. <meta name="color:blog title" content="#f4e993" />
  55. <meta name="color:sidebar links" content="#ff2239" />
  56. <meta name="color:post info text" content="#ffffff" />
  57. <meta name="color:post title bg 1" content="#f4e993" />
  58. <meta name="color:post title bg 2" content="#faf3bd" />
  59. <meta name="color:ask bg" content="#fbf6eb" />
  60. <meta name="color:ask text" content="#333333" />
  61. <meta name="color:asker text" content="#f4e993" />
  62. <meta name="color:asker" content="#ff2239" />
  63. <meta name="color:chat label 1" content="#3359aa" />
  64. <meta name="color:chat label 2" content="#ff2239" />
  65. <meta name="color:chat bg 1" content="#fbf6eb" />
  66. <meta name="color:chat text 1" content="#333333" />
  67. <meta name="color:chat bg 2" content="#ffffff" />
  68. <meta name="color:chat text 2" content="#7d7d7d" />
  69. <meta name="color:chat border" content="#f4e993" />
  70. <meta name="color:music player bg" content="#f4e993" />
  71. <meta name="color:odd posts info bg" content="#ff2239" />
  72. <meta name="color:even posts info bg" content="#3359aa" />
  73. <meta name="color:odd posts title" content="#ff2239" />
  74. <meta name="color:even posts title" content="#3359aa" />
  75. <meta name="color:even posts audio info bg" content="#3359aa" />
  76. <meta name="color:even posts audio info" content="#ffffff" />
  77. <meta name="color:odd posts audio info bg" content="#ff2239" />
  78. <meta name="color:odd posts audio info" content="#ffffff" />
  79.  
  80. <meta name="image:background" content="" />
  81. <meta name="image:sidebar1" content="http://i.imgur.com/TxbsdOj.gif" />
  82. <meta name="image:sidebar2" content="http://i.imgur.com/76Vv930.gif" />
  83. <meta name="image:sidebar3" content="http://i.imgur.com/DV9CIXR.gif" />
  84. <meta name="image:description top border" content="http://i.imgur.com/bBF0get.png" />
  85.  
  86. <meta name="text:Link1" content="" />
  87. <meta name="text:Link1URL" content=""/>
  88. <meta name="text:Link2" content="" />
  89. <meta name="text:Link2URL" content=""/>
  90. <meta name="text:Link3" content="" />
  91. <meta name="text:Link3URL" content=""/>
  92. <meta name="text:Link4" content="" />
  93. <meta name="text:Link4URL" content=""/>
  94. <meta name="text:Music" content="" />
  95. <meta name="text:blog title left position" content="-40" />
  96. <meta name="text:blog title top position" content="120" />
  97. <meta name="text:links position" content="155" />
  98. <meta name="text:description position" content="150" />
  99.  
  100. <meta name="if:Captions" content="1" />
  101. <meta name="if:500px" content="1" />
  102. <meta name="if:400px" content="0" />
  103. <meta name="if:250px" content="0" />
  104. <meta name="if:ver1" content="1" />
  105. <meta name="if:ver2" content="0" />
  106. <meta name="if:ver3" content="0" />
  107.  
  108.  
  109. <style>
  110.  
  111. ::-webkit-scrollbar {width: 7px; height: 4px; background:{color:background};}
  112. ::-webkit-scrollbar-thumb {background-color:#3359aa; border:1px solid #fbf6eb; }
  113.  
  114. body {
  115. background:url({image:background}) fixed {color:background};
  116. font-family:arial;
  117. font-size:12px;
  118. color:{color:text};
  119. text-align:justify;
  120. }
  121.  
  122. a {
  123. color:{color:links};
  124. text-decoration:none;
  125. }
  126.  
  127. .post a {
  128. background:{color:links background};
  129. }
  130.  
  131. a:hover {
  132. background:{color:links};
  133. color:{color:links background};
  134. }
  135.  
  136. blockquote, pre {
  137. background:{color:blockquote background};
  138. padding:5px;
  139. border-left:5px solid {color:blockquote border 1};
  140. border-right:5px solid {color:blockquote border 2};
  141. color:{color:blockquote text};
  142. }
  143.  
  144. pre {
  145. background:#f8f8f8;
  146. font-family:Monaco, Consolas, Courier New;
  147. }
  148.  
  149. #sidebar1 {
  150. position:fixed;
  151. left:0px;
  152. top:0px;
  153. width:150px;
  154. height:100%;
  155. background:url({image:sidebar1}) {color:sidebar 1 background} bottom left no-repeat;
  156. z-index:100;
  157. }
  158.  
  159. #sidebar2 {
  160. {block:ifver1}position:fixed;
  161. left:150px;{/block:ifver1}
  162. {block:ifver2}position:absolute;
  163. left:75px;{/block:ifver2}
  164. {block:ifver3}position:absolute;
  165. left:-150px;{/block:ifver3}
  166. top:0px;
  167. width:150px;
  168. height:100%;
  169. background:url({image:sidebar2}) {color:sidebar 2 background} bottom left no-repeat;
  170. -webkit-transition: all 0.6s ease-in-out;
  171. -moz-transition: all 0.6s ease-in-out;
  172. -o-transition: all 0.6s ease-in-out;
  173. -ms-transition: all 0.6s ease-in-out;
  174. transition: all 0.6s ease-in-out;
  175. z-index:99;
  176. }
  177.  
  178. #sidebar3 {
  179. {block:ifver1}position:fixed;
  180. left:300px;{block:ifver1}
  181. {block:ifver2}position:absolute;
  182. left:150px;{/block:ifver2}
  183. {block:ifver3}position:absolute;
  184. left:-300px;{/block:ifver3}
  185. top:0px;
  186. width:150px;
  187. height:100%;
  188. background:url({image:sidebar3}) {color:sidebar 3 background} bottom left no-repeat;-webkit-transition: all 1s ease-in-out;
  189. -moz-transition: all 1s ease-in-out;
  190. -o-transition: all 1s ease-in-out;
  191. -ms-transition: all 1s ease-in-out;
  192. transition: all 1s ease-in-out;
  193. z-index:98;
  194. }
  195.  
  196. #sidebar1:hover #sidebar2 {
  197. left:150px;
  198. }
  199.  
  200. #sidebar1:hover #sidebar3 {
  201. left:300px;
  202. }
  203.  
  204. #desc {
  205. Margin:5px;
  206. padding:5px;
  207. height:{text:description position}px;
  208. overflow:auto;
  209. font-size:10px;
  210. color:{color:description};
  211. }
  212.  
  213. .descbor {
  214. margin-bottom:5px;
  215. margin-top:150px;
  216. }
  217.  
  218. #posts {
  219. {block:ifver1}margin-left:470px;{/block:ifver1}
  220. {block:ifver2}margin-left:320px;{/block:ifver2}
  221. {block:ifver3}margin-left:170px;{/block:ifver3}
  222. margin-top:20px;
  223. width:900px;
  224. z-index:-20px;
  225. }
  226.  
  227. .post {
  228. background:{color:post};
  229. padding:25px;
  230. font-size:12px;
  231. {block:permalinkpage}Width:500px;{/block:permalinkpage}
  232. {block:indexpage}{block:if500px}Width:500px;{/block:if500px}{/block:indexpage}
  233. {block:indexpage}{block:if400px}width:400px;{/block:if400px}{/block:indexpage}
  234. {block:indexpage}{block:if250px}width:250px;{/block:if250px}{/block:indexpage}
  235. }
  236.  
  237. #title {
  238. font-size:80px;
  239. position:fixed;
  240. text-transform:lowercase;
  241. font-style:italic;
  242. top:{text:blog title top position}px;
  243. font-weight:700;
  244. letter-spacing:-5px;
  245. left:{text:blog title left position}px;
  246. font-weight:700;
  247. color:{color:blog title};
  248. writing-mode:tb-rl;
  249. -webkit-transform:rotate(-90deg);
  250. -moz-transform:rotate(-90deg);
  251. -o-transform: rotate(-90deg);
  252. white-space:nowrap;
  253. display:block;
  254. z-index:-10;
  255. }
  256.  
  257. #link {
  258. margin:5px;
  259. margin-top:{text:links position}px;
  260. }
  261.  
  262. #link a {
  263. color:{color:sidebar links};
  264. font-weight:700;
  265. text-decoration:none;
  266. border-bottom:1px solid {color:sidebar links};
  267. letter-spacing:-1px;
  268. padding:5px;
  269. text-align:center;
  270. text-transform:lowercase;
  271. display:block;
  272. font-size:11px;
  273. }
  274.  
  275. #link a:hover {
  276. letter-spacing:1px;
  277. }
  278.  
  279. #info {
  280. padding:5px;
  281. text-align:center;
  282. display:block;
  283. width:90px;
  284. color:{color:post info text};
  285. font-size:11px;
  286. position:relative;
  287. height:100%;
  288. }
  289.  
  290. #info a {
  291. color:{color:post info text};
  292. font-weight:700;
  293. }
  294.  
  295. #info a:hover {
  296. background:none;
  297. }
  298.  
  299. .contain {
  300. {block:indexpage}{block:if500px}width:650px;{/block:if500px}{/block:indexpage}
  301. {block:indexpage}{block:if400px}width:550px;{/block:if400px}{/block:indexpage}
  302. {block:indexpage}{block:if250px}width:450px;{/block:if250px}{/block:indexpage}
  303. {block:permalinkpage}width:660px;{/block:permalinkpage}
  304. display:block;
  305. margin-bottom:20px;
  306. margin-left:0px;
  307. text-align:justify;
  308. }
  309.  
  310. h2 {
  311. background:{color:post title bg 1};
  312. font-style:italic;
  313. font-size:30px;
  314. letter-spacing:-3px;
  315. text-align:center;
  316. padding:10px;
  317. margin-top:0px;
  318. border-radius:10px;
  319. }
  320.  
  321. h2 span {
  322. background:{color:post title bg 2};
  323. padding:10px;
  324. border-radius:100px;
  325. }
  326.  
  327. .tag {
  328. margin-top:5px;
  329. }
  330.  
  331. .tag a {
  332. padding:3px;
  333. display:block;
  334. font-size:10px;
  335. margin-bottom:1px;
  336. background:rgba(250,250,250,.4);
  337. }
  338.  
  339. .noted {
  340. margin:-5px;
  341. margin-top:10px;
  342. margin-bottom:10px;
  343. width:100px;
  344. padding:5px;
  345. display:block;
  346. background:rgba(250,250,250,.4);
  347. }
  348.  
  349. .contain .reblogg {
  350. padding:5px;
  351. margin:10px;
  352. opacity:.5;
  353. }
  354.  
  355. #question {
  356. padding:10px;
  357. background:{color:ask bg};
  358. color:{color:ask text};
  359. font-size:11px;
  360. }
  361.  
  362. .asker {
  363. font-size:20px;
  364. font-style:italic;
  365. color:{color:asker text};
  366. text-transform:lowercase;
  367. text-shadow: 0 1px {color:asker};
  368. display:block;
  369. font-weight:700;
  370. border-left:20px solid {color:asker};
  371. padding-left:5px;
  372. margin-bottom:5px;
  373. }
  374.  
  375. .asker a {
  376. color:{color:asker};
  377. background:none;
  378. display:inline;
  379. }
  380.  
  381. .quote {
  382. font-size:20px;
  383. font-style:italic;
  384. background:{color:background};
  385. padding:5px;
  386. }
  387.  
  388. .chat ul {
  389. list-style:none;
  390. margin:0;
  391. padding:0;
  392. }
  393.  
  394. .odd b {
  395. color:{color:chat label 2};
  396. }
  397.  
  398. .even b {
  399. color:{color:chat label 1};
  400. }
  401.  
  402. .chat li {
  403. border-bottom:1px solid {color:chat border};
  404. }
  405.  
  406. .chat .odd {
  407. background:{color:chat bg 1};
  408. color:{color:chat text 1};
  409. padding:10px;
  410. }
  411.  
  412. .chat .even {
  413. background:{color:chat bg 2};
  414. color:{color:chat text 2};
  415. padding:10px;
  416. }
  417.  
  418. .music {
  419. height:100px;
  420. padding:5px;
  421. text-align:center;
  422. font-size:20px;
  423. }
  424.  
  425. .audio {
  426. position:absolute;
  427. background:#ffffff;
  428. width:25px;
  429. height:25px;
  430. padding:32.5px;
  431. padding-left:10px;
  432. padding-right:55px;
  433. overflow:hidden;
  434. opacity:.5;
  435. display:block;
  436. margin:10px;
  437. z-index:10000;
  438. -webkit-transition:all 1s ease-in-out;
  439. -moz-transition:all 1s ease-in-out;
  440. -o-transition:all 1s ease-in-out;
  441. -ms-transition:all 1s ease-in-out;
  442. transition:all 1s ease-in-out;
  443. }
  444.  
  445. #pagination {
  446. display:block;
  447. color:{color:description};
  448. text-align:center;
  449. }
  450.  
  451. #pagination a {
  452. color:{color:description};
  453. }
  454.  
  455. #cred {
  456. position:fixed;
  457. right:10px;
  458. bottom:10px;
  459. padding:5px;
  460. background:#ff2239;
  461. color:#fff;
  462. border:1px solid #fff;
  463. font-size:11px;
  464. width:15px;
  465. height:15px;
  466. text-align:center;
  467. font-weight:700;
  468. z-index:100;
  469. }
  470.  
  471. #music {
  472. position:fixed;
  473. right:-230px;
  474. top:150px;
  475. width:240px;
  476. padding:15px;
  477. background:{color:music player bg};
  478. border-radius:10px 0px 0px 10px;
  479. z-index:20;
  480. -webkit-transition: all 0.6s ease-in-out;
  481. -moz-transition: all 0.6s ease-in-out;
  482. -o-transition: all 0.6s ease-in-out;
  483. -ms-transition: all 0.6s ease-in-out;
  484. transition: all 0.6s ease-in-out;
  485. }
  486.  
  487. #music:hover {
  488. right:0px;
  489. }
  490.  
  491. </style>
  492. <body>
  493. <a href="http://hellolittlered.org">
  494. <div id="cred">
  495. hlr
  496. </div>
  497. </a>
  498.  
  499. {block:ifMusic}<div id="music">
  500. <img src="http://media.tumblr.com/tumblr_m7vzaiecBK1r6o8v2.gif" style="margin-right:20px">
  501. {text:Music}
  502. </div>{/block:ifMusic}
  503.  
  504. <div id="sidebar1">
  505. <div id="title">
  506. {title}
  507. </div>
  508. <div id="sidebar2">
  509. <div id="link">
  510. <a href="/">
  511. home
  512. </a>
  513. <a href="/ask">
  514. message
  515. </a>
  516. <a href="/archive">
  517. archive
  518. </a>
  519. {block:iflink1}<a href="{text:Link1URL}" title="{text:Link1}" >{text:Link1}</a>{/block:iflink1}
  520. {block:iflink2}<a href="{text:Link2URL}" title="{text:Link2}" >{text:Link2}</a>{/block:iflink2}
  521. {block:iflink3}<a href="{text:Link3URL}" title="{text:Link3}" >{text:Link3}</a>{/block:iflink3}
  522. {block:iflink4}<a href="{text:Link4URL}" title="{text:Link4}" >{text:Link4}</a>{/block:iflink4}
  523. </div>
  524. </div>
  525. <div id="sidebar3">
  526. <img src="{image:description top border}" class="descbor">
  527. <div id="desc">
  528. {description}
  529. </div>
  530. {block:Pagination}
  531. <div id="pagination">
  532. {block:PreviousPage}
  533. <a href="{PreviousPage}">
  534. «
  535. </a>
  536. &nbsp;&nbsp;{/block:PreviousPage} {block:JumpPagination length="3"} {block:CurrentPage}
  537. <span class="current_page">
  538. ✘
  539. </span>
  540. &nbsp;&nbsp;{/block:CurrentPage} {block:JumpPage}
  541. <a class="jump_page" href="{URL}">
  542. {PageNumber}
  543. </a>
  544. &nbsp;&nbsp;{/block:JumpPage} {/block:JumpPagination} {block:NextPage}
  545. <a href="{NextPage}">
  546. »
  547. </a>
  548. {/block:NextPage}
  549. </div>
  550. {/block:Pagination}
  551. </div>
  552. </div>
  553.  
  554.  
  555.  
  556. <div id="posts">
  557. {block:posts}
  558. <div class="contain">
  559. <table>
  560. <tr>
  561. {block:Odd}
  562. <td id="info" bgcolor="{color:odd posts info bg}" style="border-radius:10px 0px 0px 10px;" valign="top">
  563. {block:Date}
  564. <div class="date">
  565. <a href="{Permalink}" title="Permalink" >
  566. {ShortMonth}
  567. <br>
  568. <span style="font-size:20px;">
  569. {DayOfMonth}{DayOfMonthSuffix}
  570. </span>
  571. <br>
  572. {Year}
  573. </a>
  574. </div>
  575. {/block:Date}
  576. {block:NoteCount}
  577. <a href="{Permalink}" class="noted">
  578. <b>
  579. {NoteCountWithLabel}
  580. </b>
  581. </a>
  582. {/block:NoteCount}
  583. {block:HasTags}
  584. <div class="tag">
  585. {block:Tags}
  586. <a href="{TagURL}">
  587. <span class="yay">
  588. {Tag}
  589. </span>
  590. </a>
  591. {/block:Tags}
  592. </div>
  593. {/block:HasTags}
  594. <div class="reblogg">
  595. <table>
  596. <tr>
  597. <td>
  598. {ReblogButton size="30" color="white"}
  599. </td>
  600. <td>
  601. {LikeButton size="30" color="white"}
  602. </td>
  603. </tr>
  604. </table>
  605. </center>
  606. </div>
  607. </td>
  608. {/block:Odd}
  609.  
  610.  
  611. <td class="post" valign="top">
  612.  
  613. {block:Text}{block:Title}
  614. <a href="{Permalink}" style="{block:odd}color:{color:odd posts title};{/block:odd}{block:even}color:{color:even posts title};{/block:even}">
  615.  
  616. <h2>
  617. <span>
  618. {Title}
  619. </span>
  620. </h2>
  621. </a>
  622. {/block:Title}{Body}{/block:Text}
  623.  
  624. {block:Quote}
  625. <div class="quote" style="{block:odd}color:{color:odd posts title};{/block:odd}{block:even}color:{color:even posts title};{/block:even}">
  626. <b>“{Quote}”</b> — {Source}
  627. </div>
  628. {block:IndexPage}{block:IfCaptions}{block:Caption}
  629. <p>
  630. {Caption}
  631. </p>
  632. {/block:Caption}{/block:IfCaptions}{/block:IndexPage}
  633. {block:PermalinkPage}{block:Caption}
  634. <p>
  635. {Caption}
  636. </p>
  637. {/block:Caption}{/block:PermalinkPage}
  638. {/block:Quote}
  639.  
  640. {block:Link}
  641. <a href="{URL}" style="{block:odd}color:{color:odd posts title};{/block:odd}{block:even}color:{color:even posts title};{/block:even}">
  642. <h2>
  643. <span>
  644. {Name} »
  645. </span>
  646. </h2>
  647. </a>
  648. {block:Description}
  649. <p>
  650. {Description}
  651. </p>
  652. {/block:Description}{/block:Link}
  653.  
  654. {block:Photo}
  655. {LinkOpenTag}
  656. {block:IndexPage}{block:if500px}
  657. <center>
  658. <div class="photo">
  659. <a href="{PhotoURL-HighRes}">
  660. <img src="{PhotoURL-500}" alt="">
  661. </a>
  662. </div>
  663. </center>
  664. {/block:if500px}{/block:IndexPage}
  665. {block:IndexPage}{block:if400px}
  666. <center>
  667. <div class="photo">
  668. <a href="{PhotoURL-HighRes}">
  669. <img src="{PhotoURL-400}" alt="">
  670. </a>
  671. </div>
  672. </center>
  673. {/block:if400px}{/block:IndexPage}
  674. {block:IndexPage}{block:if250px}
  675. <center>
  676. <div class="photo">
  677. <a href="{PhotoURL-HighRes}">
  678. <img src="{PhotoURL-250}" alt="">
  679. </a>
  680. </div>
  681. </center>
  682. {/block:if250px}{/block:IndexPage}
  683. {block:PermalinkPage}
  684. <center>
  685. <div class="photo">
  686. <a href="{PhotoURL-HighRes}">
  687. <img src="{PhotoURL-500}" alt="">
  688. </a>
  689. </div>
  690. </center>
  691. {/block:PermalinkPage}
  692. {LinkCloseTag}
  693. {block:IndexPage}{block:IfCaptions}{block:Caption}
  694. <p>
  695. {Caption}
  696. </p>
  697. {/block:Caption}{/block:IfCaptions}{/block:IndexPage}
  698. {block:PermalinkPage}{block:Caption}
  699. <p>
  700. {Caption}
  701. </p>
  702. {/block:Caption}{/block:PermalinkPage}
  703. {/block:Photo}
  704.  
  705. {block:Photoset}
  706. {block:IndexPage}{block:if500px}
  707. <div class="photo">
  708. <center>
  709. {Photoset-500}
  710. </center>
  711. </div>
  712. {/block:if500px}{/block:IndexPage}
  713. {block:IndexPage}{block:if400px}
  714. <div class="photo">
  715. <center>
  716. {Photoset-400}
  717. </center>
  718. </div>
  719. {/block:if400px}{/block:IndexPage}
  720. {block:IndexPage}{block:if250px}
  721. <div class="photo">
  722. <center>
  723. {Photoset-250}
  724. </center>
  725. </div>
  726. {/block:if250px}{/block:IndexPage}
  727. {block:PermalinkPage}
  728. <center>
  729. <div class="photo">
  730. {Photoset-500}
  731. </div>
  732. </center>
  733. {/block:PermalinkPage}
  734. {block:IndexPage}{block:IfCaptions}{block:Caption}
  735. <p>
  736. {Caption}
  737. </p>
  738. {/block:Caption}{/block:IfCaptions}{/block:IndexPage}
  739. {block:PermalinkPage}{block:Caption}
  740. <p>
  741. {Caption}
  742. </p>
  743. {/block:Caption}{/block:PermalinkPage}
  744. {/block:Photoset}
  745.  
  746. {block:Chat}
  747. {block:Title}
  748. <a href="{Permalink}" style="{block:odd}color:{color:odd posts title};{/block:odd}{block:even}color:{color:even posts title};{/block:even}">
  749. <h2>
  750. <span>
  751. {Title}
  752. </span>
  753. </h2>
  754. </a>
  755. {/block:Title}
  756. <div class="chat">
  757. <ul>
  758. {block:Lines}
  759. <li class="{Alt}">
  760. {block:Label}
  761. <b>
  762. {Label}
  763. </b>
  764. {/block:Label}{Line}
  765. </li>
  766. {/block:Lines}
  767. </ul>
  768. </div>
  769. {/block:Chat}
  770.  
  771. {block:Video}
  772. {block:IndexPage}{block:if500px}
  773. <center>
  774. {Video-500}
  775. </center>
  776. {/block:if500px}{/block:IndexPage}
  777. {block:IndexPage}{block:if400px}
  778. <center>
  779. {Video-400}
  780. </center>
  781. {/block:if400px}{/block:IndexPage}
  782. {block:IndexPage}{block:if250px}
  783. <center>
  784. {Video-250}
  785. </center>
  786. {/block:if250px}{/block:IndexPage}
  787. {block:PermalinkPage}
  788. <center>
  789. {Video-500}
  790. </center>
  791. {/block:PermalinkPage}
  792. {block:IndexPage}{block:IfCaptions}{block:Caption}
  793. <p>
  794. {Caption}
  795. </p>
  796. {/block:Caption}{/block:IfCaptions}{/block:IndexPage}
  797. {block:PermalinkPage}{block:Caption}
  798. <p>
  799. {Caption}
  800. </p>
  801. {/block:Caption}{/block:PermalinkPage}
  802. {/block:Video}
  803.  
  804. {block:Answer}
  805. <div id="question">
  806. <span class="asker">
  807. {Asker} asked:
  808. </span>
  809. {Question}
  810. </div>
  811.  
  812. {Answer}{/block:Answer}
  813.  
  814. {Answer}
  815. {/block:Answer}
  816.  
  817. {block:Audio}
  818. <div class="ask">
  819. <div class="audio">
  820. {AudioPlayerWhite}
  821. </div>
  822. {block:AlbumArt}
  823. <img src="{AlbumArtURL}" width="100px" height="100px" align="left" style="margin:5px">
  824. {/block:AlbumArt}
  825.  
  826. <div class="music" {block:even}style="background:{color:even posts audio info bg};{color:even posts audio info}"{/block:even} {block:odd}style="background:{color:odd posts audio info bg};color:{color:odd posts audio info};"{/block:odd}>
  827. <br/>
  828. {block:TrackName}
  829. <em>
  830. <strong>
  831. {TrackName}
  832. </strong>
  833. </em>
  834. {/block:TrackName} {block:Artist}
  835. <br/>
  836. <span style="font-size:16px">
  837. {Artist}
  838. </span>
  839. {/block:Artist}
  840. </div>
  841. </div>
  842. {block:IndexPage}{block:IfCaptions}{block:Caption}
  843. <p>
  844. {Caption}
  845. </p>
  846. {/block:Caption}{/block:IfCaptions}{/block:IndexPage}
  847. {block:PermalinkPage}{block:Caption}
  848. <p>
  849. {Caption}
  850. </p>
  851. {/block:Caption}{/block:PermalinkPage}
  852. {/block:Audio}
  853.  
  854.  
  855. </td>
  856. {block:Even}
  857. <td id="info" style="border-radius:0px 10px 10px 0px;background:{color:even posts info bg};" valign="top">
  858. {block:Date}
  859. <div class="date">
  860. <a href="{Permalink}" title="Permalink" >
  861. {ShortMonth}
  862. <br>
  863. <span style="font-size:20px;">
  864. {DayOfMonth}{DayOfMonthSuffix}
  865. </span>
  866. <br>
  867. {Year}
  868. </a>
  869. </div>
  870. {/block:Date}
  871. {block:NoteCount}
  872. <a href="{Permalink}" class="noted">
  873. <b>
  874. {NoteCountWithLabel}
  875. </b>
  876. </a>
  877. {/block:NoteCount}
  878. {block:HasTags}
  879. <div class="tag">
  880. {block:Tags}
  881. <a href="{TagURL}">
  882. <span class="yay">
  883. {Tag}
  884. </span>
  885. </a>
  886. {/block:Tags}
  887. </div>
  888. {/block:HasTags}
  889. <div class="reblogg">
  890. <table>
  891. <tr>
  892. <td>
  893. {ReblogButton size="30" color="white"}
  894. </td>
  895. <td>
  896. {LikeButton size="30" color="white"}
  897. </td>
  898.  
  899. </tr>
  900. </table>
  901. </center>
  902. </div>
  903. </td>
  904. {/block:Even}
  905.  
  906. </tr>
  907. </table>
  908.  
  909. {block:PostNotes}{PostNotes}{/block:PostNotes}
  910. </div>
  911. {/block:posts}
  912. </div>
  913. </body>
  914. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!