xLulzBoatx

Tumblr Theme - Engyne - Hyperbaric

Sep 1st, 2016
124
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.04 KB | None | 0 0
  1.  
  2. <!--
  3. HYPERBARIC Theme - DEVELOPED BY ENGYNE THEMES: ENGYNETHEMES.COM
  4. (Theme last updated: 7/27/2013)
  5. This theme was made and provided by:
  6. ___ __ ___
  7. |__ |\ | / _` \ / |\ | |__
  8. |___ | \| \__> | | \| |___
  9. (Engyne)
  10. AKA: Christian Hall
  11.  
  12. Please keep this credit in the source; seeing as this theme is free, it's the least you can do.
  13.  
  14. Thank you.
  15. -->
  16.  
  17.  
  18. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  19. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  20.  
  21. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  22. <head>
  23.  
  24. <meta name="color:link" content="#386086"/>
  25. <meta name="color:hover" content="#5f88af"/>
  26. <meta name="color:text" content="#777777"/>
  27. <meta name="color:navigation color" content="#ffffff"/>
  28. <meta name="color:hover navigation text" content="#c5c5c5"/>
  29. <meta name="color:navigation text" content="#969696"/>
  30. <meta name="color:totop color" content="#ffffff"/>
  31. <meta name="color:totop text" content="#ffffff"/>
  32. <meta name="color:description text" content="#ffffff"/>
  33. <meta name="color:blockquote" content="#efefef"/>
  34. <meta name="color:border" content="#ccc"/>
  35. <meta name="color:background" content="#efefef"/>
  36. <meta name="color:music player background" content="#ffffff"/>
  37. <meta name="color:sidebar background" content="#272727"/>
  38. <meta name="image:background" content="http://static.tumblr.com/3ivwew6/Ww5mn0ar5/5233527978_26cbf707e3_o.jpg"/>
  39. <meta name="image:sidebar" content="0"/>
  40. <meta name="if:faded images" content="0"/>
  41. <meta name="if:black and white images" content="0"/>
  42. <meta name="if:show sidebar image" content="1"/>
  43. <meta name="if:shadow" content="0"/>
  44. <meta name="if:rounded corners" content="0"/>
  45. <meta name="if:solid post borders" content="0"/>
  46. <meta name="if:thicker post border" content="0"/>
  47. <meta name="if:music player" content="0"/>
  48. <meta name="if:autoplay" content="0"/>
  49. <meta name="if:1 column" content="0"/>
  50. <meta name="if:2 columns" content="1"/>
  51. <meta name="if:3 columns" content="0"/>
  52. <meta name="text:Link One Title" content="" />
  53. <meta name="text:Link One" content="" />
  54. <meta name="text:Link Two Title" content="" />
  55. <meta name="text:Link Two" content="" />
  56. <meta name="text:Link Three Title" content="" />
  57. <meta name="text:Link Three" content="" />
  58. <meta name="text:Link Four Title" content="" />
  59. <meta name="text:Link Four" content="" />
  60. <meta name="text:Link Five Title" content="" />
  61. <meta name="text:Link Five" content="" />
  62. <meta name="text:Song MP3" content="http://a.tumblr.com/tumblr_mi8mgxaxeR1s3hqbeo1.mp3" />
  63.  
  64. <TITLE>{Title}</TITLE>
  65. <link rel="shortcut icon" href="{Favicon}">
  66. {block:Description}
  67. <meta name="description" content="{MetaDescription}"/>
  68. {/block:Description}
  69. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  70. <!--[if IE]>
  71. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  72. <![endif]-->
  73.  
  74. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/fxpo5zq/XZum5p9k0/standard.css">
  75.  
  76. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
  77.  
  78. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  79.  
  80. <script type="text/javascript" src="http://static.tumblr.com/rpgreip/vrFmplhgc/jquery.style-my-tooltips.js"></script>
  81.  
  82. <script>
  83. (function($){
  84. $(document).ready(function(){
  85. $("[title]").style_my_tooltips();
  86. });
  87. })(jQuery);
  88. </script>
  89.  
  90. <style type="text/css">
  91.  
  92. html, body, {
  93. font-family: calibri, Arial, Helvetica, futura, Georgia, sans-serif;
  94. font-size: 14px;
  95. }
  96.  
  97. body {
  98. color:{color:text};
  99. background:{color:background}
  100. url({image:background});
  101. background-attachment: fixed;
  102. background-size:cover;
  103. line-height:150%;
  104. font-family: calibri, Arial, Helvetica, futura, Georgia, sans-serif;
  105. font-size: 12px;
  106. }
  107.  
  108. ol {
  109. list-style-position:inside;
  110. padding-left: 1.5em;
  111. list-style-type:decimal;
  112. }
  113.  
  114. ul {
  115. list-style-position:inside;
  116. padding-left: 1.5em;
  117. list-style-type:disc;
  118. }
  119.  
  120. #infscr-loading {
  121. position: absolute;
  122. bottom: 0;
  123. left: 25%;
  124. }
  125. a:link, a:active, a:visited{
  126.  
  127. color:{color:Link};
  128. text-decoration: none;
  129.  
  130. }
  131. a:hover {
  132. color:{color:Hover};
  133.  
  134. text-decoration: none;
  135. }
  136. #content {
  137. {block:if1column}
  138. margin-left:535px;
  139. width: 275px;
  140. {/block:if1column}
  141.  
  142. {block:if2columns}
  143. margin-left:400px;
  144. width: 545px;
  145. {/block:if2columns}
  146.  
  147. {block:if3columns}
  148. margin-left:305px;
  149. width: 820px;
  150. {/block:if3columns}
  151. margin-top:20px;
  152.  
  153. }
  154.  
  155. #note3 {
  156. {block:if1column}
  157. width: 300px;
  158. {/block:if1column}
  159.  
  160. {block:if2columns}
  161. width: 450px;
  162. {/block:if2columns}
  163.  
  164. {block:if3columns}
  165. width: 450px;
  166. {/block:if3columns}
  167.  
  168. text-align:left;
  169. background: rgb(255, 255, 255) ; opacity: 0.8;
  170. }
  171.  
  172. #ec {
  173. bottom:1px;
  174. opacity:0.6;
  175. right:4px;
  176. position:fixed;
  177. }
  178. #ec:hover {
  179. opacity:1;
  180. }
  181.  
  182. #contain {
  183. height:100%;
  184. padding-left:10px;
  185. padding-right:10px;
  186. width: 1100px;
  187. margin: 0px auto;
  188. position: relative;
  189.  
  190. }
  191.  
  192. /* This sidebar is the MAIN sidebar (sidebar pic/desc.) */
  193. #sidewrap {
  194. width: 250px;
  195. position: fixed;
  196. height: 100%;
  197. padding-top:120px;
  198. padding-right:10px;
  199. padding-left:10px;
  200. top:0px;
  201. background-color: {color:sidebar background};
  202. opacity:0.6;
  203. {block:if1column}
  204. margin-left:245px;
  205. {/block:if1column}
  206.  
  207. {block:if2columns}
  208. margin-left:105px;
  209. {/block:if2columns}
  210.  
  211. {block:if3columns}
  212. margin-left:15px;
  213. {/block:if3columns}
  214.  
  215. }
  216.  
  217. #sidebar {
  218. width: 250px;
  219. position: fixed;
  220. height: 100%;
  221. padding-top:120px;
  222. padding-right:10px;
  223. padding-left:10px;
  224. top:0px;
  225. {block:if1column}
  226. margin-left:245px;
  227. {/block:if1column}
  228.  
  229. {block:if2columns}
  230. margin-left:105px;
  231. {/block:if2columns}
  232.  
  233. {block:if3columns}
  234. margin-left:15px;
  235. {/block:if3columns}
  236.  
  237. }
  238.  
  239. #sidebar .content {
  240. width: 240px;
  241. margin-left:auto;
  242. margin-right:auto;
  243. opacity:1;
  244. }
  245.  
  246. .navigate a {
  247. background-color: {color:navigation color};
  248. margin-left: 1px;
  249. letter-spacing:3px;
  250. display: inline-block;
  251. height: 10px;
  252. line-height: 10px;
  253. font-weight: heavy;
  254. font-family: calibri, Arial, Helvetica, futura, Georgia, sans-serif;
  255. font-size: 10px;
  256. color: {color:navigation text};
  257. text-transform: uppercase;
  258. text-decoration: none;
  259. margin-top: 3px;
  260. margin-bottom: 1px;
  261. padding:3px;
  262. -webkit-transition: all 0.5s ease;
  263. -moz-transition: all 0.5s ease;
  264. -o-transition: all 0.5s ease;
  265. border-radius:0px;
  266.  
  267. }
  268.  
  269. #navigatedot{
  270. margin-top: 10px;
  271. margin-bottom: 10px;
  272. border-top: 1px dashed {color:border};
  273. border-bottom: 1px dashed {color:border};
  274.  
  275. }
  276.  
  277. .navigate a:hover{
  278. color: {color:hover navigation text};
  279. }
  280.  
  281. }#desc{
  282. color:{color:text};
  283. width:100%;
  284. margin-top: 12px;
  285. margin-bottom: 3px;
  286. opacity:0.5;
  287. font-size:10px;
  288. font-family: Arial, Helvetica, futura, Georgia, sans-serif;
  289. line-height:10px;
  290.  
  291. }
  292.  
  293. ol.notes img {
  294. width: 16px;
  295. display: inline;
  296. position: relative;
  297. top: 3px;
  298.  
  299. }
  300.  
  301. #sidebar img {
  302. {block:ifroundedcorners}-moz-border-radius: 5px;
  303. border-radius: 5px;
  304. {block:ifroundedcorners}
  305. display: block;
  306. margin-bottom: 1px;
  307.  
  308. }
  309.  
  310. .entry {
  311. {block:ifsolidpostborders}
  312. border: 1px solid {color:border};
  313. {/block:ifsolidpostborders}
  314.  
  315. {block:ifnotsolidpostborders}
  316. border: 0px solid {color:border};
  317. {/block:ifnotsolidpostborders}
  318.  
  319. {block:ifroundedcorners}
  320. -moz-border-radius: 5px;
  321. border-radius: 5px;
  322. {/block:ifroundedcorners}
  323.  
  324. float: left;
  325. {block:indexpage}
  326. width: 250px;
  327. margin: 5px;
  328. {/block:indexpage}
  329.  
  330. {block:permalinkpage}
  331. margin: 10px;
  332. {block:if1column}
  333. width: 300px;
  334. {/block:if1column}
  335. {block:ifnot1column}
  336. width: 450px;
  337. {/block:ifnot1column}
  338. margin-left:17px;
  339. {/block:permalinkpage}
  340.  
  341. display: block;
  342.  
  343. {block:ifthickerpostborder}
  344. padding: 5px;
  345. {/block:ifthickerpostborder}
  346. {block:ifnotthickerpostborder}
  347. padding: 2px;
  348. {/block:ifnotthickerpostborder}
  349. {block:ifshadow}
  350. -webkit-box-shadow: 0 8px 6px -6px #444;
  351. -moz-box-shadow: 0 8px 6px -6px #444;
  352. box-shadow: 0 8px 6px -6px #444;
  353. {/block:ifshadow}
  354. position: relative;
  355. }
  356.  
  357.  
  358. .entry img {
  359. {block:ifroundedcorners}-moz-border-radius: 5px;
  360. border-radius: 5px;
  361. {block:ifroundedcorners}
  362. display: block;
  363. max-width: 100%;
  364. {block:iffadedimages}
  365. opacity:0.8;
  366. filter:alpha(opacity=80);
  367. -webkit-transition: all ease-in 250ms;
  368. -moz-transition: all ease-in 250ms;
  369. -o-transition: all ease-in 250ms;
  370. -ms-transition: all ease-in 250ms;
  371. transition: all ease-in 250ms;
  372. {/block:iffadedimages}
  373. {block:ifblackandwhiteimages}
  374. -webkit-filter: grayscale(1);
  375. {/block:ifblackandwhiteimages}
  376. }
  377. .entry:hover img {
  378. {block:iffadedimages}
  379. opacity:1;
  380. filter:alpha(opacity=100);
  381. -webkit-transition: all ease-in 250ms;
  382. -moz-transition: all ease-in 250ms;
  383. -o-transition: all ease-in 250ms;
  384. -ms-transition: all ease-in 250ms;
  385. transition: all ease-in 250ms;
  386. {/block:iffadedimages}
  387. {block:ifblackandwhiteimages}
  388. -webkit-filter: grayscale(0);
  389. -webkit-transition: all ease-in 250ms;
  390. -moz-transition: all ease-in 250ms;
  391. -o-transition: all ease-in 250ms;
  392. -ms-transition: all ease-in 250ms;
  393. transition: all ease-in 250ms;
  394. {/block:ifblackandwhiteimages}
  395. }
  396.  
  397. /*BEGIN Permalinks*/
  398.  
  399. .entry:hover .perms {
  400. opacity:1;
  401. z-index:999999;
  402. width:190px;
  403. }
  404.  
  405. .perms {
  406. color:#000;
  407. font-size:14px;
  408. opacity: 0;
  409. -webkit-transition-duration: .75s;
  410. width:0px;
  411. height:20px;
  412. padding-bottom:3px;
  413. padding-top:3px;
  414. padding-right:10px;
  415. background-color: #fff;
  416. position: absolute;
  417. margin-top:10px;
  418. text-align:center;
  419. text-transform:uppercase;
  420. font-family: calibri, Arial, Helvetica, futura, Georgia, sans-serif;
  421. letter-spacing:1px;
  422. line-height:20px;
  423. }
  424.  
  425. .perms p {
  426. margin-bottom: 0em;
  427. margin-top: 0em;
  428. color:#333;
  429. }
  430.  
  431.  
  432. /*FINISH Permalinks*/
  433.  
  434. #pagination{
  435. display:none;
  436. }
  437.  
  438.  
  439.  
  440. .permalink2 {
  441. color: #000000;
  442. padding-top: 0px;
  443. padding-bottom: 0px;
  444. font-size: 10px;
  445. text-align: center;
  446. opacity: 0;
  447. filter: alpha(opacity = 0);
  448. -webkit-transition: all ease-in 250ms;
  449. -moz-transition: all ease-in 250ms;
  450. -o-transition: all ease-in 250ms;
  451. -ms-transition: all ease-in 250ms;
  452. transition: all ease-in 250ms;
  453.  
  454. }
  455.  
  456. blockquote, q {
  457. padding-left:5px;padding-top:7px;
  458. padding-right:5px;padding-bottom:7px;
  459. margin-left:5px; margin-right:5px;
  460. border-left: 2px solid #ccc;
  461. border-right: 2px solid #ccc;
  462. background-color:{color:blockquote};
  463. }
  464.  
  465. li.drawer a {
  466. margin: 0px 5px;}
  467.  
  468. .label {
  469. text-transform:uppercase;
  470. color:{color:Link}
  471. }
  472.  
  473. .question {
  474. text-align:left;
  475. padding-left:5px;padding-top:7px;
  476. padding-right:5px;padding-bottom:7px;
  477. border-left: 2px solid {color:Link};
  478. border-right: 2px solid {color:Link};
  479. background-color:{color:blockquote};
  480. }
  481.  
  482. .answer {
  483. text-align:left;
  484. padding-left:5px;padding-top:7px;
  485. padding-right:5px;padding-bottom:7px;
  486. }
  487.  
  488. .text {
  489. padding: 10px;
  490. background: rgb(255, 255, 255) ; opacity: 0.8;
  491. }
  492.  
  493. .text img {
  494. width: 100%;
  495. margin-left:auto;
  496. margin-right:auto;
  497. }
  498.  
  499. .entry:hover .permalink2 {
  500. opacity: 1;
  501. filter: alpha(opacity = 100);
  502. -webkit-transition: all ease-in 250ms;
  503. -moz-transition: all ease-in 250ms;
  504. -o-transition: all ease-in 250ms;
  505. -ms-transition: all ease-in 250ms;
  506. transition: all ease-in 250ms;
  507. }
  508.  
  509. #pp {
  510. text-align: center;
  511. width: 100%;
  512. padding-top: 2px;
  513. }
  514.  
  515.  
  516. .permahover {
  517. text-align: right;
  518. line-height:200%;
  519. opacity: 0.0;
  520. filter: alpha(opacity = 0);
  521. font-size: 9px;
  522. line-height: 9px;
  523. text-transform: uppercase;
  524. }
  525.  
  526. .entry:hover .permahover {
  527. text-align: center;
  528. opacity: 1;
  529. filter: alpha(opacity = 50);
  530.  
  531.  
  532. }
  533.  
  534.  
  535. .b {display : block; font-size: 8px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle; padding : 2px;
  536. padding-bottom : 0px;}
  537.  
  538. #newHeader {
  539. padding-bottom: 2px;
  540. text-align: center;
  541.  
  542. }
  543.  
  544. div.panel {
  545. width: 260px;
  546. padding: 15px 20px;
  547. color: #333;
  548. text-align: center;
  549. line-height: 22px;
  550. display: none;
  551.  
  552. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
  553. }
  554. div.panel p {
  555. margin: 10px 0;
  556. }
  557. div.panel p a, div.textPost p a, div.audioPost p a {
  558. color: #333;
  559. text-decoration: none;
  560. border-bottom: 1px dotted;
  561. font-style: italic;
  562. font-weight: bold;
  563. }
  564.  
  565.  
  566. #toTop {
  567. width: 55px;
  568. letter-spacing:2px;
  569. font-weight:bold;
  570. border-right: 10px solid {color:totop color};
  571. display: block;
  572. opacity:0.62;
  573. height: 15px;
  574. line-height: 15px;
  575. font-family: Arial, Helvetica, futura, Georgia, sans-serif;
  576. font-size: 9px;
  577. color:{color:totop text};
  578. text-transform: uppercase;
  579. text-decoration: none;
  580. text-align: center;
  581. margin-top: 12px;
  582. margin-bottom: 3px;
  583. padding:1px;
  584. position:fixed;
  585. bottom:30px;
  586. right:20px;
  587. overflow:hidden;
  588. z-index: 999;
  589. -webkit-transition: all 0.5s ease;
  590. -moz-transition: all 0.5s ease;
  591. -o-transition: all 0.5s ease;
  592. border-radius:0px;
  593.  
  594. }
  595.  
  596. #toTop:hover{
  597. border-right: 20px solid {color:totop color};
  598. }
  599.  
  600. #toTop:active, #toTop:focus {
  601. outline:none;
  602.  
  603. }
  604.  
  605. #s-m-t-tooltip{
  606. position:fixed;
  607. max-width:600px;
  608. padding:4px;
  609. background:rgba(94, 94, 94, 0.8);
  610. z-index:10;
  611. display:inline-block; /*important*/
  612. /*font*/
  613. font-family:calibri, Verdana, Geneva, sans-serif;
  614. font-size:13px;
  615. line-height:16px;
  616. color:#efefef;
  617. text-shadow: black 0.1em 0.1em 0.2em;
  618. /*css3 rounded corners*/
  619. -moz-border-radius:5px;
  620. -khtml-border-radius:5px;
  621. -webkit-border-radius:5px;
  622. border-radius:5px;
  623. border:2px solid #fff;
  624. }
  625.  
  626.  
  627. </style>
  628.  
  629. <script type="text/javascript">
  630. $(window).load(function(){
  631. $("p").remove(":contains('Source:')");
  632. $("p").remove(":contains('via ')");
  633. });
  634. </script>
  635.  
  636. <script src="http://static.tumblr.com/8jq17g7/e7bm0d3ib/ui.totop_jquery_easing.js" type="text/javascript"></script>
  637. <script type="text/javascript">
  638. $(document).ready(function() {
  639. $().UItoTop({ easingType: 'easeOutQuart' });
  640. });
  641. </script>
  642.  
  643. </head>
  644. <body>
  645.  
  646. <div id="contain">
  647.  
  648. <div id="sidewrap"></div>
  649. <div id="sidebar">
  650. <div class="content"><center>
  651.  
  652. {block:ifshowsidebarimage}
  653. <div style="
  654. float:right;
  655. margin-bottom:10px;
  656. margin-left:auto;
  657. margin-right:auto;">
  658.  
  659. <a href="/"><img src="{image:sidebar}" width="245"></a>
  660. </div>
  661.  
  662. {/block:ifshowsidebarimage}
  663.  
  664. {block:ifmusicplayer}
  665. <br>
  666. {block:ifnotautoplay}
  667. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="190" height="20">
  668. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  669. <param name="bgcolor" value="{color:music player background}" />
  670. <param name="FlashVars" value="mp3={text:Song MP3}&loadingcolor=000&buttoncolor=000&slidercolor=000" />
  671. </object>
  672. {/block:ifnotautoplay}
  673. {/block:ifmusicplayer}
  674. {block:ifmusicplayer}
  675. <br>
  676. {block:ifautoplay}
  677. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="190" height="20">
  678. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  679. <param name="bgcolor" value="{color:music player background}" />
  680. <param name="FlashVars" value="mp3={text:Song MP3}&autoplay=1&loadingcolor=000&buttoncolor=000&slidercolor=000" />
  681. </object>
  682. {/block:ifautoplay}
  683. {/block:ifmusicplayer}
  684.  
  685. <div style="
  686. font-family: helvetica;
  687. font-size: 12px;
  688. line-height: 100%;
  689. color:{color:description text};
  690. text-transform: none;
  691. width:198px;
  692. padding-top:10px;
  693. text-align:center;">
  694.  
  695. {Description}
  696. </div>
  697.  
  698. <br>
  699. <center>
  700. <span class="navigate"><a href="/">home</a></span>
  701. {block:ifLinkOneTitle}<span class="navigate"><a href="{text:Link One}">{text:Link One Title}</a></span> {/block:ifLinkOneTitle}
  702.  
  703. {block:ifLinkTwoTitle}<span class="navigate"><a href="{text:Link Two}">{text:Link Two Title}</a></span> {/block:ifLinkTwoTitle}
  704.  
  705. {block:ifLinkThreeTitle}<span class="navigate"><a href="{text:Link Three}">{text:Link Three Title}</a></span> {/block:ifLinkThreeTitle}
  706.  
  707. {block:ifLinkFourTitle}<span class="navigate"><a href="{text:Link Four}">{text:Link Four Title}</a></span> {/block:ifLinkFourTitle}
  708.  
  709. {block:ifLinkFiveTitle}<span class="navigate"><a href="{text:Link Five}">{text:Link Five Title}</a></span> {/block:ifLinkFiveTitle}
  710.  
  711. {block:ifLinkSixTitle}<span class="navigate"><a href="{text:Link Six}">{text:Link Six Title}</a></span> {/block:ifLinkSixTitle}
  712. </center>
  713. </div>
  714. </div>
  715.  
  716. <div id="content">
  717. {block:Posts}
  718. <div class="entry">
  719.  
  720. {block:Text}
  721. <div class="text">
  722. <div style="text-transform:uppercase">{block:Title}
  723. <a href="{Permalink}">{Title}</a>
  724. {/block:Title}</div>
  725. {Body}
  726. {block:indexpage}
  727. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  728. {/block:indexpage}
  729.  
  730. </div>
  731. {/block:Text}
  732.  
  733. {block:Photo}
  734. {block:IndexPage}
  735. <div class="perms">
  736. <table width="190" border="0" cellspacing="0" cellpadding="0">
  737. <tr>
  738. <td width="170"><p align="right"><a href="{permalink}">{NoteCountwithLabel}</a> | </p></td>
  739. <td width="20" valign="middle"><a href="{ReblogURL}" target="_blank">
  740. <img src="http://static.tumblr.com/rpgreip/qagmpli22/reblogloop.png" height="10"></a></td>
  741. </tr>
  742. </table>
  743. </div>
  744. {/block:IndexPage}
  745. {block:indexpage}
  746. <a href="{permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  747. {/block:indexpage}
  748. {block:permalinkpage}
  749. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{LinkCloseTag}
  750. {/block:permalinkpage}
  751. {/block:Photo}
  752.  
  753. {block:Photoset}
  754. {block:IndexPage}<br><center>{Photoset-250}</center>{/block:IndexPage}
  755. {block:indexpage}
  756. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  757. {/block:indexpage}
  758. {block:permalinkpage}
  759. {Photoset-500}
  760. {/block:permalinkpage}
  761. {/block:Photoset}
  762.  
  763. {block:Quote}
  764. <div class="text">
  765. "{Quote}"
  766. {block:Source}
  767. <div class="source"><div style="text-align:right">{Source}</div></div>
  768. {/block:Source}
  769. {block:indexpage}
  770. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  771. {/block:indexpage}
  772. </div>{/block:Quote}
  773.  
  774. {block:Link}
  775. <div class="text">
  776. <span style="text-transform:uppercase;"><a href="{URL}" class="link" {Target}>{Name}</a></span>
  777. {block:Description}
  778. <div class="description">{Description}</div>
  779. {/block:Description}
  780. {block:indexpage}
  781. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  782. {/block:indexpage}
  783. </div>{/block:Link}
  784.  
  785. {block:Chat}
  786. <div class="text">
  787. {block:Title}
  788. <a href="{Permalink}">{Title}</a>
  789. {/block:Title}
  790. <ul class="chat">
  791. {block:Lines}
  792. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  793.  
  794. {Line} </li>
  795. {/block:Lines}
  796. </ul>
  797. {block:indexpage}
  798. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  799. {/block:indexpage}
  800. </div>{/block:Chat}
  801.  
  802. {block:Video}
  803. {block:IndexPage}{Video-250}{/block:IndexPage}
  804. {block:indexpage}
  805. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  806. {/block:indexpage}
  807. {block:permalinkpage}
  808. {Video-500}
  809. {/block:permalinkpage}
  810.  
  811. {/block:Video}
  812.  
  813. {block:Audio}
  814. <div class="text">
  815. {AudioPlayerGrey}
  816. {block:Caption}
  817. {Caption}
  818. {/block:Caption}
  819. {block:indexpage}
  820. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  821. {/block:indexpage}
  822. </div>{/block:Audio}
  823.  
  824. {block:Answer}<div class="text">
  825. <div class="question">
  826. <span style="text-transform:uppercase; color:{color:Link}">{Asker}:</span> {Question}</div><div class="answer">{Answer}</div>
  827. {block:indexpage}
  828. <div class="permahover"><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> </p></div>
  829. {/block:indexpage}
  830. </div>{/block:Answer}
  831.  
  832.  
  833. {block:PermalinkPage}
  834. <div id="note3"><div style="text-align:center">
  835. {block:RebloggedFrom} Reblogged from <a href="http://{ReblogParentName}.tumblr.com/" target="_blank">{ReblogParentName}</a> // Posted by <a href="http://{ReblogRootName}.tumblr.com/" target="_blank">{ReblogRootName}</a>{/block:RebloggedFrom}<br>
  836. {block:NoteCount}{NoteCountWithLabel} // {/block:NoteCount} {block:Date}{Month} {DayOfMonth}, {Year} {/block:Date}</div>
  837.  
  838. <div id="notetxt">
  839. {block:PostNotes}
  840. {PostNotes}
  841. {/block:PostNotes}
  842. </div>
  843. {/block:PermalinkPage}
  844. </div>
  845. {/block:Posts}
  846. </div>
  847. </div>
  848. {block:Pagination}
  849. <ul id="pagination">
  850. {block:PreviousPage}
  851. <li><a href="{PreviousPage}"></a></li>
  852. {/block:PreviousPage}
  853. {block:JumpPagination length="5"}
  854. {block:CurrentPage}
  855. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  856. {/block:CurrentPage}
  857. {block:JumpPage}
  858. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  859. {/block:JumpPage}
  860. {/block:JumpPagination}
  861. {block:NextPage}
  862. <li><a id="nextPage" href="{NextPage}"></a></li>
  863. {/block:NextPage}
  864. </ul>
  865. {/block:Pagination}
  866.  
  867. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  868. <script src="http://static.tumblr.com/fxpo5zq/HCHm5q8gs/infinitescroll.js"></script>
  869. {block:IndexPage}
  870. <script type="text/javascript">
  871. $(window).load(function () {
  872. $('#content').masonry(),
  873. $('.masonryWrap').infinitescroll({
  874. navSelector : '#pagination',
  875. nextSelector : '#pagination a#nextPage',
  876. itemSelector : ".entry",
  877. bufferPx : 100,
  878. loadingText : "<em></em>",
  879. },
  880. function() { $('#content').masonry({ appendedContent: $(this) }); }
  881. );
  882. });
  883. </script>
  884. {/block:IndexPage}
  885.  
  886. <script type="text/javascript">
  887.  
  888. $('.show').click(function(e){
  889. e.preventDefault();
  890. $('.panel').stop(true,true);
  891. var target = $(this).attr('href');
  892. if($('.panel').is(':visible')){
  893. if($(target).is(':visible')){
  894. $(target).slideUp();
  895. return false;
  896. }else{
  897. $('.panel:visible').slideUp(400, function(){
  898. $(target).slideDown();
  899. });
  900. }
  901. }else {
  902. $(target).slideDown();
  903. }
  904. });
  905.  
  906. </script>
  907.  
  908. <div id="ec">
  909. <a href="http://engyne.me/" target="_blank"><img src="http://static.tumblr.com/rpgreip/DQVmplenn/credit.png" height="19" width:"30" title="Theme Creator (Engyne)"></a>
  910. </div>
  911.  
  912. </body>
  913. </div>
  914.  
  915. </html>
Advertisement
Add Comment
Please, Sign In to add comment