API tools faq
paste
Advertisement
TOVThemes

Theme #06 - Cannibal

TOVThemes
Feb 10th, 2014
1,684
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.73 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4.  
  5. <!-----------------------------------------------
  6.  
  7.  
  8.  
  9. THEME #06 - CANNIBAL THEME
  10. MADE BY: tovthemes.tumblr.com
  11.  
  12. >DO NOT USE AS A BASE CODE
  13. >DO NOT CLAIM AS YOUR OWN
  14. >DO NOT USE BITS OF CODE AS YOUR OWN
  15. >DO NOT REDISTRIBUTE
  16. >DO NOT MOVE/REMOVE CREDIT
  17.  
  18.  
  19.  
  20. ----------------------------------------------->
  21.  
  22.  
  23. <head>
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}
  28. <meta name="description" content="{MetaDescription}" />
  29. {/block:Description}
  30.  
  31. <!-- META -->
  32. <meta charset="utf-8">
  33.  
  34. <meta name="if:BackgroundRepeat" content="1"/>
  35. <meta name="if:1Column" content=""/>
  36. <meta name="if:3Column" content=""/>
  37.  
  38. <meta name="image:Header" content=""/>
  39. <meta name="image:Background" content=""/>
  40.  
  41. <meta name="color:Background" content="#051841"/>
  42. <meta name="color:Header" content="#D4D9DA"/>
  43. <meta name="color:Blog Title" content="#000"/>
  44. <meta name="color:Header Link" content="#0B348D"/>
  45. <meta name="color:Post" content="#D4D9DA"/>
  46. <meta name="color:Post Text" content="#000"/>
  47. <meta name="color:Post Link" content="#0B348D"/>
  48. <meta name="color:Chat" content="#EEE"/>
  49. <meta name="color:Chat Text" content="#000"/>
  50.  
  51. <meta name="text:Link 1 Title" content=""/>
  52. <meta name="text:Link 1 URL" content=""/>
  53. <meta name="text:Link 2 Title" content=""/>
  54. <meta name="text:Link 2 URL" content=""/>
  55. <meta name="text:Link 3 Title" content=""/>
  56. <meta name="text:Link 3 URL" content=""/>
  57. <meta name="text:Link 4 Title" content=""/>
  58. <meta name="text:Link 4 URL" content=""/>
  59.  
  60. <!-- END META -->
  61.  
  62. <style type="text/css">
  63. .linkico {
  64. font-size: 14px;
  65. margin-left:-1.1em;
  66. margin-top:1.3em;
  67. width: 0.5em;
  68. height: 1em;
  69. border: 0.250em solid {color:Post Link};
  70. border-bottom-left-radius: 1em 1em;
  71. border-bottom-right-radius: 1em 1em;
  72. border-top-left-radius: 0.5em;
  73. border-top-right-radius: 0.5em;
  74. bottom: 0.188em;
  75. border-top: solid 0em transparent;
  76. position: relative;
  77. -webkit-transform: rotate(45deg);
  78. -moz-transform: rotate(45deg);
  79. -o-transform: rotate(45deg);
  80. -ms-transform: rotate(45deg);
  81. transform: rotate(45deg);
  82. }
  83.  
  84. .linkico:before {
  85. content: '';
  86. display: block;
  87. width: 0.5em;
  88. top: -1.4em;
  89. left: -0.23em;
  90. height: 1em;
  91. border: 0.250em solid {color:Post Link};
  92. border-bottom-left-radius: 1em 1em;
  93. border-bottom-right-radius: 1em 1em;
  94. border-top-left-radius: 0.5em;
  95. border-top-right-radius: 0.5em;
  96. bottom: 0.188em;
  97. border-top: solid 0em transparent;
  98. position: absolute;
  99.  
  100. -webkit-transform: rotate(180deg);
  101. -moz-transform: rotate(180deg);
  102. -o-transform: rotate(180deg);
  103. -ms-transform: rotate(180deg);
  104. transform: rotate(180deg);
  105. }
  106.  
  107. .linkico:after {
  108. content: '';
  109. position: absolute;
  110. display: block;
  111. width: 0.2em;
  112. top: -0.6em;
  113. left: 0.13em;
  114. height: 1em;
  115. border-radius: 1em;
  116. background: {color:Post Link};
  117. -webkit-transform: rotate(180deg);
  118. -moz-transform: rotate(180deg);
  119. -o-transform: rotate(180deg);
  120. -ms-transform: rotate(180deg);
  121. transform: rotate(180deg);
  122. }
  123.  
  124. .arrowup {
  125. background: {color:Post};
  126. font-size: 12px;
  127. position: relative;
  128. width: 1em;
  129. height: 1em;
  130. margin-top: 1em;
  131. }
  132.  
  133. .arrowup::before {
  134. bottom: 0.8em;
  135. left: -0.666em;
  136. position: absolute;
  137. border-left: 1.2em solid rgba(44, 44, 44, 0);
  138. border-right: 1.2em solid rgba(44, 44, 44, 0);
  139. border-bottom: 1em solid {color:Post};
  140. content: "";
  141. }
  142.  
  143. ::-webkit-scrollbar{
  144. width: 12px;
  145. height: 12px;
  146. }
  147.  
  148. ::-webkit-scrollbar-thumb{
  149. background-color: {color:Post Link};
  150. border: 2px solid {color:Post};
  151. }
  152.  
  153. ::-webkit-scrollbar-track{
  154. background-color: {color:Post};
  155. }
  156.  
  157. ::-webkit-scrollbar-corner{
  158. background-color: {color:Post};
  159. }
  160.  
  161. body{
  162. margin: 0px;
  163. font-family: source-sans-pro, sans-serif;
  164. color: {color:Post Text};
  165. background-color: {color:Background};
  166.  
  167. background-image: url({image:Background});
  168. background-size: cover;
  169. background-repeat: no-repeat;
  170. background-attachment: fixed;
  171.  
  172. {block:ifBackgroundRepeat}
  173. background-size: auto auto;
  174. background-repeat: repeat;
  175. background-attachment: fixed;
  176. {/block:ifBackgroundRepeat}
  177. }
  178.  
  179. li{
  180. list-style-type: square;
  181. }
  182.  
  183. a{
  184. text-decoration: none;
  185. color: {color:Post Link};
  186. }
  187.  
  188. .hpic{
  189. height: 500px;
  190. background-image: url({image:Header});
  191. background-size: cover;
  192. background-repeat: no-repeat;
  193. background-position: center;
  194. }
  195.  
  196. .hbar{
  197. padding: 30px;
  198. text-align: center;
  199. background-color: {color:Header};
  200. }
  201.  
  202. .htitle{
  203. margin: 0px 20px 0px 0px;
  204. font-weight: bold;
  205. font-size: 18px;
  206. color: {color:Blog Title};
  207. }
  208.  
  209. .hlinks li{
  210. display: inline;
  211. padding: 10px;
  212. color: {color:Header Link};
  213. transition: all 0.5s ease-in-out;
  214. -moz-transition: all 0.5s ease-in-out;
  215. -webkit-transition: all 0.5s ease-in-out;
  216. -o-transition: all 0.5s ease-in-out;
  217. }
  218.  
  219. .hlinks li:hover{
  220. background-color: {color:Header Link};
  221. color: {color:Header};
  222. transition: all 0.5s ease-in-out;
  223. -moz-transition: all 0.5s ease-in-out;
  224. -webkit-transition: all 0.5s ease-in-out;
  225. -o-transition: all 0.5s ease-in-out;
  226. }
  227.  
  228. .lightbox{
  229. display:none;
  230. }
  231.  
  232. .lightbox:target{
  233. display: block;
  234. }
  235.  
  236. .lb{
  237. width: 100%;
  238. height: 50000px;
  239. position: fixed;
  240. background: rgba(0,0,0,.7);
  241. z-index: 1000;
  242. }
  243.  
  244. .abox{
  245. position: fixed;
  246. width: 300px;
  247. height: 300px;
  248. margin-left: 40%;
  249. margin-top: 10%;
  250. padding: 10px;
  251. background-color: {color:Post};
  252. z-index: 1000;
  253. }
  254.  
  255. .lightbox h3{
  256. text-align: center;
  257. color: {color:Post Link};
  258. }
  259.  
  260. .lightbox p{
  261. width: 100%;
  262. height: 230px;
  263. overflow-y: auto;
  264. }
  265.  
  266. .lightbox #close {
  267. background-color: transparent;
  268. z-index: 10000;
  269. color: #fff000;
  270. }
  271.  
  272. .close{
  273. position: absolute;
  274. right: 10px;
  275. padding: 0px 10px;
  276. font-size: 20px;
  277. color: {color:Post Link};
  278. transition: all 0.5s ease-in-out;
  279. -moz-transition: all 0.5s ease-in-out;
  280. -webkit-transition: all 0.5s ease-in-out;
  281. -o-transition: all 0.5s ease-in-out;
  282. }
  283.  
  284. .close:hover{
  285. background-color: {color:Post Link};
  286. color: {color:Post};
  287. transition: all 0.5s ease-in-out;
  288. -moz-transition: all 0.5s ease-in-out;
  289. -webkit-transition: all 0.5s ease-in-out;
  290. -o-transition: all 0.5s ease-in-out;
  291. }
  292.  
  293. #content{
  294. margin: 40px auto;
  295.  
  296. {block:ifNot1Column}
  297. width: 1120px;
  298. {/block:ifNot1Column}
  299.  
  300. {block:ifNot3Column}
  301. width: 1120px;
  302. {/block:ifNot3Column}
  303.  
  304. {block:if1Column}
  305. width: 520px;
  306. {/block:if1Column}
  307.  
  308. {block:if3Column}
  309. width: 930px;
  310. {/block:if3Column}
  311.  
  312. {block:PermalinkPage}
  313. width: 520px;
  314. {/block:PermalinkPage}
  315. }
  316.  
  317. .post{
  318. width: 500px;
  319. margin-bottom: 40px;
  320. padding: 10px;
  321. background-color: {color:Post};
  322.  
  323. {block:ifNot1Column}
  324. margin-right: 40px;
  325. float: left;
  326. {/block:ifNot1Column}
  327.  
  328. {block:if1Column}
  329. margin-right: 0px;
  330. {/block:if1Column}
  331.  
  332. {block:if3Column}
  333. width: 250px;
  334. {/block:if3Column}
  335.  
  336. {block:PermalinkPage}
  337. width: 500px;
  338. float: none;
  339. position: relative!important;
  340. {/block:PermalinkPage}
  341. }
  342.  
  343. .ptitle, .ctitle{
  344. font-size: 24px;
  345. text-align: center;
  346. }
  347.  
  348. .post img{
  349. max-width: 100%;
  350. }
  351.  
  352. .pp{
  353. width: 100%;
  354. }
  355.  
  356. .quote, .source{
  357. text-align: center;
  358. }
  359.  
  360. .link{
  361. margin-top: 0px;
  362. padding: 20px;
  363. background-color: {color:Post};
  364. color: {color:Post Link};
  365. transition: all 0.5s ease-in-out;
  366. -moz-transition: all 0.5s ease-in-out;
  367. -webkit-transition: all 0.5s ease-in-out;
  368. -o-transition: all 0.5s ease-in-out;
  369. }
  370.  
  371. .link:hover{
  372. background-color: {color:Post Link};
  373. color: {color:Post};
  374. transition: all 0.5s ease-in-out;
  375. -moz-transition: all 0.5s ease-in-out;
  376. -webkit-transition: all 0.5s ease-in-out;
  377. -o-transition: all 0.5s ease-in-out;
  378. }
  379.  
  380. .linkico{
  381. margin-right: 20px;
  382. float: left;
  383. font-size: 9px;
  384. color: {color:Post Link};
  385. transition: all 0.5s ease-in-out;
  386. -moz-transition: all 0.5s ease-in-out;
  387. -webkit-transition: all 0.5s ease-in-out;
  388. -o-transition: all 0.5s ease-in-out;
  389. }
  390.  
  391. .linkico:hover{
  392. color: {color:Post};
  393. transition: all 0.5s ease-in-out;
  394. -moz-transition: all 0.5s ease-in-out;
  395. -webkit-transition: all 0.5s ease-in-out;
  396. -o-transition: all 0.5s ease-in-out;
  397. }
  398.  
  399. .chat li{
  400. margin-bottom: 10px;
  401. padding: 20px 10px;
  402. list-style-type: none;
  403. background-color: {color:Chat};
  404. color: {color:Chat Text};
  405. }
  406.  
  407. .chat li:last-child{
  408. margin-bottom: 0px;
  409. }
  410.  
  411. .chat .label{
  412. font-weight: bold;
  413. }
  414.  
  415. .askerquestion, .answereranswer{
  416. padding: 5px 10px;
  417. background-color: {color:Chat};
  418. color: {color:Chat Text};
  419. }
  420.  
  421. .pointy{
  422. margin-top: -22px;
  423. margin-left: 10px;
  424. font-size: 40px;
  425. color: {color:Chat};
  426. }
  427.  
  428. .askerinfo, .answererinfo{
  429. margin-left: 20px;
  430. }
  431.  
  432. .askerinfo{
  433. margin-bottom: 10px;
  434. }
  435.  
  436. .askeravatar, .answereravatar{
  437. width: 24px;
  438. height: 24px;
  439. }
  440.  
  441. .asker, .answerer{
  442. vertical-align: super;
  443. }
  444.  
  445. blockquote{
  446. margin: 0px 0px 0px 15px;
  447. padding-left: 5px;
  448. border-left: 1px solid {color:Post Text};
  449. max-width: 100%;
  450. }
  451.  
  452. blockquote img{
  453. max-width: 100%;
  454. }
  455.  
  456. .indexnote{
  457. padding-top: 10px;
  458. }
  459.  
  460. .indexnote a{
  461. padding: 10px;
  462. transition: all 0.5s ease-in-out;
  463. -moz-transition: all 0.5s ease-in-out;
  464. -webkit-transition: all 0.5s ease-in-out;
  465. -o-transition: all 0.5s ease-in-out;
  466. }
  467.  
  468. .indexnote a:hover{
  469. background-color: {color:Post Link};
  470. color: {color:Post};
  471. transition: all 0.5s ease-in-out;
  472. -moz-transition: all 0.5s ease-in-out;
  473. -webkit-transition: all 0.5s ease-in-out;
  474. -o-transition: all 0.5s ease-in-out;
  475. }
  476.  
  477. .time{
  478. float: left;
  479. }
  480.  
  481. .hearts{
  482. float: right;
  483. }
  484.  
  485. .permatags{
  486. padding-top: 20px;
  487. clear: both;
  488. line-height: 25px;
  489. }
  490.  
  491. .permatags span{
  492. border-top: 1px solid {color:Post};
  493. border-bottom: 1px solid {color:Post};
  494. transition: all 0.5s ease-in-out;
  495. -moz-transition: all 0.5s ease-in-out;
  496. -webkit-transition: all 0.5s ease-in-out;
  497. -o-transition: all 0.5s ease-in-out;
  498. }
  499.  
  500. .permatags span:hover{
  501. border-top: 1px solid {color:Post Link};
  502. border-bottom: 1px solid {color:Post Link};
  503. transition: all 0.5s ease-in-out;
  504. -moz-transition: all 0.5s ease-in-out;
  505. -webkit-transition: all 0.5s ease-in-out;
  506. -o-transition: all 0.5s ease-in-out;
  507. }
  508.  
  509. .tagspan{
  510. margin-right: 10px;
  511. }
  512.  
  513. .permanotes{
  514. padding: 10px;
  515. color: {color:Post};
  516. }
  517.  
  518. .permanotes a{
  519. color: {color:Post};
  520. }
  521.  
  522. .permanotes ol{
  523. padding: 0px;
  524. margin: 0px;
  525. list-style-type: none;
  526. }
  527.  
  528. .permanotes li{
  529. margin-bottom: 20px;
  530. list-style-type: none;
  531. }
  532.  
  533. .permanotes .action{
  534. vertical-align: super;
  535. }
  536.  
  537. .permanotes img{
  538. width: 20px;
  539. height: 20px;
  540. margin-right: 5px;
  541. }
  542.  
  543. .permanotes blockquote{
  544. border-left: 1px solid {color:Post};
  545. }
  546.  
  547. /* SCROLL TO TOP */
  548. .scrollup{
  549. bottom: 30px;
  550. right: 30px;
  551. position: fixed;
  552. text-decoration: none;
  553. color: {color:Post};
  554. transition: all 0.9s ease;
  555. -moz-transition: all 0.9s ease;
  556. -webkit-transition: all 0.9s ease;
  557. -o-transition: all 0.9s ease;
  558. }
  559.  
  560. #tov{
  561. position: fixed;
  562. bottom: 0px;
  563. left: -78px;
  564. padding: 0px 5px;
  565. z-index: 100000;
  566. text-decoration: none;
  567. font-size: 16px;
  568. font-family: 'Alegreya Sans SC', sans-serif;
  569. background-color: {color:Post};
  570. color: {color:Post Link};
  571. transition: all 0.7s ease-in-out;
  572. -moz-transition: all 0.7s ease-in-out;
  573. -webkit-transition: all 0.7s ease-in-out;
  574. -o-transition: all 0.7s ease-in-out;
  575. }
  576.  
  577. #tov:hover{
  578. left: 0px;
  579. transition: all 0.7s ease-in-out;
  580. -moz-transition: all 0.7s ease-in-out;
  581. -webkit-transition: all 0.7s ease-in-out;
  582. -o-transition: all 0.7s ease-in-out;
  583. }
  584.  
  585. .pagination {
  586. display: none;
  587. }
  588.  
  589. {CustomCSS}
  590. </style>
  591.  
  592. <!-- Fonts -->
  593. <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC|Alegreya+Sans' rel='stylesheet' type='text/css'>
  594. <script src="//use.edgefonts.net/source-sans-pro.js"></script>
  595.  
  596. <!-- Masonry & Infinite Scroll -->
  597. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  598. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  599. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  600.  
  601. <script>
  602. $(function(){
  603. var $container = $('#content');
  604. $container.imagesLoaded(function(){
  605. $container.masonry({
  606. itemSelector: '.post',
  607. });
  608. });
  609. $container.infinitescroll({
  610. itemSelector : ".post",
  611. navSelector : "div.pagination",
  612. nextSelector : ".pagination a#next",
  613. loadingImg : "",
  614. loadingText : "<em></em>",
  615. bufferPx : 10000,
  616. extraScrollPx: 12000,
  617. },
  618. // trigger Masonry as a callback
  619. function( newElements ) {
  620. var $newElems = $( newElements ).css({ opacity: 0 });
  621. // ensure that images load before adding to masonry layout
  622. $newElems.imagesLoaded(function(){
  623. $newElems.animate({ opacity: 1 });
  624. $container.masonry( 'appended', $newElems, true );
  625. });
  626. }
  627. );
  628. });
  629. </script>
  630.  
  631. <!-- Scroll To Top -->
  632. <script>
  633. //***********************************************
  634. //* Scroll to Top link- By Dynamic Drive (www.dynamicdrive.com)
  635. //* Visit http://www.dynamicdrive.com/ for this script and 100s more.
  636. //***********************************************/
  637.  
  638.  
  639.  
  640. function dd_scrolltotop(duration){
  641. duration = duration || 500
  642. var rootel = (document.compatMode =="BackCompat")? document.body : document.documentElement
  643. if (rootel.scrollTop == 0) // in some browsers such as Chrome, use document.body instead of document.documentElement
  644. rootel = document.body
  645. var curscrolltop = rootel.scrollTop, scrolltimer, elapsedtime, starttime = new Date().getTime(), animatedegree = 0
  646. var totaldis = curscrolltop
  647. clearTimeout(scrolltimer)
  648. function jumptop(){
  649. elapsedtime = new Date().getTime() - starttime
  650. if (elapsedtime < duration){
  651. rootel.scrollTop = totaldis - (totaldis * (1-Math.cos((elapsedtime/duration)*Math.PI)) / 2)
  652. scrolltimer = setTimeout(function(){jumptop()}, 10)
  653. }
  654. }
  655. jumptop()
  656. }
  657. </script>
  658.  
  659. </head>
  660.  
  661. <body>
  662.  
  663. <div href="#" class="lightbox" id="aboutbox">
  664. <div class="lb"></div>
  665. <div class="abox">
  666. <a href="#close" class="close" title="close window">x</a>
  667. <h3>About</h3>
  668. <p>{Description}</p>
  669. <span id="close"></span>
  670. </div>
  671. </div>
  672.  
  673. <div id="header">
  674. <div class="hpic"></div>
  675. <div class="hbar">
  676. <span class="htitle">{Title}</span>
  677. <span class="hlinks">
  678. <a href="/"><li>Home</li></a>
  679.  
  680. <a href="#aboutbox"><li>About</li></a>
  681.  
  682. {block:AskEnabled}
  683. <a href="/ask"><li>{AskLabel}</li></a>
  684. {/block:AskEnabled}
  685.  
  686. {block:SubmissionsEnabled}
  687. <a href="/submit"><li>{SubmitLabel}</li></a>
  688. {/block:SubmissionsEnabled}
  689.  
  690. {block:ifLink1Title}
  691. <a href="{text:Link 1 URL}"><li>{text:Link 1 Title}</li></a>
  692. {/block:ifLink1Title}
  693.  
  694. {block:ifLink2Title}
  695. <a href="{text:Link 2 URL}"><li>{text:Link 2 Title}</li></a>
  696. {/block:ifLink2Title}
  697.  
  698. {block:ifLink3Title}
  699. <a href="{text:Link 3 URL}"><li>{text:Link 3 Title}</li></a>
  700. {/block:ifLink3Title}
  701.  
  702. {block:ifLink4Title}
  703. <a href="{text:Link 4 URL}"><li>{text:Link 4 Title}</li></a>
  704. {/block:ifLink4Title}
  705. </span>
  706. </div>
  707. </div>
  708.  
  709. <div id="content">
  710. {block:Posts}
  711. <div class="post">
  712. {block:Text}
  713. <div class="textp">
  714. {block:Title}
  715. <h3 class="ptitle"><a href="{Permalink}">{Title}</a></h3>
  716. {/block:Title}
  717.  
  718. {Body}
  719. </div>
  720. {/block:Text}
  721.  
  722. {block:Photo}
  723. {LinkOpenTag}
  724. <img class="pp" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  725. {LinkCloseTag}
  726.  
  727. {block:Caption}
  728. <div class="caption">{Caption}</div>
  729. {/block:Caption}
  730. {/block:Photo}
  731.  
  732. {block:Panorama}
  733. {LinkOpenTag}
  734. <img class="pp" src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  735. {LinkCloseTag}
  736.  
  737. {block:Caption}
  738. <div class="caption">{Caption}</div>
  739. {/block:Caption}
  740. {/block:Panorama}
  741.  
  742. {block:Photoset}
  743. {block:ifNot3Column}
  744. {block:IndexPage}
  745. {Photoset-500}
  746. {/block:IndexPage}
  747. {/block:ifNot3Column}
  748.  
  749. {block:if3Column}
  750. {block:IndexPage}
  751. {Photoset-250}
  752. {/block:IndexPage}
  753. {/block:if3Column}
  754.  
  755. {block:PermalinkPage}
  756. {Photoset-500}
  757. {/block:PermalinkPage}
  758.  
  759. {block:Caption}
  760. <div class="caption">{Caption}</div>
  761. {/block:Caption}
  762. {/block:Photoset}
  763.  
  764. {block:Quote}
  765. <div class="textp">
  766. <h1 class="quote">{Quote}</h1>
  767.  
  768. {block:Source}
  769. <div class="source"><em><h2>&#8212;{Source}</h2></em></div>
  770. {/block:Source}
  771. </div>
  772. {/block:Quote}
  773.  
  774. {block:Link}
  775. <a class="linklink" href="{URL}" {Target}><h3 class="link"><div class="linkico"></div> {Name}</h3></a>
  776.  
  777. {block:Description}
  778. <div class="linkcaption">{Description}</div>
  779. {/block:Description}
  780. {/block:Link}
  781.  
  782. {block:Chat}
  783. {block:Title}
  784. <h3 class="ctitle"><a href="{Permalink}">{Title}</a></h3>
  785. {/block:Title}
  786.  
  787. <div class="chat">
  788. {block:Lines}
  789. <li class="{Alt} user_{UserNumber}">
  790. {block:Label}
  791. <span class="label">{Label}</span>
  792. {/block:Label}
  793.  
  794. {Line}
  795. </li>
  796. {/block:Lines}
  797. </div>
  798. {/block:Chat}
  799.  
  800. {block:Video}
  801. {block:ifNot3Column}
  802. {block:IndexPage}
  803. {Video-500}
  804. {/block:IndexPage}
  805. {/block:ifNot3Column}
  806.  
  807. {block:if3Column}
  808. {block:IndexPage}
  809. {Video-250}
  810. {/block:IndexPage}
  811. {/block:if3Column}
  812.  
  813. {block:PermalinkPage}
  814. {Video-500}
  815. {/block:PermalinkPage}
  816.  
  817. {block:Caption}
  818. <div class="caption">{Caption}</div>
  819. {/block:Caption}
  820. {/block:Video}
  821.  
  822. {block:Audio}
  823. {block:ifNot3Column}
  824. {block:IndexPage}
  825. {AudioEmbed-500}
  826. {/block:IndexPage}
  827. {/block:ifNot3Column}
  828.  
  829. {block:if3Column}
  830. {block:IndexPage}
  831. {AudioEmbed-250}
  832. {block:IndexPage}
  833. {/block:if3Column}
  834.  
  835. {block:PermalinkPage}
  836. {AudioEmbed-500}
  837. {/block:PermalinkPage}
  838.  
  839. {block:Caption}
  840. <div class="caption">{Caption}</div>
  841. {/block:Caption}
  842. {/block:Audio}
  843.  
  844. {block:Answer}
  845. <div class="textp">
  846. <div class="question">
  847. <div class="askerquestion"><p>{Question}</p></div>
  848. <div class="pointy">▼</div>
  849. <div class="askerinfo">
  850. <img class="askeravatar" src="{AskerPortraitURL-128}" alt="">
  851. <strong class="asker">{Asker}</strong>
  852. </div>
  853. </div>
  854.  
  855. {block:Answerer}
  856. <div class="answer">
  857. <div class="answereranswer">{Answer}</div>
  858. <div class="pointy">▼</div>
  859. <div class="answererinfo">
  860. <img class="answereravatar" src="{AnswererPortraitURL-128}" alt="">
  861. <strong class="answerer">{Answerer}</strong>
  862. </div>
  863. </div>
  864. {/block:Answerer}
  865.  
  866. <div class="replies">
  867. {Replies}
  868. </div>
  869. </div>
  870. {/block:Answer}
  871.  
  872. {block:IndexPage}
  873. <div class="indexnote">
  874. <a class="time" href="{Permalink}">{TimeAgo}</a><a class="hearts" href="{Permalink}">{NoteCountWithLabel}</a>
  875. </div>
  876. {/block:IndexPage}
  877.  
  878. {block:Date}
  879. {block:PermalinkPage}
  880. <div class="indexnote">
  881. <a class="time" href="{Permalink}">{TimeAgo}</a><a class="hearts" href="{Permalink}">{NoteCountWithLabel}</a>
  882. </div>
  883.  
  884. <div class="permatags">
  885. {block:HasTags}
  886. {block:Tags}
  887. <a href="{TagURL}" class="tags"><span class="tagspan">{Tag}</span></a>
  888. {/block:Tags}
  889. {/block:HasTags}
  890. </div>
  891.  
  892. {/block:PermalinkPage}
  893. {/block:Date}
  894. </div>
  895.  
  896. {block:Date}
  897. {block:PermalinkPage}
  898. {block:PostNotes}
  899. <div class="permanotes">
  900. {PostNotes-64}
  901. </div>
  902. {/block:PostNotes}
  903. {/block:PermalinkPage}
  904. {/block:Date}
  905.  
  906. {/block:Posts}
  907. </div>
  908.  
  909. <div class="pagination">
  910. {block:Pagination}
  911. {block:PreviousPage}
  912. <a href="{PreviousPage}">previous</a> &middot;
  913. {/block:PreviousPage}
  914.  
  915. {block:NextPage}
  916. <a href="{NextPage}" id="next">next</a>
  917. {/block:NextPage}
  918. {/block:Pagination}
  919. </div>
  920.  
  921. <a class="scrollup" href="javascript:dd_scrolltotop()"><div class="arrowup"></div></a>
  922.  
  923. <a href="http://tovthemes.tumblr.com/"><span id="tov">tovthemes &copy;</span></a> <!-- DO NOT MOVE -->
  924.  
  925. </body>
  926. </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!