thematchgirl

Theme 18

May 30th, 2014
313
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.96 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">
  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