Advertisement
xariaaaa

[THEME] sᴡᴇᴇᴛʜᴇᴀʀᴛ ʙʟᴜᴇ ᴇʏᴇs

Jul 9th, 2016
110
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.92 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><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!-- ʙᴀsᴇ ʙʏ ᴇɴᴛᴇʀᴘʀɪᴢᴇʀ. ᴛʜᴇᴍᴇ ʙʏ ᴀʀɪᴀsʀᴘʜ ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ sᴛᴇᴀʟ ɪᴛ! ᴇᴅɪᴛɪɴɢ ɪs ᴀʟᴏᴡᴇᴅ, ʙᴜᴛ ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛɪɴɢ ɪɴᴛᴀᴄᴛ. -->
  9.  
  10.  
  11. <!-- META NAMES -->
  12. <meta name="text:Title" content="Sweetheart blue eyes" />
  13. <meta name="text:text1" content="[SPENCER CHO'S FRIENDS] - bla bla bla bla bla" />
  14.  
  15.  
  16. <meta name="text:Desc" content="This is the description & it's quite lenghty." />
  17.  
  18. <meta name="text:URL1" content="/" />
  19. <meta name="text:Title1" content="Link" />
  20.  
  21. <meta name="text:URL2" content="/" />
  22. <meta name="text:Title2" content="Link" />
  23.  
  24. <meta name="text:URL3" content="/" />
  25. <meta name="text:Title3" content="Link" />
  26.  
  27. <meta name="text:URL4" content="/" />
  28. <meta name="text:Title4" content="Link" />
  29.  
  30. <meta name="text:URL5" content="/" />
  31. <meta name="text:Title5" content="Link" />
  32.  
  33.  
  34. <meta name="text:Hover1" content="This is a literate rp!" />
  35. <meta name="text:Hover2" content="Original Character account, not Shin Hyejeong from AOA" />
  36. <meta name="text:Hover3" content="NSFW posts will appear, follow at your own risk!" />
  37. <meta name="text:Hover4" content="idol!verse, Beau of LVSH" />
  38.  
  39.  
  40. <meta name="text:BaroHover" content="@baro real hard" />
  41. <meta name="text:FriendHover" content="just4brooklynn" />
  42. <meta name="text:LVSHHover" content="only like the baddest group in the industry" />
  43.  
  44. <script type="text/javascript"
  45. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  46. <script>
  47. $(document).ready(function() {
  48. //
  49. $('a.poplight[href^=#]').click(function() {
  50. var popID = $(this).attr('rel'); //Get Popup Name
  51. var popURL = $(this).attr('href'); //Get Popup href to define size
  52. var query= popURL.split('?');
  53. var dim= query[1].split('&');
  54. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  55. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  56. var popMargTop = ($('#' + popID).height() + 80) / 2;
  57. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  58. //Apply Margin to Popup
  59. $('#' + popID).css({
  60. 'margin-top' : -popMargTop,
  61. 'margin-left' : -popMargLeft
  62. });
  63. $('body').append('<div id="fade"></div>');
  64. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  65. return false;
  66. });
  67. $('a.close, #fade').live('click', function() {
  68. $('#fade , .popup_block').fadeOut(function() {
  69. $('#fade, a.close').remove(); //fade them both out
  70. });
  71. return false;
  72. });
  73. });
  74. </script>
  75.  
  76. <!-- S-M-T-TOOLTIP JAVA -->
  77.  
  78. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  79. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  80. <script>
  81. (function($){
  82. $(document).ready(function(){
  83. $("[title]").style_my_tooltips();
  84. });
  85. })(jQuery);
  86. </script>
  87.  
  88. <style type="text/css">
  89.  
  90. /* GENERAL */
  91.  
  92. body {
  93. background-color: #000000;
  94. }
  95.  
  96. a {
  97. color: #0e3087;
  98. text-decoration: none;
  99. -webkit-transition: opacity 0.7s linear;
  100. -webkit-transition: all 0.7s ease-out;
  101. -moz-transition: all 0.7s ease-out;
  102. transition: all 0.7s ease-out;
  103. }
  104.  
  105. a:hover {
  106. color: #6182c5;
  107. -webkit-transition: opacity 0.7s linear;
  108. -webkit-transition: all 0.7s ease-out;
  109. -moz-transition: all 0.7s ease-out;
  110. transition: all 0.7s ease-out;
  111. }
  112.  
  113. img {
  114. border:none;
  115. }
  116.  
  117. blockquote, blockquote blockquote {
  118. margin-left: 5px;
  119. padding-left: 10px;
  120. border-left: 1px solid #0e3087;
  121. }
  122.  
  123. blockquote img, #post img {
  124. max-width: 240px;
  125. height: auto;
  126. opacity: 0.3;
  127. -webkit-filter: grayscale(100%);
  128. -webkit-transition: opacity 0.7s linear;
  129. -webkit-transition: all 0.7s ease-out;
  130. -moz-transition: all 0.7s ease-out;
  131. transition: all 0.7s ease-out;
  132. }
  133.  
  134. blockquote blockquote img {
  135. max-width: 180px;
  136. height: auto;
  137. opacity: 0.3;
  138. -webkit-filter: grayscale(100%);
  139. -webkit-transition: opacity 0.7s linear;
  140. -webkit-transition: all 0.7s ease-out;
  141. -moz-transition: all 0.7s ease-out;
  142. transition: all 0.7s ease-out;
  143. }
  144.  
  145. blockquote img:hover, blockquote blockquote img:hover, #post img:hover {
  146. opacity: 0.8;
  147. -webkit-filter: grayscale(40%);
  148. -webkit-transition: opacity 0.7s linear;
  149. -webkit-transition: all 0.7s ease-out;
  150. -moz-transition: all 0.7s ease-out;
  151. transition: all 0.7s ease-out;
  152. }
  153.  
  154. h2 {
  155. font-family: "Bebas";
  156. color: #0e3087;
  157. text-align: justify;
  158. font-size: 20px;
  159. word-spacing: 6px;
  160. }
  161.  
  162. pre, code {
  163. font-size: 9px;
  164. font-family: "Calibri";
  165. text-transform: uppercase;
  166. color: #ffffff;
  167. line-height: 12px;
  168. padding: 10px;
  169. background-color: #000000;
  170. white-space:pre-wrap;
  171. word-wrap:break-word;
  172. }
  173.  
  174. small, sub, sup {
  175. font-size: 12px;
  176. font-family: "Calibri";
  177. }
  178.  
  179.  
  180. /* ENTRIES */
  181. #entries {
  182. width: 260px;
  183. height: 100%;
  184. float: right;
  185. margin-top: 20px;
  186. margin-right: 300px;
  187. }
  188.  
  189. /* POSTS */
  190. #post {
  191. width: 250px;
  192. padding: 20px;
  193. background-color: #0f0f0f;
  194. margin-bottom: 50px;
  195. font-family: "calibri";
  196. font-size: 12px;
  197. color: #ffffff;
  198. text-align: justify;
  199. }
  200.  
  201. /* POST SPECS */
  202. .posttitle {
  203. font-family: "Bebas";
  204. font-size: 22px;
  205. color: #0e3087;
  206. text-align: justify;
  207. }
  208.  
  209. .photopost {
  210. text-align: center;
  211. opacity: 0.3;
  212. -webkit-filter: grayscale(100%);
  213. -webkit-transition: opacity 0.7s linear;
  214. -webkit-transition: all 0.7s ease-out;
  215. -moz-transition: all 0.7s ease-out;
  216. transition: all 0.7s ease-out;
  217. }
  218.  
  219. .photopost:hover {
  220. text-align: center;
  221. opacity: 0.8;
  222. -webkit-filter: grayscale(40%);
  223. -webkit-transition: opacity 0.7s linear;
  224. -webkit-transition: all 0.7s ease-out;
  225. -moz-transition: all 0.7s ease-out;
  226. transition: all 0.7s ease-out;
  227. }
  228.  
  229. .quote {
  230. font-family: "Bebas";
  231. font-size: 15px;
  232. color: #0e3087;
  233. }
  234.  
  235. .source {
  236. font-family: "Calibri";
  237. font-size: 8px;
  238. text-transform: uppercase;
  239. text-align: right;
  240. }
  241.  
  242. .asker {
  243. font-family: "bebas";
  244. font-size: 20px;
  245. color: #0e3087;
  246. text-align: center;
  247. }
  248.  
  249. .question {
  250. padding: 10px;
  251. background-color: #000000;
  252. font-family: "Calibri";
  253. font-size: 10px;
  254. text-transform: uppercase;
  255. border-top: 1px dotted #0e3087;
  256. }
  257.  
  258. .chat b {
  259. font-family: "bebas";
  260. font-size: 12px;
  261. color: #0e3087;
  262. }
  263.  
  264. #info {
  265. font-family: "Calibri";
  266. font-size: 10px;
  267. text-transform: uppercase;
  268. text-align: center;
  269. }
  270.  
  271. #info a {
  272. font-family: "calibri";
  273. font-size: 10px;
  274. }
  275.  
  276. .postnotes {
  277. width:250px;
  278. font-family: 'calibri';
  279. font-size: 8px;
  280. letter-spacing: 1;
  281. line-height: 100%;
  282. color: #ffffff;
  283. text-align: left;
  284. text-transform: uppercase;
  285. word-wrap:break-word;
  286. padding: 10px;
  287. -moz-transition:all ease-in-out 0.7s;
  288. -webkit-transition:all ease-in-out 0.7s;
  289. -o-transition:all ease-in-out 0.7s;
  290. transition:all ease-in-out 0.7s;
  291. }
  292.  
  293. .postnotes img {
  294. display:none;
  295.  
  296. }
  297.  
  298. .postperma {
  299. width:268px;
  300. margin-top: -18px;
  301. margin-bottom: 20px;
  302. font-family: "calibri";
  303. font-size: 8px;
  304. color: #ffffff;
  305. text-transform: uppercase;
  306. text-align:center;
  307. line-height:100%;
  308. padding:1px;
  309. -moz-transition:all ease-in-out 0.7s;
  310. -webkit-transition:all ease-in-out 0.7s;
  311. -o-transition:all ease-in-out 0.7s;
  312. transition:all ease-in-out 0.7s;
  313.  
  314. }
  315.  
  316. .postperma a {
  317. color: #0e3087;
  318. -moz-transition:all ease-in-out 0.7s;
  319. -webkit-transition:all ease-in-out 0.7s;
  320. -o-transition:all ease-in-out 0.7s;
  321. transition:all ease-in-out 0.7s;
  322. }
  323.  
  324. #posttitle {
  325. font-family:'bebas';
  326. font-size:20px;
  327. letter-spacing:1px;
  328. line-height:16px;
  329. text-transform:uppercase;
  330. text-align:center;
  331. }
  332.  
  333. #permtitle {
  334. font-family: 'calibri';
  335. color: #cdcdcd;
  336. font-size: 8px;
  337. padding: 5px;
  338. margin-top: 5px;
  339. text-align: center;
  340. text-transform: uppercase;
  341. }
  342.  
  343. #tags {
  344. font-family: 'calibri';
  345. font-size: 8px;
  346. text-transform: uppercase;
  347. letter-spacing: 1;
  348. line-height: 100%;
  349. }
  350.  
  351. .audio {
  352. padding: 0;
  353. }
  354.  
  355. .audio_container {
  356. overflow: hidden;
  357. position: relative;
  358. width: 100px;
  359. }
  360.  
  361. .soundcloud_audio_player {
  362. width: 100%;
  363. }
  364.  
  365. .tumblr_audio_player {
  366. width: 100%;
  367. }
  368.  
  369. /* SIDEBAR */
  370.  
  371. #sidebar {
  372. height: 400px;
  373. width: 600px;
  374. position: fixed;
  375. float: left;
  376. left: 100px;
  377. bottom: 0px;
  378. -moz-transition-duration:0.7s;
  379. -webkit-transition-duration:0.7s;
  380. -o-transition-duration:0.7s;
  381. }
  382.  
  383. .render {
  384. margin-left: 360px;
  385. margin-bottom: 0px;
  386. -moz-transition-duration:0.7s;
  387. -webkit-transition-duration:0.7s;
  388. -o-transition-duration:0.7s;
  389. }
  390.  
  391. #sidebar:hover .render {
  392. margin-left: 0px;
  393. background-image: url('http://i.imgur.com/sc8S6Ww.png');
  394. background-repeat: no-repeat;
  395. -moz-transition-duration:0.7s;
  396. -webkit-transition-duration:0.7s;
  397. -o-transition-duration:0.7s;
  398. }
  399.  
  400. #sidebar:hover .render img {
  401. opacity: 0;
  402. -moz-transition-duration:0.7s;
  403. -webkit-transition-duration:0.7s;
  404. -o-transition-duration:0.7s;
  405. }
  406.  
  407. #sidebar:hover .hrt {
  408. opacity: 1;
  409. -moz-transition-duration:0.7s;
  410. -webkit-transition-duration:0.7s;
  411. -o-transition-duration:0.7s;
  412. }
  413.  
  414. .cont {
  415. height: 370px;
  416. width: 380px;
  417. margin-top: -370px;
  418. -moz-transition-duration:0.7s;
  419. -webkit-transition-duration:0.7s;
  420. -o-transition-duration:0.7s;
  421. }
  422.  
  423. #sidebar:hover .cont {
  424. opacity: 1;
  425. margin-left: 260px;
  426. -moz-transition-duration:0.7s;
  427. -webkit-transition-duration:0.7s;
  428. -o-transition-duration:0.7s;
  429. }
  430.  
  431. .title {
  432. width: 400px;
  433. font-family: "Bebas";
  434. color: #0e3087;
  435. font-size: 35px;
  436. }
  437.  
  438. .title img {
  439. height: 40px;
  440. width: auto;
  441. }
  442.  
  443. .lvsh {
  444. height: 40px;
  445. width: 365px;
  446. padding: 5px;
  447. background-color: #0f0f0f;
  448. margin-top: 5px;
  449. }
  450.  
  451. .def {
  452. margin-left: 0px;
  453. font-family: "Calibri";
  454. font-size: 10px;
  455. width: 380px;
  456. height: 12px;
  457. line-height: 12px;
  458. text-transform: uppercase;
  459. }
  460.  
  461. .defimg {
  462. margin-top: -11px;
  463. margin-left: 0px;
  464. }
  465.  
  466. .desc {
  467. margin-top: 5px;
  468. height: 200px;
  469. width: 170px;
  470. padding: 5px;
  471. background-color: #0f0f0f;
  472. font-family: "Calibri";
  473. font-size: 10px;
  474. text-transform: uppercase;
  475. text-align: justify;
  476. letter-spacing: 1px;
  477. }
  478.  
  479. .links {
  480. margin-left: -200px;
  481. word-spacing: 12px;
  482. margin-top: 5px;
  483. font-family: "Bebas";
  484. font-size: 20px;
  485. text-align: center;
  486. }
  487.  
  488. .stat {
  489. margin-top: 5px;
  490. width: 180px;
  491. height: 12px;
  492. line-height: 12px;
  493. text-align: center;
  494. font-family: "Calibri";
  495. font-size: 10px;
  496. text-transform: uppercase;
  497. word-spacing: 10px
  498. }
  499.  
  500. .photo {
  501. width: 170px;
  502. height: 240px;
  503. padding: 5px;
  504. background-color: #0f0f0f;
  505. margin-top: -267px;
  506. margin-left: 185px;
  507. z-index: 999;
  508. }
  509.  
  510. .photo1 {
  511. width: 170px;
  512. height: 240px;
  513. padding: 5px;
  514. background-color: #0f0f0f;
  515. margin-top: -250px;
  516. margin-left: 185px;
  517. opacity: 0;
  518. -moz-transition-duration:0.7s;
  519. -webkit-transition-duration:0.7s;
  520. -o-transition-duration:0.7s;
  521. }
  522.  
  523. .pagi {
  524. margin-top: 5px;
  525. margin-left: 190px;
  526. font-size: 10px;
  527. color: #0e3087;
  528. font-family: "Calibri";
  529. text-transform: uppercase;
  530. width: 170px;
  531. text-align: center;
  532. }
  533.  
  534. .cont:hover .photo1 {
  535. opacity: 1;
  536. }
  537.  
  538. #cred {
  539. font-family: "Calibri";
  540. font-size: 10px;
  541. text-transform: uppercase;
  542. position: fixed;
  543. left: 5px;
  544. bottom: 5px;
  545. }
  546.  
  547. /* POPUP */
  548.  
  549.  
  550. /* POPUP BOX */
  551. .popup_block{
  552. display: none;
  553. background-color: #0f0f0f;
  554. padding: 20px;
  555. float: left;
  556. height: auto;
  557. font-family: "Calibri";
  558. text-align: justify;
  559. color: #ffffff;
  560. font-size: 12px;
  561. position: fixed;
  562. top: 50%;
  563. left: 50%;
  564. border-left: 1px solid #0e3087;
  565. border-bottom: 1px solid #0e3087;
  566. overflow-y: auto;
  567. z-index: 99999;
  568. }
  569.  
  570. *html #fade {
  571. position: absolute;
  572. }
  573.  
  574. *html .popup_block {
  575. position: absolute;
  576. }
  577.  
  578. #fade {
  579. display: none;
  580. position: fixed;
  581. left: 0px;
  582. top: 0px;
  583. width: 100%;
  584. height: 100%;
  585. }
  586.  
  587. #s-m-t-tooltip{
  588. max-width: 200px;
  589. margin-top: 15px;
  590. margin-left: 15px;
  591. padding: 5px;
  592. border-left: 1px solid #0e3087;
  593. border-bottom: 1px dotted #0e3087;
  594. z-index:9999999999999999999999;
  595. background-color:#0f0f0f;
  596. color: #ffffff;
  597. font-family: 'Calibri';
  598. text-align:justify;
  599. font-size: 10px;
  600. line-height: 12px;
  601. letter-spacing: 1px;
  602. text-transform: uppercase;
  603. }
  604. </style>
  605. </head>
  606. <body>
  607.  
  608. <body>
  609.  
  610. <div id="baro" class="popup_block">
  611. kiss kiss fall in love
  612. <img src="https://i.ytimg.com/vi/vpomtCQ7Alg/maxresdefault.jpg" width="300px" height="auto"/>
  613. </div>
  614.  
  615. <div id="frnds" class="popup_block">
  616. this is brooklynn's spot
  617. </div>
  618.  
  619. <div id="lvshh" class="popup_block">
  620. queeeeeens
  621. </div>
  622.  
  623. <div id="musicplayer">
  624. <div class="shut">
  625. <div style="margin-left:-2.5px;margin-top:0px;">
  626. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="20" height="20">
  627. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  628. <param name="bgcolor" value="#ffffff" />
  629. <param name="FlashVars" value="mp3=http%3A//k003.kiwi6.com/hotlink/h6ql4d0rap/LIVE_-_TILL_I_DIE.mp3&amp;autoplay=1&amp;bgcolor=ffffff&amp;loadingcolor=000000&amp;buttoncolor=000000&amp;slidercolor=000000" />
  630. </object>
  631. </div></div>
  632. </div>
  633.  
  634. <div id="sidebar">
  635. <div class="render">
  636. <img src="http://i.imgur.com/yG4ePqH.png" />
  637. </div>
  638.  
  639. <div class="cont">
  640. <div class="title">
  641. {text:Title}
  642. <a href="#?w=360" title="{text:BaroHover}" rel="baro" class="poplight">
  643. <img src="http://bestanimations.com/Animals/Mammals/Cats/cats/cute-kitty-animated-gif-59.gif" />
  644. </a>
  645. </div>
  646.  
  647. <div cass="lvsh">
  648. <a href="#?w=360" title="{text:LVSHHover}" rel="lvshh" class="poplight"><img src="http://i.imgur.com/rqCewn5.png" /></a>
  649. </div>
  650.  
  651. <div class="def">
  652. {text:text1}
  653. </div>
  654.  
  655. <div class="links">
  656. <a href="{text:URL1}" title="{text:Title1}">.01</a>
  657. <a href="{text:URL2}" title="{text:Title2}">.02</a>
  658. <a href="{text:URL3}" title="{text:Title3}">.03</a>
  659. <a href="{text:URL4}" title="{text:Title4}">.04</a>
  660. <a href="{text:URL5}" title="{text:Title5}">.05</a>
  661. </div>
  662.  
  663. <div class="desc">
  664. {text:Desc}
  665. </div>
  666.  
  667. <div class="stat">
  668. <a title="{text:Hover1}">LIT</a> × <a title="{text:Hover2}">OC</a> × <a title="{text:Hover3}">NSFW</a> × <a title="{text:Hover4}">VERSE</a>
  669. </div>
  670.  
  671. <div class="photo">
  672. <img src="http://i.imgur.com/xmC6hxt.png" />
  673. </div>
  674.  
  675. <div class="photo1">
  676. <img src="http://i.imgur.com/SxgUMhY.png" />
  677. </div>
  678.  
  679.  
  680. {block:IndexPage}
  681. <div class="pagi">
  682. {block:PreviousPage}<a href="{PreviousPage}">PREV</a>{/block:PreviousPage} // {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  683. </div>
  684. {/block:IndexPage}
  685.  
  686. </div>
  687.  
  688. <div class="hrt">
  689. <a href="#?w=360" title="{text:FriendHover}" rel="frnds" class="poplight">
  690. <img src="http://66.media.tumblr.com/6bcf0e60c798ad3222e10b643b91bffd/tumblr_inline_mkmbgmIz8X1qz4rgp.gif" />
  691. </a>
  692. </div>
  693. </div>
  694.  
  695. <div id="entries">
  696. {block:Posts}
  697. <div id="post">
  698.  
  699. <!-- TEXT POSTS -->
  700. {block:Text}
  701. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  702. <div class="posttext">{Body}</div>
  703. {/block:Text}
  704.  
  705. <!-- PHOTO POSTS -->
  706. {block:Photo}
  707. <div class="photopost">{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}
  708. <div class="posttext">{block:Caption}{Caption}{/block:Caption}</div></div>
  709. {/block:Photo}
  710.  
  711. <!-- PHOTOSET POSTS -->
  712. {block:Photoset}
  713. <div class="photosetpost">{Photoset-250} {block:Caption}{Caption}{/block:Caption}</div>
  714. {/block:Photoset}
  715.  
  716. <!-- QUOTE POSTS -->
  717. {block:Quote}
  718. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  719. <div class="quote">{Quote}</div>
  720. <div class="source">{block:Source} —{Source}{/block:Source}</div>
  721. {/block:Quote}
  722.  
  723. <!-- LINK POSTS -->
  724. {block:Link}
  725. <div class="posttitle">a href="{URL}" {Target}>{Name}</a></div>
  726. {block:Description}{Description}{/block:Description}
  727. {/block:Link}
  728.  
  729. <!-- CHAT POSTS -->
  730. {block:Chat}
  731. <div class="posttile">{block:Title}{Title}{/block:Title}</div>
  732. <div class="chat">
  733. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  734. {/block:Chat}
  735.  
  736.  
  737. <!-- ASK POST -->
  738. {block:Answer}
  739. <div class="asker">{Asker}</div>
  740. <div class="question">{Question}</div>
  741. {Answer}
  742. {/block:Answer}
  743.  
  744. <!-- AUDIO POST -->
  745. {block:Audio}
  746. <div class="audioContainer">
  747. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  748. </div>
  749. <div class="posttext">{block:Caption}{Caption}{/block:Caption}</div>
  750. {/block:Audio}
  751.  
  752. <!-- VIDEO POST -->
  753. {block:Video}
  754. <div class="video">{Video-250}</div>
  755. <div class="posttext">{block:Caption}{Caption}{/block:Caption}</div>
  756. {/block:Video}
  757.  
  758. <!-- POST PERMA -->
  759. <div id="info">
  760. {block:Date}{TimeAgo}{/block:Date} × <a href="{Permalink}">
  761. {NoteCountWithLabel}</a> ×
  762. <a href="{Permakink}" title="{block:HasTags}{block:Tags}#{Tag}{/block:Tags}{/block:HasTags}">TAGGED</a>
  763. </div>
  764. </div>
  765. {block:PermaLinkPage}
  766. <div class="postinfo">
  767. <center>
  768. <div id="permtitle">Posted on: {Month} {DayofMonth}, {Year}<br> {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
  769. {block:RebloggedFrom}
  770. <div id="tags">Via:
  771. <a href="{ReblogParentURL}">{ReblogParentName}</a> ||
  772. Source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  773. {/block:RebloggedFrom}
  774. </center>
  775. <br>
  776. {block:HasTags}
  777. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags} </div>
  778. {/block:HasTags}
  779. </div>
  780.  
  781. {block:PostNotes}<div class="postnotes"><div style="margin-left: -20px;">{PostNotes}</div></div>{/block:PostNotes}
  782. {/block:PermalinkPage}
  783. {/block:Posts}
  784. </div>
  785.  
  786.  
  787. <div id="cred">
  788. <a href="http://tq-entertainment.tumblr.com/">TQENT.</a><br />
  789. <a href="http://97brk.tumblr.com/" title="Theme by Aria made for ikxcheol. Please don't steal!">CREDIT.</a>
  790. </div>
  791.  
  792. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement