API tools faq
paste
thehiddenwill-themes

Theme 22.

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