Advertisement
thehiddenwill-themes

Theme 21.

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