API tools faq
paste
Advertisement
thehiddenwill-themes

Theme 24.

thehiddenwill-themes
Apr 20th, 2014
608
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.49 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--
  6. THEME 24
  7. made by the-hidden-will.tumblr.com
  8. -->
  9.  
  10. <html>
  11. <head>
  12.  
  13. <title>{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}"/>
  19. {/block:Description}
  20.  
  21. <meta name="image:Background" content=""/>
  22.  
  23. <meta name="if:Infinite Scroll" content="0"/>
  24. <meta name="if:Show Captions" content="1"/>
  25. <meta name="if:Show Tags" content="1"/>
  26.  
  27. <meta name="text:Link 1" content=""/>
  28. <meta name="text:Link 1 URL" content=""/>
  29. <meta name="text:Link 2" content=""/>
  30. <meta name="text:Link 2 URL" content=""/>
  31. <meta name="text:Link 3" content=""/>
  32. <meta name="text:Link 3 URL" content=""/>
  33.  
  34. <!-- END DEFAULT VARIABLES -->
  35.  
  36. <style type="text/css">
  37.  
  38. /* CSS */
  39.  
  40. /*POST EFFECTS*/
  41.  
  42. .photo {
  43. filter: url("data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org /2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  44. filter: gray; /* IE6-9 */
  45. -webkit-filter: grayscale(0.5);
  46. -webkit-transition: all 0.5s ease-in-out;
  47. -moz-transition: all 0.5s ease-in-out;
  48. -o-transition: all 0.5s ease-in-out;
  49. -ms-transition: all 0.5s ease-in-out;
  50. transition: all 0.5s ease-in-out;
  51. }
  52.  
  53. .photo:hover{
  54. filter: none;
  55. -webkit-filter: grayscale(0.95);
  56. -webkit-transition: all 0.7s ease-in-out;
  57. -moz-transition: all 0.7s ease-in-out;
  58. -o-transition: all 0.7s ease-in-out;
  59. }
  60.  
  61. /*TUMBLR CONTROLS*/
  62.  
  63. iframe#tumblr_controls {
  64. z-index:999999;
  65. position:fixed!important;
  66. opacity:0;
  67. -webkit-filter:invert(1);
  68. filter:alpha(opacity=0);
  69. -webkit-filter:invert(100%);
  70. -moz-filter:invert(100%);
  71. -o-filter:invert(100%);
  72. -ms-filter:invert(100%);
  73. filter:invert(100%);
  74. -moz-opacity: 0;
  75. -khtml-opacity: 0;
  76. -webkit-transition: all 0.9s ease;
  77. -moz-transition: all 0.9s ease;
  78. -o-transition: all 0.9s ease;
  79. }
  80.  
  81. iframe#tumblr_controls:hover{
  82. opacity:1;
  83. filter:alpha(opacity=100);
  84. -moz-opacity: 1;
  85. -khtml-opacity: 1;
  86. -webkit-transition: all 0.9s ease;
  87. -moz-transition: all 0.9s ease;
  88. -o-transition: all 0.9s ease;
  89. }
  90.  
  91. /*SELECTION*/
  92.  
  93. ::selection {
  94. background:#cb0000;
  95. color: #fff;
  96. }
  97.  
  98. ::-moz-selection {
  99. background:#cb0000;
  100. color: #fff;
  101. }
  102.  
  103. /*SCROLLBAR*/
  104.  
  105. ::-webkit-scrollbar-thumb:vertical {
  106. background: #000;
  107. border: 5px solid #fff;
  108. height: 60px;
  109. }
  110.  
  111. ::-webkit-scrollbar-thumb:vertical:hover {
  112. background: #000;
  113. border: 5px solid #fff; }
  114.  
  115. ::-webkit-scrollbar-thumb:vertical:active {
  116. background:#000;
  117. border: 5px solid #fff; }
  118.  
  119. ::-webkit-scrollbar {
  120. height: 10px;
  121. width: 15px;
  122. background: #fff;
  123. }
  124.  
  125. /*FONT-FACES*/
  126.  
  127. @font-face {
  128. font-family:'pixel';
  129. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf');
  130. }
  131.  
  132. @font-face {
  133. font-family:Mrs Kichinto;
  134. src:url(http://static.tumblr.com/aegsbm3/vMfn0at6t/mrs_kichinto_6px.ttf);}
  135.  
  136. /*BODY*/
  137.  
  138. body {
  139. font-family:Mrs Kichinto;
  140. font-size:8px;
  141. color:#000000;
  142. text-transform:normal;
  143. letter-spacing:0px;
  144. font-weight:normal;
  145. font-style:normal;
  146. margin:0px;
  147. margin-top:0px;
  148. margin-left:0px;
  149. line-height:140%;
  150. background:#fff;
  151. background-attachment:fixed;
  152. background-repeat:repeat;
  153. background-image:url('{image:Background}');
  154. }
  155.  
  156. *, body, a, a:hover {
  157. cursor: url(http://static.tumblr.com/aegsbm3/YRfn0atcs/cursor__4_.gif),auto;
  158. }
  159.  
  160. a {
  161. color:#000;
  162. text-decoration:none;
  163. }
  164.  
  165. a:hover{
  166. color: #fff;
  167. background:#000;
  168. padding-bottom:1px;
  169. text-decoration:underline;
  170. }
  171.  
  172. blockquote {
  173. width:85%;
  174. margin-left:5px;
  175. padding-top:3px;
  176. padding-left:5px;
  177. padding-right:0px;
  178. background:#d1d1d1;
  179. }
  180.  
  181. li {
  182. list-style-type:lower-roman;
  183. }
  184.  
  185. ul{
  186. list-style-type:lower-roman;
  187. }
  188.  
  189. img {
  190. border:none;
  191. }
  192.  
  193. img:hover{
  194. text-decoration:none;
  195. background:none;
  196. }
  197.  
  198. big {
  199. font-size:8px;
  200. letter-spacing:0px;
  201. }
  202.  
  203. small {
  204. font-size:8px;
  205. letter-spacing:0px;
  206. }
  207.  
  208. pre {
  209. width:85%;
  210. white-space:pre-wrap;
  211. word-wrap:break-word;
  212. background:#d1d1d1;
  213. font-family:Mrs Kichinto;
  214. font-size:8px;
  215. letter-spacing:0px;
  216. color:#000;
  217. line-height:140%;
  218. padding:1px;
  219. }
  220.  
  221. b, strong {
  222. color:#cb0000;
  223. font-weight:bold;
  224. }
  225.  
  226. i, em {
  227. color:#000;
  228. font-style:italic;
  229. }
  230.  
  231. /*TITLES*/
  232.  
  233. h2{
  234. font-family:Mrs Kichinto;
  235. font-size:8px;
  236. color:#000;
  237. font-style:normal;
  238. font-weight:normal;
  239. letter-spacing:1px;
  240. padding-bottom:0px;
  241. text-decoration:underline;
  242. text-transform:uppercase;
  243. }
  244.  
  245. /*POSTS*/
  246.  
  247. #postcontainer{
  248. margin:auto;
  249. display:block;
  250. width:189px;
  251. font-family:Mrs Kichinto;
  252. font-size:8px;
  253. color:#000;
  254. line-height:140%;
  255. letter-spacing:0px;
  256. font-style:normal;
  257. background:transparent;
  258. margin-top:40px;
  259. margin-bottom:120px;
  260. }
  261.  
  262. #posts{
  263. margin:auto;
  264. width:165px;
  265. padding:10px;
  266. margin-bottom:60px;
  267. background-color:#fff;
  268. }
  269.  
  270. #posts img{
  271. max-width:165px;
  272. }
  273.  
  274. /*CAPTIONS*/
  275.  
  276. #captions{
  277. padding:5px;
  278. padding-left:10px;
  279. padding-right:10px;
  280. padding-top:0px;
  281. margin-top:20px;
  282. background:#d1d1d1;
  283. max-height:80px;
  284. overflow:auto;
  285. }
  286.  
  287. #captions::-webkit-scrollbar-thumb:vertical {
  288. background: #000;
  289. border: 6px solid #d1d1d1;
  290. height: 60px;
  291. }
  292.  
  293. #captions::-webkit-scrollbar-thumb:vertical:hover {
  294. background: #000;
  295. border: 6px solid #d1d1d1; }
  296.  
  297. #captions::-webkit-scrollbar-thumb:vertical:active {
  298. background:#cb0000;
  299. border: 6px solid #d1d1d1; }
  300.  
  301. #captions::-webkit-scrollbar {
  302. height: 10px;
  303. width: 15px;
  304. background: #d1d1d1;
  305. }
  306.  
  307. .triangle {
  308. width:0px;
  309. height:0px;
  310. margin-top:-15px;
  311. margin-left:5px;
  312. position:absolute;
  313. border-style:solid;
  314. border-width: 0 10px 15px 10px;
  315. border-color:transparent transparent #d1d1d1 transparent;
  316. line-height:0px;
  317. }
  318.  
  319. /*PERMALINK-INFO*/
  320.  
  321. #permalink {
  322. position:absolute;
  323. display:block;
  324. padding:0px;
  325. padding-top:6px;
  326. width:220px;
  327. margin-top:10px;
  328. font-family:pixel;
  329. font-size:8px;
  330. color:#fff;
  331. background:transparent;
  332. font-weight:normal;
  333. text-transform:uppercase;
  334. letter-spacing:0px;
  335. text-align:center;
  336. border-top:5px solid #000;
  337. margin-left:-28px;
  338. margin-bottom:-30px;
  339. }
  340.  
  341. #permalink a{
  342. color:#fff;
  343. -webkit-transition:all 0.5s ease-in-out;
  344. -moz-transition:all 0.5s ease-in-out;
  345. -o-transition:all 0.5s ease-in-out;
  346. transition:all 0.5s ease-in-out;
  347. }
  348.  
  349. #permalink a:hover{
  350. color:red;
  351. -webkit-transition:all 0.5s ease-in-out;
  352. -moz-transition:all 0.5s ease-in-out;
  353. -o-transition:all 0.5s ease-in-out;
  354. transition:all 0.5s ease-in-out;
  355. }
  356.  
  357. #tags{
  358. font-family:pixel;
  359. font-size:8px;
  360. color:#999;
  361. line-height:110%;
  362. letter-spacing:0px;
  363. font-weight:normal;
  364. text-align:left;
  365. text-transform:uppercase;
  366. margin-top:7px;
  367. opacity:0.7;
  368. -webkit-transition:all 0.5s ease-in-out;
  369. -moz-transition:all 0.5s ease-in-out;
  370. -o-transition:all 0.5s ease-in-out;
  371. transition:all 0.5s ease-in-out;
  372. }
  373.  
  374. #posts:hover #tags{
  375. opacity:1;
  376. -webkit-transition:all 0.5s ease-in-out;
  377. -moz-transition:all 0.5s ease-in-out;
  378. -o-transition:all 0.5s ease-in-out;
  379. transition:all 0.5s ease-in-out;
  380. }
  381.  
  382. #tags a{
  383. color:#999;
  384. }
  385.  
  386. #tags a:hover{
  387. color:#999;
  388. text-decoration:underline;
  389. background:none;
  390. }
  391.  
  392. /*DESCRIPTION*/
  393.  
  394. #description{
  395. margin:auto;
  396. margin-top:50px;
  397. margin-bottom:50px;
  398. display:block;
  399. width:160px;
  400. font-family:Mrs Kichinto;
  401. font-size:8px;
  402. color:#fff;
  403. text-align:right;
  404. line-height:150%;
  405. padding:10px;
  406. background:#000;
  407. }
  408.  
  409. #links{
  410. position:absolute;
  411. margin-top:15px;
  412. margin-left:-10px;
  413. background:transparent;
  414. font-family:pixel;
  415. font-size:8px;
  416. color:#fff;
  417. }
  418.  
  419. #links a{
  420. color:#fff;
  421. padding:5px;
  422. background:#000;
  423. }
  424.  
  425. #links a:hover{
  426. color:#cb0000;
  427. background:#000;
  428. text-decoration:underline;
  429. }
  430.  
  431.  
  432. /*PHOTOSET*/
  433.  
  434. #photoset {
  435. overflow:hidden;
  436. }
  437.  
  438. #photoset img {
  439. width:165px;
  440. margin-bottom:2px;
  441. }
  442.  
  443. /*QUOTE*/
  444.  
  445. #quote {
  446. font-family:Mrs Kichinto;
  447. font-size:8px;
  448. color:#fff;
  449. text-transform:normal;
  450. text-align:right;
  451. font-weight:normal;
  452. font-style:normal;
  453. line-height:140%;
  454. padding:5px;
  455. background:#000;
  456. border:4px double #cb0000;
  457. -webkit-transition:all 0.5s ease-in-out;
  458. -moz-transition:all 0.5s ease-in-out;
  459. -o-transition:all 0.5s ease-in-out;
  460. transition:all 0.5s ease-in-out;
  461. }
  462.  
  463. #posts:hover #quote{
  464. border:4px double #fff;
  465. -webkit-transition:all 0.5s ease-in-out;
  466. -moz-transition:all 0.5s ease-in-out;
  467. -o-transition:all 0.5s ease-in-out;
  468. transition:all 0.5s ease-in-out;
  469. }
  470.  
  471. .source {
  472. font-family:Mrs Kichinto;
  473. font-size:8px;
  474. letter-spacing:0px;
  475. font-style:normal;
  476. text-align:left;
  477. text-transform:lowercase;
  478. margin-top:5px;
  479. margin-bottom:0px;
  480. }
  481.  
  482. /*CHAT*/
  483.  
  484. #chat {
  485. background:#fff;
  486. margin:0px;
  487. font-family:Mrs Kichinto;
  488. font-size:8px;
  489. }
  490.  
  491. #chat .lines {
  492. font-family:Mrs Kichinto;
  493. font-size:8px;
  494. margin-left:0;
  495. background:#d1d1d1;
  496. color:#000;
  497. margin-bottom:3px;
  498. padding: 4px 4px 5px 5px;
  499. }
  500.  
  501. #chat .lines span {
  502. font-weight: bold;
  503. color:#cb0000;
  504. font-style:normal;
  505. }
  506.  
  507. /*VIDEO*/
  508.  
  509. #video{
  510. width:165px;
  511. overflow:hidden;
  512. }
  513.  
  514. /*ASKS*/
  515.  
  516. #question{
  517. font-family:Mrs Kichinto;
  518. font-size:8px;
  519. font-weight:normal;
  520. letter-spacing:0px;
  521. color:#fff;
  522. font-style:normal;
  523. text-transform:normal;
  524. text-align:left;
  525. padding:5px;
  526. background:#000;
  527. border:1px solid #cb0000;
  528. }
  529.  
  530. #question:hover{
  531. border:1px solid #fff;
  532. -webkit-transition:all 0.5s ease-in-out;
  533. -moz-transition:all 0.5s ease-in-out;
  534. -o-transition:all 0.5s ease-in-out;
  535. transition:all 0.5s ease-in-out;
  536. }
  537.  
  538. #asker{
  539. font-family:pixel;
  540. font-size:8px;
  541. color:#000;
  542. font-style:normal;
  543. text-align:right;
  544. letter-spacing:0px;
  545. margin-top:0px;
  546. text-transform:uppercase;
  547. padding-bottom:5px;
  548. border-bottom:2px solid #000;
  549. }
  550.  
  551. .arrow {
  552. font-family:cambria;
  553. font-style:normal;
  554. margin-left:5px;
  555. margin-top:0px;
  556. font-size:25px;
  557. color:#000;
  558. position: absolute;
  559. }
  560.  
  561. /*AUDIO*/
  562.  
  563. #audioplayer{
  564. padding:2px;
  565. background:#000;
  566. }
  567.  
  568. #audioinfo{
  569. font-family:Mrs Kichinto;
  570. font-size:8px;
  571. color:#fff;
  572. text-align:right;
  573. letter-spacing:0px;
  574. font-style:normal;
  575. padding-left:10px;
  576. padding-right:10px;
  577. padding-top:5px;
  578. background:#000;
  579. }
  580.  
  581. /*BORDER*/
  582.  
  583. #bottom{
  584. position:fixed;
  585. bottom:0px;
  586. left:0px;
  587. width:100%;
  588. height:50px;
  589. background-color:#000;
  590. z-index:12;
  591. }
  592.  
  593. /*TOOLTIP*/
  594.  
  595. #s-m-t-tooltip{
  596. max-width:300px;
  597. margin-top:10px;
  598. margin-left:12px;
  599. z-index:999999999;
  600. background-color:#cb0000;
  601. color:#fff;
  602. font-family:pixel;
  603. font-size:8px;
  604. padding-left:2px;
  605. font-style:normal;
  606. letter-spacing:0px;
  607. text-transform:normal;
  608. line-height:13px;
  609. border-right:1px solid #eee;
  610. border-bottom:1px solid #eee;
  611. border-radius:2px;
  612. }
  613.  
  614. /*PAGINATION*/
  615.  
  616. #pagi {
  617. margin:auto;
  618. font-family:pixel;
  619. color:#999;
  620. text-align:center;
  621. font-size:8px;
  622. letter-spacing:0px;
  623. opacity:1;
  624. text-transform:uppercase;
  625. font-style:normal;
  626. padding:5px;
  627. line-height:250%;
  628. margin-top:4px;
  629. background:#000;
  630. }
  631.  
  632. #pagi a{
  633. color:#fff;
  634. margin:5px;
  635. border-top:2px solid #fff;
  636. padding-top:3px;
  637. }
  638.  
  639. #pagi a:hover{
  640. color:#fff;
  641. background:#cb0000;
  642. text-decoration:none;
  643. padding-bottom:2px;
  644. }
  645.  
  646. /*NOTES*/
  647.  
  648. ol.notes {
  649. max-height:100px;
  650. overflow:auto;
  651. font:8px pixel;
  652. color:#fff;
  653. text-transform:uppercase;
  654. font-style:normal;
  655. letter-spacing:0px;
  656. line-height:1.6em;
  657. margin:5px 0 0 0;
  658. text-align:left;
  659. padding:5px;
  660. margin-top:10px;
  661. margin-left:0px;
  662. border-top:2px solid #000;
  663. background:#000;
  664. opacity:1;
  665. list-style-type:none;
  666. }
  667.  
  668. ol.notes li.note {
  669. padding:3px;
  670. }
  671.  
  672. img.avatar {
  673. display:none;
  674. }
  675.  
  676. /*CREDIT*/
  677.  
  678. #credit{
  679. position:fixed;
  680. z-index:16;
  681. right:5px;
  682. bottom:2px;
  683. font:8px pixel;
  684. color:#fff;
  685. }
  686.  
  687. #credit a{
  688. color:#fff;
  689. }
  690.  
  691. /* END CSS */
  692.  
  693. {CustomCSS}
  694. </style>
  695.  
  696. {block:IfInfiniteScroll}
  697. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  698. {/block:IfInfiniteScroll}
  699.  
  700. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  701. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  702. <script>
  703. (function($){
  704. $(document).ready(function(){
  705. $("[title],a[title],img[title]").style_my_tooltips({
  706. tip_follows_cursor:true,
  707. tip_delay_time:100,
  708. tip_fade_speed:250,
  709. attribute:"title"
  710. });
  711. });
  712. })(jQuery);
  713. </script>
  714.  
  715. <script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
  716. <script type="text/javascript">
  717. $(document).ready(function() {
  718. $().UItoTop({ easingType: 'easeOutQuart' });
  719. });
  720. </script>
  721. <!----- SCROLL TOP/HOME/BOTTOM A1 ---->
  722. <title>Scroll to Bottom or Top - DevCurry.com</title>
  723. <script type="text/javascript"
  724. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
  725. </script>
  726. <script type="text/javascript" language="javascript">
  727. $(function () {
  728. $('#scrlBotm').click(function () {
  729. $('html, body').animate({
  730. scrollTop: $(document).height()
  731. },
  732. 1500);
  733. return false;
  734. });
  735. $('#scrlTop').click(function () {
  736. $('html, body').animate({
  737. scrollTop: '0px'
  738. },
  739. 1500);
  740. return false;
  741. });
  742. });
  743. </script>
  744.  
  745. {block:IfNotInfiniteScroll}
  746. <script type="text/javascript">
  747. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  748. $(document).ready(function() {
  749. function photosetResize() {
  750. $('iframe.photoset').each(function(){
  751. var newSize = 165;
  752. var newSrc = $(this).attr('src').replace('500',newSize);
  753. $(this).attr('src', newSrc).width(newSize);
  754. var high = $(this).css('height');
  755. var calculate = parseInt(high, 10)* newSize/500;
  756. $(this).css('height', calculate);
  757. });
  758. }
  759. photosetResize();
  760. });
  761. </script>
  762. {/block:IfNotInfiniteScroll}
  763.  
  764. </head>
  765. <body>
  766.  
  767. <!-- BORDERS -->
  768.  
  769. <div id="bottom">
  770.  
  771. <!-- PAGINATION -->
  772.  
  773. {block:IfNotInfiniteScroll}
  774. {block:IndexPage}
  775. <div id="pagi">
  776. {block:Pagination}
  777.  
  778. {block:PreviousPage}
  779. <a href="{PreviousPage}"> ← previous </a>
  780. {/block:PreviousPage}
  781.  
  782. {block:JumpPagination length="10"}
  783. {block:CurrentPage}
  784. <span class="current_page">{PageNumber}</span>
  785. {/block:CurrentPage}
  786.  
  787. {block:JumpPage}
  788. <a class="jump_page" href="{URL}">{PageNumber}</a>
  789. {/block:JumpPage}
  790. {/block:JumpPagination}
  791.  
  792. {block:NextPage}
  793. <a href="{NextPage}" class="next"> next → </a>
  794. {/block:NextPage}<br>
  795. <a style="margin-top:2px;" id="scrlTop" href="#">RISE</a>
  796.  
  797. {/block:Pagination}
  798. </div>
  799. {/block:IndexPage}
  800. {/block:IfNotInfiniteScroll}
  801.  
  802. </div>
  803.  
  804. <!-- DESCRIPTION -->
  805.  
  806. <div id="description">
  807. {Description}
  808.  
  809. <div id="links">
  810. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  811. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  812. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  813. </div>
  814. </div>
  815.  
  816. <!-- FLOWERS -->
  817.  
  818. <img style="position:fixed; top:0px; left:0px; z-index:-9;" src="http://static.tumblr.com/aegsbm3/oUDn0ax92/flowers.jpg"/>
  819.  
  820. <!-- CREDIT --->
  821.  
  822. <div id="credit">
  823. <a href="http://the-hidden-will.tumblr.com">THEME</a>
  824. </div>
  825.  
  826. <!-- POSTS -->
  827.  
  828. <div id="postcontainer">
  829. {block:IfInfiniteScroll}
  830. <div class="autopagerize_page_element"/>
  831. {/block:IfInfiniteScroll}
  832. {block:Posts}
  833. <div id="posts">
  834.  
  835. <!-- TEXT -->
  836.  
  837. {block:Text}
  838. <h2>{block:Title}{Title}{/block:Title}</h2>
  839. {Body}
  840. {/block:Text}
  841.  
  842. <!-- PHOTO -->
  843.  
  844. {block:Photo}
  845. {block:IndexPage}
  846. <div class="photo">
  847. <img style="opacity:1;" src="{PhotoURL-500}" width="165px;">
  848. </div>
  849. {/block:IndexPage}
  850. {block:PermalinkPage}
  851. <img src="{PhotoURL-250}" width="165px;">
  852. {block:HighRes}
  853. <div style="background:#d1d1d1; text-align:right; font-family:Mrs Kichinto; font-size:8px; letter-spacing:0px; margin-top:2px; margin-bottom:2px; text-transform:uppercase;"><a href="{PhotoURL-HighRes}">(high res.)</a></div>
  854. {/block:HighRes}
  855. {/block:PermalinkPage}
  856.  
  857. {block:IndexPage}{block:IfShowCaptions}
  858. {block:Caption}<div id="captions"><div class="triangle"></div>{Caption}</div>{/block:Caption}
  859. {/block:IfShowCaptions}{/block:IndexPage}
  860. {block:PermalinkPage}
  861. {block:Caption}<div id="captions"><div class="triangle"></div>{Caption}</div>{/block:Caption}
  862. {/block:PermalinkPage}
  863. {/block:Photo}
  864.  
  865. <!-- PHOTOSET -->
  866.  
  867. {block:Photoset}
  868.  
  869. {block:IfInfiniteScroll}
  870. {block:IndexPage}
  871. <div id="photoset">
  872. <div style="opacity:1;" class="photo">
  873. {block:Photos}
  874. <img src="{PhotoURL-250}">
  875. {/block:Photos}
  876. </div>
  877. </div>
  878. <div style="margin-bottom:-2px"></div>
  879. {/block:IndexPage}
  880. {/block:IfInfiniteScroll}
  881.  
  882. {block:IfInfiniteScroll}
  883. {block:PermalinkPage}
  884. <div id="photoset">
  885. {block:Photos}
  886. <img src="{PhotoURL-250}">
  887. {/block:Photos}
  888. </div>
  889. <div style="margin-bottom:-2px"></div>
  890. {/block:PermalinkPage}
  891. {/block:IfInfiniteScroll}
  892.  
  893. {block:IfNotInfiniteScroll}
  894. {block:IndexPage}
  895. <div style="opacity:1;" class="photo">
  896. {Photoset-500}
  897. </div>
  898. {block:IndexPage}
  899. {/block:IfNotInfiniteScroll}
  900.  
  901. {block:IfNotInfiniteScroll}
  902. {block:PermalinkPage}
  903. {Photoset-500}
  904. {block:PermalinkPage}
  905. {/block:IfNotInfiniteScroll}
  906.  
  907. {block:IndexPage}{block:IfShowCaptions}
  908. {block:Caption}<div id="captions"><div class="triangle"></div>{Caption}</div>{/block:Caption}
  909. {/block:IfShowCaptions}{/block:IndexPage}
  910. {block:PermalinkPage}
  911. {block:Caption}<div id="captions"><div class="triangle"></div>{Caption}</div>{/block:Caption}
  912. {/block:PermalinkPage}
  913. {/block:Photoset}
  914.  
  915. <!-- QUOTE -->
  916.  
  917. {block:Quote}
  918. <div id="quote">{Quote}</div>
  919. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  920. {/block:Quote}
  921.  
  922. <!-- LINK -->
  923.  
  924. {block:Link}
  925. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  926. {block:Description}{Description}{/block:Description}
  927. {/block:Link}
  928.  
  929. <!-- CHAT -->
  930.  
  931. {block:Chat}
  932. {block:Title}<h2>{Title}</h2>{/block:Title}
  933. {block:Lines}
  934. <div id="chat">
  935. <div class="lines"> {block:Label}
  936. <span> {Label} </span>
  937. {/block:Label}
  938. {Line} </div> </div>
  939. {/block:Lines}
  940. {/block:Chat}
  941.  
  942. <!-- AUDIO -->
  943.  
  944. {block:Audio}
  945. <div id="audioinfo">
  946. {block:TrackName}{TrackName}{/block:TrackName}, {block:Artist}{Artist}{/block:Artist}<br> ({block:PlayCount}{PlayCount}{/block:PlayCount})
  947. </div>
  948.  
  949. <div id="audioplayer">
  950. <div style="width:27px; overflow:hidden; margin-left:3px; margin-bottom:0px;">
  951. {AudioPlayerBlack}
  952. </div>
  953. </div>
  954.  
  955. {block:IndexPage}{block:IfShowCaptions}
  956. {block:Caption}<div id="captions"><div class="triangle"></div>{Caption}</div>{/block:Caption}
  957. {/block:IfShowCaptions}{/block:IndexPage}
  958. {block:PermalinkPage}
  959. {block:Caption}<div id="captions"><div class="triangle"></div>{Caption}</div>{/block:Caption}
  960. {/block:PermalinkPage}
  961. {/block:Audio}
  962.  
  963. <!-- VIDEO -->
  964.  
  965. {block:Video}
  966. {block:IndexPage}
  967. <div id="video">{Video-250}</div>
  968. {/block:IndexPage}
  969. {block:PermalinkPage}
  970. <div id="video">{Video-250}</div>
  971. {/block:PermalinkPage}
  972.  
  973. {block:IndexPage}{block:IfShowCaptions}
  974. {block:Caption}<div id="captions"><div class="triangle"></div>{Caption}</div>{/block:Caption}
  975. {/block:IfShowCaptions}{/block:IndexPage}
  976. {block:PermalinkPage}
  977. {block:Caption}<div id="captions"><div class="triangle"></div>{Caption}</div>{/block:Caption}
  978. {/block:PermalinkPage}
  979. {/block:Video}
  980.  
  981. <!-- MESSAGE -->
  982.  
  983. {block:Answer}
  984. <div id="question">
  985. {Question}
  986. </div>
  987. <div class="arrow">▼</div>
  988. <br>
  989. <div id="asker">
  990. {Asker}
  991. </div>
  992. {Answer}
  993. {/block:Answer}
  994.  
  995. <!-- OTHER -->
  996.  
  997. {block:ContentSource}
  998. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  999. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1000. {/block:SourceLogo}
  1001. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1002. {/block:ContentSource}
  1003.  
  1004. <!-- POST INFORMATION -->
  1005.  
  1006. <div id="permalink">
  1007.  
  1008. <img style="position:absolute; width:9px; margin-top:1px; margin-left:-13px;"src="http://static.tumblr.com/aegsbm3/C5Tn0av7a/tags__5_.png"/>
  1009. <span style="background:#000; color:#fff; padding:5px;">
  1010. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {ShortYear}</a>
  1011. ({12Hour}:{Minutes} {AmPm}, {NoteCount})
  1012. </span>
  1013.  
  1014. <span style="background:#cb0000; padding:5px; margin-left:5px; margin-right:5px;">
  1015. <a style="color:#fff;" href={ReblogURL} target="_blank" title="reblog?" class="details">[RBLG]</a>
  1016. </span>
  1017.  
  1018. <span style="background:#000; color:#fff; padding:5px;">
  1019. {block:RebloggedFrom}
  1020. <a style="color:#fff;" title="{ReblogParentTitle}" href="{ReblogParentURL}">VIA</a> //
  1021. <a style="color:#fff;" title="{ReblogRootTitle}" href="{ReblogRootURL}">SRC</a>
  1022. {/block:RebloggedFrom}
  1023. </span>
  1024.  
  1025. <!-- TAGS -->
  1026.  
  1027. <div id="tags">
  1028. {block:IndexPage}{block:IfShowTags}
  1029. <span style="background:#eee;">
  1030. {block:HasTags}filed under:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  1031. </span>
  1032. {/block:IfShowTags}{/block:IndexPage}
  1033.  
  1034. {block:PermalinkPage}
  1035. <span style="background:#eee;">
  1036. {block:HasTags}filed under:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  1037. </span>
  1038. {/block:PermalinkPage}
  1039. </div>
  1040.  
  1041. {block:PermalinkPage}
  1042. {block:PostNotes}
  1043. {PostNotes}
  1044. {/block:PostNotes}
  1045. {/block:PermalinkPage}
  1046.  
  1047. </div>
  1048.  
  1049. </div>
  1050. {/block:Posts}
  1051. {block:IfInfiniteScroll}</div>{/block:IfInfiniteScroll}
  1052.  
  1053. </div>
  1054.  
  1055. <!-- END POSTS -->
  1056.  
  1057. </body>
  1058. </html>
  1059.  
  1060. <!-- END 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!