API tools faq
paste
Advertisement
jercydee

TTTL #003 (full colour) by striveattemptfail

jercydee
May 2nd, 2017
97
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.77 KB | None | 0 0
raw download clone embed print report
  1. <!--------------------------------------------------------------------------------
  2.  
  3. + - - - THEME 004: TTTL #003 (full colour)
  4.  
  5. + - - - THEME BY: Jercy @ striveattemptfail.tumblr.com
  6.  
  7. + - - - LAST UPDATED: MAY 2017
  8.  
  9. + - - - OTHER CREDITS: Colour scheme and default photos by _ewabakrached on Instagram, via Macaron Hues on design-seeds.
  10.  
  11. -------------------------------------------------------------------------------->
  12.  
  13. <!DOCTYPE html>
  14. <html>
  15. <head>
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21. <link href="https://fonts.googleapis.com/css?family=Pacifico|Roboto+Mono|Slabo+27px|Sue+Ellen+Francisco|Unica+One" rel="stylesheet">
  22.  
  23. <meta name="image:Image 1" content="http://static.tumblr.com/qbji4py/2QZop92kp/my-perfect-macaron-3949_by_ewabakrac.jpg"/>
  24. <meta name="image:Image 2" content="http://static.tumblr.com/qbji4py/2QZop92kp/my-perfect-macaron-3949_by_ewabakrac.jpg"/>
  25. <meta name="image:Image 3" content="http://static.tumblr.com/qbji4py/2QZop92kp/my-perfect-macaron-3949_by_ewabakrac.jpg"/>
  26.  
  27. <meta name="if:Show Link 4" content="1"/>
  28.  
  29. <meta name="select:Titles Font" content="Helvetica" title="Helvetica">
  30. <meta name="select:Titles Font" content="'Sue Ellen Francisco', cursive" title="Sue Ellen Francisco">
  31. <meta name="select:Titles Font" content="'Roboto Mono', monospace" title="Roboto Mono">
  32. <meta name="select:Titles Font" content="'Unica One', cursive" title="Unica One">
  33. <meta name="select:Titles Font" content="'Slabo 27px', serif" title="Slabo">
  34. <meta name="select:Titles Font" content="'Pacifico', cursive" title="Pacifico">
  35.  
  36. <meta name="color:Background" content="#EEE"/>
  37. <meta name="color:Text" content="#4F484F"/>
  38. <meta name="color:Links" content="#9E617C"/>
  39. <meta name="color:Links Hover" content="#614152"/>
  40. <meta name="color:All Header Background" content="#614152"/>
  41. <meta name="color:All Header Text" content="#EEEEEE"/>
  42. <meta name="color:All Header Links" content="#E3A674"/>
  43. <meta name="color:Sidebar Background" content="#C2C2BC"/>
  44. <meta name="color:Sidebar Container" content="#9E617C"/>
  45. <meta name="color:Sidebar Border" content="#614152"/>
  46. <meta name="color:Sidebar Text" content="#222"/>
  47. <meta name="color:Sidebar Links" content="#E3A674"/>
  48. <meta name="color:Sidebar Circle Navigation" content="#614152"/>
  49. <meta name="color:Post" content="#C2C2BC"/>
  50. <meta name="color:Post Circles" content="#E3A674"/>
  51. <meta name="color:Chat Text" content="#222"/>
  52. <meta name="color:Chat Odd Background" content="#E3A674"/>
  53. <meta name="color:Chat Even Background" content="#9E617C"/>
  54. <meta name="color:Answer Background" content="#E3A674"/>
  55. <meta name="color:Answer Blog URL" content="#614152"/>
  56. <meta name="color:Answer Replies" content="#4F484F"/>
  57.  
  58. <meta name="text:Link 1 Title" content="Link 1" />
  59. <meta name="text:Link 1" content="" />
  60. <meta name="text:Link 2 Title" content="Link 2" />
  61. <meta name="text:Link 2" content="" />
  62. <meta name="text:Link 3 Title" content="Link 3" />
  63. <meta name="text:Link 3" content="" />
  64. <meta name="text:Link 4 Title" content="Link 4" />
  65. <meta name="text:Link 4" content="" />
  66.  
  67. <style type="text/css">
  68.  
  69. body {
  70. background: {color:Background};
  71. color: {color:Text};
  72. font-family: Helvetica;
  73. font-size: 13px;
  74. word-wrap: break-word;
  75. white-space: normal;
  76. margin: 0;
  77. padding: 0;
  78. }
  79.  
  80. a {
  81. color: {color:Links};
  82. text-decoration: none;
  83. transition: all 0.3s ease-in-out;
  84. -webkit-transition: all 0.3s ease-in-out;
  85. -moz-transition: all 0.3s ease-in-out;
  86. -o-transition: all 0.3s ease-in-out;
  87. -ms-transition: all 0.3s ease-in-out;
  88. }
  89.  
  90. a:hover { color: {color:Links Hover}; }
  91.  
  92. a[title]:hover:after {
  93. content: attr(title);
  94. background-color: {color:All Header Background};
  95. color: {color:All Header Text};
  96. font-size: 10px;
  97. position: absolute;
  98. padding: 4px 8px;
  99. white-space: nowrap;
  100. z-index: 1000;
  101. white-space: nowrap;
  102. border-radius: 5px;
  103. -moz-border-radius: 5px;
  104. -webkit-border-radius: 5px;
  105. box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  106. -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  107. -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  108. }
  109.  
  110. h2 {
  111. background: {color:All Header Background};
  112. color: {color:All Header Text};
  113. text-align: center;
  114. font-family: {select:Titles Font};
  115. font-size: 20px;
  116. font-weight: none;
  117. letter-spacing: 1px;
  118. margin-left: -10px;
  119. padding: 5px 10px;
  120. width: 100%;
  121. }
  122.  
  123. h2 a { color: {color:All Header Links}; }
  124.  
  125. h2 a:hover { color: {color:All Header Text}; }
  126.  
  127. hr {
  128. border-bottom: 1px {color:Sidebar Border} solid;
  129. width: 50%;
  130. }
  131.  
  132. blockquote {
  133. border-left: 2px {color:Sidebar Border} solid;
  134. text-align: justify;
  135. padding-left: 10px;
  136. margin-left: 10px;
  137. width: 90%;
  138. }
  139.  
  140. blockquote img { max-width: 100%; }
  141.  
  142. img { max-width: 100%; }
  143.  
  144. .tooltip {
  145. background-color: {color:All Header Background};
  146. color: {color:All Header Text};
  147. font-size: 10px;
  148. position: absolute;
  149. margin: -5px;
  150. padding: 4px 8px;
  151. z-index: 1000;
  152. border-radius: 5px;
  153. -moz-border-radius: 5px;
  154. -webkit-border-radius: 5px;
  155. box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  156. -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  157. -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  158. }
  159.  
  160. /* SIDEBAR */
  161. #sb {
  162. background: {color:Sidebar Background};
  163. height: 200%;
  164. width: 300px;
  165. position: fixed;
  166. border-right: {color:Sidebar Border} 2px solid;
  167. z-index: 1;
  168. }
  169.  
  170. #sb .contain {
  171. position: fixed;
  172. bottom: 50px;
  173. left: 0;
  174. }
  175.  
  176. #sb .imgg {
  177. width: 290px;
  178. margin: 5px auto;
  179. }
  180.  
  181. #sb img {
  182. margin: 5px 3px;
  183. max-width: 90px;
  184. border-radius: 25px;
  185. -webkit-border-radius: 25px;
  186. -moz-border-radius: 25px;
  187. }
  188.  
  189. #sb .container {
  190. background: {color:Sidebar Container};
  191. width: 280px;
  192. padding: 10px;
  193. }
  194.  
  195. #sb .tcontainer {
  196. background: {color:All Header Background};
  197. color: {color:All Header Text};
  198. font-size: 30px;
  199. font-family: {select:Titles Font};
  200. text-align: center;
  201. margin-top: 5px;
  202. margin-left: -10px;
  203. padding: 5px 0px 7px 0px;
  204. width: 300px;
  205. }
  206.  
  207. #sb .tcontainer a {
  208. color: {color:All Header Links};
  209. transition: all 0.3s ease-in-out;
  210. -webkit-transition: all 0.3s ease-in-out;
  211. -moz-transition: all 0.3s ease-in-out;
  212. -o-transition: all 0.3s ease-in-out;
  213. -ms-transition: all 0.3s ease-in-out;
  214. }
  215.  
  216. #sb .tcontainer a:hover { color: {color:Background}; }
  217.  
  218. #sb .desc {
  219. color: {color:Sidebar Text};
  220. text-align: justify;
  221. padding: 10px 5px 5px 5px;
  222. }
  223.  
  224. #sb .desc a {
  225. color: {color:Sidebar Links};
  226. transition: all 0.3s ease-in-out;
  227. -webkit-transition: all 0.3s ease-in-out;
  228. -moz-transition: all 0.3s ease-in-out;
  229. -o-transition: all 0.3s ease-in-out;
  230. -ms-transition: all 0.3s ease-in-out;
  231. }
  232.  
  233. #sb .desc a:hover { color: {color:Sidebar Text}; }
  234.  
  235. #sb #circle {
  236. width: 265px;
  237. margin: 3px auto;
  238. }
  239.  
  240. #sb #circle .circle {
  241. background: {color:Sidebar Circle Navigation};
  242. display: inline-block;
  243. width: 10px;
  244. height: 10px;
  245. border-radius: 5px;
  246. -moz-border-radius: 5px;
  247. -webkit-border-radius: 5px;
  248. margin: 15px 16px;
  249. }
  250.  
  251. #pag {
  252. text-align: center;
  253. margin: 15px auto 0px auto;
  254. }
  255.  
  256. #pag a {
  257. background: {color:Sidebar Container};
  258. color: {color:Sidebar Links};
  259. font-size: 15px;
  260. font-weight: bold;
  261. transition: all 0.3s ease-in-out;
  262. -webkit-transition: all 0.3s ease-in-out;
  263. -moz-transition: all 0.3s ease-in-out;
  264. -o-transition: all 0.3s ease-in-out;
  265. -ms-transition: all 0.3s ease-in-out;
  266. padding: 5px 10px;
  267. margin: 0px 15px;
  268. }
  269.  
  270. #pag a:hover {
  271. background: {color:Sidebar Links};
  272. color: {color:Sidebar Container};
  273. }
  274.  
  275. #pag a:hover {
  276. background: {color:Sidebar Links};
  277. color: {color:Sidebar Container};
  278. }
  279.  
  280. /* POSTS *//* CODE BY STRIVEATTEMPTFAIl */
  281. #post {
  282. margin-left: 425px;
  283. padding: 10px 20px;
  284. width: 500px;
  285. z-index: 9000;
  286. }
  287.  
  288. #post figure { background: {color:Post}; }
  289.  
  290. #post figure img { margin-bottom: -10px; }
  291.  
  292. #post figure a {
  293. background: {color:All Header Background};
  294. color: {color:All Header Links};
  295. font-size: 11px;
  296. border: 0px;
  297. padding: 5px 10px;
  298. margin-top: -15px;
  299. }
  300.  
  301. #post img {
  302. opacity: .85;
  303. transition: all 0.3s ease-in-out;
  304. -webkit-transition: all 0.3s ease-in-out;
  305. -moz-transition: all 0.3s ease-in-out;
  306. -o-transition: all 0.3s ease-in-out;
  307. -ms-transition: all 0.3s ease-in-out;
  308. }
  309.  
  310. #post img:hover { opacity: 1; }
  311.  
  312. #post .post {
  313. background: {color:Post};
  314. text-align: justify;
  315. padding: 10px;
  316. overflow-x: hidden;
  317. }
  318.  
  319. .titles {
  320. background: {color:All Header Background};
  321. color: {color:All Header Text};
  322. text-align: center;
  323. font-family: {select:Titles Font};
  324. font-size: 30px;
  325. margin-left: -10px;
  326. margin-top: -10px;
  327. padding: 5px 10px;
  328. width: 100%;
  329. }
  330.  
  331. #post .photo { background: {color:Post}; }
  332.  
  333. #post .photo img { max-width: 500px; }
  334.  
  335. #post .photoset {
  336. max-width: 500px;
  337. opacity: .85;
  338. margin-bottom: -2px;
  339. transition: all 0.3s ease-in-out;
  340. -webkit-transition: all 0.3s ease-in-out;
  341. -moz-transition: all 0.3s ease-in-out;
  342. -o-transition: all 0.3s ease-in-out;
  343. -ms-transition: all 0.3s ease-in-out;
  344. }
  345.  
  346. #post .photoset:hover { opacity: 1; }
  347.  
  348. #post .caption {
  349. background: {color:Post};
  350. text-align: justify;
  351. padding: 0px 10px 10px 10px;
  352. overflow-x: hidden;
  353. }
  354.  
  355. #post .photo .caption { padding: 0px 10px 10px 10px; }
  356.  
  357. #post .quote { background: {color:Post}; }
  358.  
  359. #post .quote h2 {
  360. color: {color:All Header Text};
  361. max-width: 480px;
  362. margin-left: 0px;
  363. padding-bottom: 10px;
  364. }
  365.  
  366. #post .quote_source {
  367. padding: 0px 10px 10px 10px;
  368. }
  369.  
  370. #post .post_link {
  371. background: {color:Post};
  372. padding: 0px 10px 10px 10px;
  373. }
  374.  
  375. #post .post_link .link {
  376. background: {color:All Header Background};
  377. color: {color:All Header Text};
  378. text-align: center;
  379. padding: 10px;
  380. width: 480px;
  381. margin-left: -10px;
  382. }
  383.  
  384. #post .post_link .link h2 {
  385. font-size: 25px;
  386. margin: 0px;
  387. padding: 0px;
  388. }
  389.  
  390. #post .post_link .link h2 a {
  391. color: {color:All Header Links};
  392. transition: all 0.3s ease-in-out;
  393. -webkit-transition: all 0.3s ease-in-out;
  394. -moz-transition: all 0.3s ease-in-out;
  395. -o-transition: all 0.3s ease-in-out;
  396. -ms-transition: all 0.3s ease-in-out;
  397. }
  398.  
  399. #post .post_link .link h2 a:hover { color: {color:All Header Text}; }
  400.  
  401. #post .chat {
  402. background: {color:Post};
  403. color: {color:Chat Text};
  404. padding: 0px 10px 5px 10px;
  405. }
  406.  
  407. #post .chat ul {
  408. list-style: none;
  409. }
  410.  
  411. #post .chat li {
  412. background: {color:Chat Odd Background};
  413. padding: 10px;
  414. width: 480px;
  415. margin-left: -20px;
  416. }
  417.  
  418. #post .chat li:nth-child(odd) {
  419. background: {color:Chat Even Background};
  420. padding: 10px;
  421. width: 480px;
  422. margin-left: -20px;
  423. }
  424.  
  425. #post .audvid {
  426. background: {color:Post};
  427. margin-left: -10px;
  428. }
  429.  
  430. /* ASK POSTS */
  431. #question {
  432. background-color: {color:All Header Background};
  433. padding: 10px;
  434. }
  435.  
  436. #question .asker {
  437. color: {color:All Header Links};
  438. font-size: 17px;
  439. margin-right: 20px;
  440. margin-bottom: 2px;
  441. display: inline-block;
  442. }
  443.  
  444. #question .asker a {
  445. color: {color:All Header Links};
  446. margin-right: 0px;
  447. font-weight: bold;
  448. }
  449.  
  450. #question .asker a:hover { color: {color:All Header Text}; }
  451.  
  452. #question .question { color: {color:All Header Text}; }
  453.  
  454. #answer {
  455. background: {color:Answer Background};
  456. padding: 10px;
  457. }
  458.  
  459. #answer .answers { display: inline-block; }
  460.  
  461. #answer .answerer {
  462. color: {color:Answer Blog URL};
  463. font-size: 17px;
  464. margin-right: 20px;
  465. }
  466.  
  467. #answer .answerer a {
  468. color: {color:Answer Blog URL};
  469. font-weight: bold;
  470. margin-right: 0px;
  471. }
  472.  
  473. #answer .answerer a:hover { color: {color:Answer Replies}; }
  474.  
  475. #replies {
  476. background: {color:Post};
  477. padding: 10px;
  478. }
  479.  
  480. /* POST FOOTER */
  481. #footer {
  482. background: {color:Post};
  483. padding: 10px;
  484. overflow-x: hidden;
  485. }
  486.  
  487. #footer a {
  488. font-style: normal;
  489. word-wrap: break-word;
  490. display: inline-block;
  491. margin-right: 10px;
  492. }
  493.  
  494. /* PERMALINKS ETC */
  495. #perma { display: block; }
  496.  
  497. #perma .circle {
  498. width: 10px;
  499. height: 10px;
  500. background: {color:Post Circles};
  501. border-radius: 5px;
  502. -moz-border-radius: 5px;
  503. -webkit-border-radius: 5px;
  504. margin: 10px;
  505. display: inline-block;
  506. }
  507.  
  508. /* POST FOOTER */
  509. #footer {
  510. padding: 0px 10px 10px 10px;
  511. word-wrap: break-word;
  512. }
  513.  
  514. a.footer {
  515. font-size: 11px;
  516. margin-right: 10px;
  517. }
  518.  
  519. /* POST NOTES */
  520. #postnotes {
  521. width: 550px;
  522. position: relative;
  523. margin-left: 425px;
  524. margin-bottom: 25px;
  525. }
  526.  
  527. .notecontainer {
  528. margin: 20px auto;
  529. width: 500px;
  530. padding: 15px;
  531. font-size: 11px;
  532. }
  533.  
  534. .notecontainer ol.notes {
  535. list-style-type: none;
  536. margin: 0;
  537. padding: 0;
  538. }
  539.  
  540. .notecontainer img.avatar {
  541. margin-right: 10px;
  542. width: 16px;
  543. height: 16px;
  544. }
  545.  
  546. /* SCROLLBAR */
  547. body::-webkit-scrollbar {
  548. width: 5px;
  549. height: 5px;
  550. }
  551.  
  552. body::-webkit-scrollbar-track {
  553. background-color: {color:Background};
  554. }
  555.  
  556. body::-webkit-scrollbar-thumb {
  557. background-color: {color:Sidebar Container};
  558. }
  559.  
  560. body::-webkit-scrollbar-corner {
  561. background-color: {color:Background};
  562. }
  563.  
  564. /* CREDIT *//* CODE BY STRIVEATTEMPTFAIl */
  565. #foo {
  566. position: fixed;
  567. bottom: 5px;
  568. right: 5px;
  569. transition: all 0.75s ease-in-out;
  570. -webkit-transition: all 0.75s ease-in-out;
  571. -moz-transition: all 0.75s ease-in-out;
  572. -o-transition: all 0.75s ease-in-out;
  573. }
  574.  
  575. #foo:hover {
  576. transform: translate(0,-10px);
  577. -webkit-transform: translate(0,-10px);
  578. -o-transform: translate(0,-10px);
  579. -moz-transform: translate(0,-10px);
  580. }
  581.  
  582. {CustomCSS}
  583.  
  584. </style>
  585.  
  586. <!--- TOOLTIP --->
  587. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  588.  
  589. <script type="text/javascript">
  590. $(document).ready(function() {
  591. // Tooltip only Text
  592. $('.masterTooltip').hover(function(){
  593. // Hover over code
  594. var title = $(this).attr('title');
  595. $(this).data('tipText', title).removeAttr('title');
  596. $('<p class="tooltip"></p>')
  597. .text(title)
  598. .appendTo('body')
  599. .fadeIn('slow');
  600. }, function() {
  601. // Hover out code
  602. $(this).attr('title', $(this).data('tipText'));
  603. $('.tooltip').remove();
  604. }).mousemove(function(e) {
  605. var mousex = e.pageX + 20; //Get X coordinates
  606. var mousey = e.pageY + 10; //Get Y coordinates
  607. $('.tooltip')
  608. .css({ top: mousey, left: mousex })
  609. });
  610. });
  611. </script>
  612.  
  613. </head>
  614.  
  615. <body>
  616.  
  617. <!------------CODE BY STRIVEATTEMPTFAIL, please don't steal------------>
  618. <div id="sb"><div class="contain">
  619.  
  620. <div class="imgg">
  621. <img src="{image:Image 1}">
  622. <img src="{image:Image 2}">
  623. <img src="{image:Image 3}">
  624. </div>
  625.  
  626. <div class="container">
  627. <div class="tcontainer"><a href="/">{Title}</a></div>
  628. <div class="desc">
  629. {Description}
  630. </div>
  631. </div>
  632.  
  633. <div id="circle">
  634. <a href="/archive" class="masterTooltip" title= "archive" /><div class="circle"></div></a>
  635. {block:AskEnabled}<a href="/ask" class="masterTooltip" title= "ask" /><div class="circle"></div></a>{/block:AskEnabled}
  636. {block:SubmissionsEnabled}<a href="/submit" class="masterTooltip" title= "submit" /><div class="circle"></div></a>{/block:SubmissionsEnabled}
  637. <a href="{text:Link 1}" class="masterTooltip" title= "{text:Link 1 Title}" /><div class="circle"></div></a>
  638. <a href="{text:Link 2}" class="masterTooltip" title= "{text:Link 2 Title}" /><div class="circle"></div></a>
  639. <a href="{text:Link 3}" class="masterTooltip" title= "{text:Link 3 Title}" /><div class="circle"></div></a>
  640. {block:IfShowLink4}<a href="{text:Link 4}" class="masterTooltip" title= "{text:Link 4 Title}" /><div class="circle"></div></a>{/block:IfShowLink4}
  641. </div>
  642.  
  643. {block:Pagination}
  644. <div id="pag">
  645. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}
  646. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  647. </div>
  648. {/block:Pagination}
  649.  
  650. </div></div>
  651.  
  652. <!------------CODE BY STRIVEATTEMPTFAIL, please don't steal------------>
  653.  
  654. {block:Posts}
  655. <div id="post">
  656.  
  657. {block:Text}
  658. <div class="post">
  659. {block:Title}
  660. <div class="titles">{Title}</div>
  661. {/block:Title}
  662. {Body}
  663. </div>
  664. {/block:Text}
  665.  
  666. {block:Photo}
  667. <div class="photo">
  668. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
  669. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  670. </div>
  671. {/block:Photo}
  672.  
  673. {block:Photoset}
  674. <div class="photoset">
  675. {Photoset-500}
  676. </div>
  677. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  678. {/block:Photoset}
  679.  
  680. {block:Panorama}
  681. <div class="photo">
  682. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}
  683. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  684. </div>
  685. {/block:Panorama}
  686.  
  687. {block:Quote}
  688. <div class="quote">
  689. <h2>"{Quote}"</h2>
  690. {block:Source}<div class="quote_source">&mdash; {Source}</div>{/block:Source}
  691. </div>
  692. {/block:Quote}
  693.  
  694. {block:Link}
  695. <div class="post_link">
  696. <div class="link">
  697. <h2><a href="{URL}" {Target} target="_blank">{Name}</a></h2>
  698. {block:Excerpt} {Excerpt} {/block:Excerpt}{block:Author} &harr; (via {Author}) {/block:Author}
  699. </div>
  700. {block:Description}
  701. {Description}
  702. {/block:Description}
  703. </div>
  704. {/block:Link}
  705.  
  706. {block:Chat}
  707. <div class="chat">
  708. {block:Title}
  709. <h2>{Title}</h2>
  710. {/block:Title}
  711.  
  712. <ul class="chat">
  713. {block:Lines}
  714. <li>
  715. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  716. </li>
  717. {/block:Lines}
  718. </ul></div>
  719. {/block:Chat}
  720.  
  721. {block:Audio}
  722. <div class="post">
  723. <div class="audvid">{AudioEmbed}</div>
  724. {block:Caption}{Caption}{/block:Caption}
  725. </div>
  726. {/block:Audio}
  727.  
  728. {block:Video}
  729. <div class="post">
  730. <div class="audvid">{Video-500}</div>
  731. {block:Caption}{Caption}{/block:Caption}
  732. </div>
  733. {/block:Video}
  734.  
  735. <!------------CODE BY STRIVEATTEMPTFAIL, please don't steal------------>
  736.  
  737. {block:Answer}
  738. <div id="question">
  739. <div class="asker">{Asker} said:</div><div class="question">{Question}</div>
  740. </div>
  741.  
  742. {block:Answerer}
  743. <div id="answer">
  744. <div class="answerer">{Answerer} answered:</div>
  745. <div class="answers">{Answer}</div>
  746. </div>
  747. {/block:Answerer}
  748.  
  749. <div id="replies">
  750. {Replies}
  751. </div>
  752. {/block:Answer}
  753.  
  754. {block:HasTags}
  755. <div id="footer">
  756.  
  757. {block:Tags}
  758. <a href="{TagURL}">#{Tag}</a>
  759. {/block:Tags}
  760.  
  761. </div>
  762. {/block:HasTags}
  763.  
  764. <div id="perma">
  765. <a href="{Permalink}" title="{block:Date} {DayOfMonthWithZero} / {ShortMonth} / {ShortYear} {/block:Date}" class="masterTooltip"><div class="circle"></div></a>
  766.  
  767. {block:NoteCount}<a href="{Permalink}#postnotes" title="{NoteCountWithLabel}" class="masterTooltip"><div class="circle"></div></a>{/block:NoteCount}
  768.  
  769. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via {ReblogParentName}" class="masterTooltip"><div class="circle"></div></a>{/block:RebloggedFrom}
  770.  
  771. {block:ContentSource}<a href="{SourceURL}" title="from {SourceTitle}" class="masterTooltip"><div class="circle"></div></a>{/block:ContentSource}
  772. </div>
  773.  
  774. </div>
  775. {/block:Posts}
  776.  
  777. <!------------CODE BY STRIVEATTEMPTFAIL, please don't steal------------>
  778.  
  779. {block:PostNotes}
  780. <div id="postnotes">
  781. <div class="notecontainer">{PostNotes-16}</div>
  782. </div>
  783. {/block:PostNotes}
  784.  
  785. <!-----------------THEME CREDIT, please don't remove!----------------->
  786. <div id="foo"><a href="http://striveattemptfail.tumblr.com" target="_blank">&#9903; theme</a></div>
  787. </div>
  788.  
  789. </body>
  790. </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!