API tools faq
paste
Advertisement
thehiddenwill-themes

Theme 25.

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