globalthemes

Theme5 - Sydney

Jun 16th, 2015
1,608
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.13 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <script type="text/javascript"
  6. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  7.  
  8. <script language="JavaScript" src="http://static.tumblr.com/bkd4m5b/FB3m42m9e/norightclick.js"></script>
  9.  
  10. <title>{title}</title>
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  14. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  15.  
  16. <script language="JavaScript" src="http://static.tumblr.com/bkd4m5b/FB3m42m9e/norightclick.js"></script>
  17.  
  18. <meta name="if:2 Column" content="1"/>
  19. <meta name="if:3 Column" content="0"/>
  20. <meta name="if:Right sidebar" content="0"/>
  21. <meta name="if:Right Navigation" content="0"/>
  22. <meta name="if:Use Title" content="1"/>
  23. <meta name="if:Use Picture" content="0"/>
  24. <meta name="if:Cover Background" content="0"/>
  25. <meta name="if:Tiny Scrollbar" content="0"/>
  26. <meta name="if:Tiny Cursor" content="1"/>
  27. <meta name="if:Inverted Tumblr Controls" content="0"/>
  28. <meta name="color:Background" content="#FFFFFF"/>
  29. <meta name="color:Posts" content="#FFFFFF"/>
  30. <meta name="color:Header" content="#000000"/>
  31. <meta name="color:Blogtitle" content="#000000"/>
  32. <meta name="color:Blogtitle BG" content="#888888"/>
  33. <meta name="color:Bar" content="#888888"/>
  34. <meta name="color:Text" content="#130C11"/>
  35. <meta name="color:Title" content="#130C11"/>
  36. <meta name="color:Links" content="#000000"/>
  37. <meta name="color:Links Hover" content="#130C11"/>
  38. <meta name="color:Navigation" content="#000000"/>
  39. <meta name="color:Navigation Hover" content="#888888"/>
  40. <meta name="color:Permalink" content="#FFFFFF"/>
  41. <meta name="color:Permalink Hover" content="#888888"/>
  42. <meta name="color:Permalink BG" content="#888888"/>
  43. <meta name="color:Scrollbar" content="#000000"/>
  44. <meta name="color:Scrollbar Background" content="#FFFFFF"/>
  45. <meta name="image:Background" content="1"/>
  46. <meta name="image:Sidebar" content="1"/>
  47. <meta name="text:Opacity" content="0.9"/>
  48. <meta name="text:Link One" content="" />
  49. <meta name="text:Link One Title" content="" />
  50. <meta name="text:Link Two" content="" />
  51. <meta name="text:Link Two Title" content="" />
  52. <meta name="text:Link Three" content="" />
  53. <meta name="text:Link Three Title" content="" />
  54. <meta name="text:Link Four" content="" />
  55. <meta name="text:Link Four Title" content="" />
  56. <meta name="text:Link Five" content="" />
  57. <meta name="text:Link Five Title" content="" />
  58. <meta name="text:Link Six" content="" />
  59. <meta name="text:Link Six Title" content="" />
  60.  
  61. <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
  62.  
  63. <style type="text/css">
  64.  
  65. {block:iftinyscrollbar}
  66. ::-webkit-scrollbar {
  67. width: 4px;
  68. height:auto;
  69. background:{color:scrollbar background}
  70. }
  71.  
  72. ::-webkit-scrollbar-corner {
  73. background:{color:scrollbar};
  74. }
  75.  
  76. ::-webkit-scrollbar-thumb:vertical {
  77. background:{color:scrollbar};
  78. };
  79.  
  80. {/block:iftinyscrollbar}
  81.  
  82. ::selection {
  83. background: #EEEEEE; /* Safari */
  84. }
  85. ::-moz-selection {
  86. background: #EEEEEE; /* Firefox */
  87. }
  88.  
  89. .wrapper {
  90. margin: 0px auto;
  91. {block:indexpage}
  92. {block:if2column}
  93. width:800px;
  94. {/block:if2column}
  95. {block:if3column}
  96. width:1100px;
  97. {/block:if3column}
  98. {/block:indexpage}
  99. {block:permalinkpage}
  100. width:800px;
  101. {/block:permalinkpage}
  102. }
  103.  
  104. .tmblr-iframe{
  105. z-index:9999999999999999999!important;
  106. position:fixed !important;
  107. top: 3px;
  108. right: 3px;
  109. {block:ifInvertedTumblrControls}
  110. white-space :nowrap;
  111. -webkit-filter: invert(100%);
  112. -moz-filter: invert(100%);
  113. -o-filter: invert(100%);
  114. -ms-filter: invert(100%);
  115. filter: invert(100%);
  116. opacity:0.9;
  117. {/block:ifInvertedTumblrControls}
  118.  
  119. }
  120.  
  121. body {
  122. margin: 0px;
  123. padding: 0px;
  124. color:{color:text};
  125. background-color: {color:Background};
  126. background-image:url({image:background});
  127. background-attachment: fixed !important;
  128. {block:ifNotCoverBackground}
  129. background-size: repeat;
  130. {/block:ifNotCoverBackground}
  131. {block:ifCoverBackground}
  132. background-size:cover;
  133. {/block:ifCoverBackground}
  134. font-family:roboto;
  135. font-size: 10px;
  136. line-height:120%;
  137. color:{color:text};
  138. {block:iftinycursor}
  139. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png),auto;
  140. {/block:iftinycursor}
  141. }
  142.  
  143. a:link, a:active, a:visited {
  144. color: {color:Links};
  145. text-decoration: none;
  146. -webkit-transition: color 0.5s ease-out;
  147. -moz-transition: color 0.5s ease-out;
  148. {block:iftinycursor}
  149. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png),progress;
  150. {/block:iftinycursor}
  151. }
  152.  
  153. a:hover {
  154. color:{color:Links Hover};
  155. text-decoration: none;
  156. -webkit-transition: color 0.3s ease-out;
  157. -moz-transition: color 0.3s ease-out;
  158. {block:iftinycursor}
  159. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png),progress;
  160. {/block:iftinycursor}
  161. }
  162.  
  163. .entry {
  164. width:230px;
  165. margin:40px 30px 40px 30px;
  166. float:left;
  167. font-size: 12px;
  168. z-index:9;
  169. background-color:{color:posts};
  170. {block:indexpage}
  171. {/block:indexpage}
  172. {block:permalinkpage}
  173. width:500px;
  174. {/block:permalinkpage}
  175. }
  176.  
  177. .entry .photo {
  178. opacity:{text:opacity};
  179. -webkit-transition:all .5s ease-in-out;
  180. -moz-transition:all .5s ease-in-out;
  181. -o-transition:all .5s ease-in-out;
  182. transition:all .5s ease-in-out;
  183. }
  184.  
  185. .entry:hover .photo {
  186. opacity:1;
  187. -webkit-transition:all .5s ease-in-out;
  188. -moz-transition:all .5s ease-in-out;
  189. -o-transition:all .5s ease-in-out;
  190. transition:all .5s ease-in-out;
  191. }
  192.  
  193. .entry .photoset {
  194. opacity:{text:opacity};
  195. -webkit-transition:all .5s ease-in-out;
  196. -moz-transition:all .5s ease-in-out;
  197. -o-transition:all .5s ease-in-out;
  198. transition:all .5s ease-in-out;
  199. }
  200.  
  201. .entry:hover .photoset {
  202. opacity:1;
  203. -webkit-transition:all .5s ease-in-out;
  204. -moz-transition:all .5s ease-in-out;
  205. -o-transition:all .5s ease-in-out;
  206. transition:all .5s ease-in-out;
  207. }
  208.  
  209. .entry .permalink {
  210. position:absolute;
  211. width:220px;
  212. height:20px;
  213. padding:0px 5px 0px 5px;
  214. bottom:-30px;
  215. line-height:20px;
  216. font-size:11px;
  217. background:{color:permalink bg};
  218. letter-spacing:1px;
  219. z-index:999999999999;
  220. opacity:1;
  221. -webkit-transition:all .5s ease-in-out;
  222. -moz-transition:all .5s ease-in-out;
  223. -o-transition:all .5s ease-in-out;
  224. transition:all .5s ease-in-out;
  225. }
  226.  
  227. .entry:hover .permalink {
  228. -webkit-transition:all .5s ease-in-out;
  229. -moz-transition:all .5s ease-in-out;
  230. -o-transition:all .5s ease-in-out;
  231. transition:all .5s ease-in-out;
  232. }
  233.  
  234. .permalink a {
  235. color:{color:permalink};
  236. }
  237.  
  238. .permalink a:hover {
  239. color:{color:permalink hover};
  240. }
  241.  
  242. .boxy {
  243. width:100%;
  244. height:33%;
  245. margin-top:50%;
  246. top:-25%;
  247. }
  248.  
  249. #pagination {
  250. display:none;
  251. }
  252.  
  253. #posts {
  254. position:relative;
  255. {block:ifnotrightsidebar}
  256. margin-left:180px;
  257. {/block:ifnotrightsidebar}
  258. {block:indexpage}
  259. {block:if2column}
  260. width:650px;
  261. {/block:if2column}
  262. {block:if3column}
  263. width:880px;
  264. {/block:if3column}
  265. {/block:indexpage}
  266. {block:permalinkpage}
  267. width:500px;
  268. {/block:permalinkpage}
  269. z-index:99;
  270. }
  271.  
  272. #sidebar {
  273. position:fixed;
  274. {block:indexpage}
  275. {block:ifrightsidebar}
  276. {block:if2column}
  277. margin-left:590px;
  278. {/block:if2column}
  279. {block:if3column}
  280. margin-left:890px;
  281. {/block:if3column}
  282. {/block:ifrightsidebar}
  283. {block:ifnotrightsidebar}
  284. margin-left:5px;
  285. {/block:ifnotrightsidebar}
  286. {/block:indexpage}
  287. {block:permalinkpage}
  288. {block:ifrightsidebar}
  289. margin-left:570px;
  290. {/block:ifrightsidebar}
  291. {block:ifnotrightsidebar}
  292. margin-left:5px;
  293. {/block:ifnotrightsidebar}
  294. {/block:permalinkpage}
  295. width:170px;
  296. margin-top:10%;
  297. }
  298.  
  299. #bar {
  300. position:fixed;
  301. {block:ifrightnavigation}
  302. right:0px;
  303. {/block:ifrightnavigation}
  304. {block:ifnotrightnavigation}
  305. left:0px;
  306. {/block:ifnotrightnavigation}
  307. top:0px;
  308. height:100%;
  309. width:40px;
  310. background:{color:bar};
  311. }
  312.  
  313. .blogtitle {
  314. position:absolute;
  315. {block:ifnotrightsidebar}
  316. right:0px;
  317. {/block:ifnotrightsidebar}
  318. height:18px;
  319. font-size:18px;
  320. line-height:18px;
  321. padding:2px;
  322. color: {color:blogtitle};
  323. z-index: 9999999;
  324. letter-spacing:2px;
  325. font-family:roboto;
  326. text-align:right;
  327. background:{color:blogtitle bg};
  328. }
  329.  
  330. .blogtitle a {
  331. color: {color:blogtitle};
  332. }
  333.  
  334. .picture img {
  335. width:170px;
  336. height:auto;
  337. opacity:0.9;
  338. margin-top:35px;
  339. }
  340.  
  341. .description {
  342. line-height:110%;
  343. font-size:11px;
  344. letter-spacing:1px;
  345. {block:ifnotrightsidebar}
  346. text-align:right;
  347. {/block:ifnotrightsidebar}
  348. {block:ifusepicture}
  349. margin-top:10px;
  350. {/block:ifusepicture}
  351. {block:ifnotusepicture}
  352. margin-top:30px;
  353. {/block:ifnotusepicture}
  354. }
  355.  
  356. .dontremovethispls {
  357. position:fixed;
  358. bottom:0px;
  359. right:2px;
  360. z-index:99999999999;
  361. }
  362. .dontremovethispls img {
  363. width:25px;
  364. }
  365.  
  366. #what {
  367. font-size: 12px;
  368. padding:0px;
  369. height:auto;
  370. width:100%;
  371. text-align:center;
  372. line-height:8px;
  373. margin-top:140px;
  374. }
  375.  
  376. #infscr-loading {
  377. bottom: -70px;
  378. position: absolute;
  379. left: 50%;
  380. margin-left:-8px;
  381. width:16px;
  382. height:11px;
  383. overflow:hidden;
  384. margin-bottom: 50px;
  385. }
  386.  
  387. .links {
  388. font-size:17px;
  389. width:auto;
  390. display:block;
  391. line-height:100%;
  392. margin:10px 5px 10px 5px;
  393. -webkit-transition: all 0.3s linear;
  394. -webkit-transition: all 0.3s linear;
  395. -moz-transition: all 0.3s linear;
  396. transition: all 0.3s linear;
  397. }
  398.  
  399. .links a {
  400. color:{color:navigation};
  401. }
  402.  
  403. .links a:hover {
  404. color:{color:navigation hover};
  405. }
  406. .block {
  407. width:8px;
  408. height:8px;
  409. margin:4px 4px 5px 4px;
  410. line-height:8px;
  411. background:transparent;
  412. border:1px solid black;
  413. display:inline-block;
  414. -webkit-transition: all 0.3s linear;
  415. -webkit-transition: all 0.3s linear;
  416. -moz-transition: all 0.3s linear;
  417. transition: all 0.3s linear;
  418. }
  419.  
  420. .block:hover {
  421. background:black;
  422. -webkit-transition: all 0.3s linear;
  423. -webkit-transition: all 0.3s linear;
  424. -moz-transition: all 0.3s linear;
  425. transition: all 0.3s linear;
  426. }
  427.  
  428. .title{
  429. font-size: 12px;
  430. line-height:10px;
  431. color: {color:Title};
  432. font-weight: normal;
  433. padding:0px 0px 0px 0px;
  434. }
  435.  
  436. #s-m-t-tooltip {
  437. max-width:200px;
  438. z-index:99999999999999;
  439. padding:3px;
  440. font-size:11px;
  441. color:{color:text};
  442. line-height:10px;
  443. margin:10px 14px 7px 17px;
  444. background:white;
  445. -moz-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255 ,0.3);
  446. -webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255 ,255,0.3);
  447. box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3 );
  448. }
  449.  
  450. .audioplayer {
  451. {block:indexpage}
  452. width:230px;
  453. height:230px;
  454. {/block:indexpage}
  455. {block:permalinkpage}
  456. width:500px;
  457. height:500px;
  458. {/block:permalinkpage}
  459. }
  460.  
  461. .album {
  462. position:absolute;
  463. z-index:4;
  464. {block:indexpage}
  465. width:230px;
  466. height:230px;
  467. {/block:indexpage}
  468. {block:permalinkpage}
  469. width:500px;
  470. height:500px;
  471. {/block:permalinkpage}
  472. }
  473.  
  474. .yh {
  475. position:absolute;
  476. width:100%;
  477. top:0px;
  478. padding-bottom:5px;
  479. opacity:0;
  480. z-index:999999;
  481. background:white;
  482. -webkit-transition: all 0.5s linear;
  483. -webkit-transition: all 0.5s linear;
  484. -moz-transition: all 0.5s linear;
  485. transition: all 0.5s linear;
  486. }
  487.  
  488. .audioplayer:hover .yh {
  489. position:absolute;
  490. opacity:.9;
  491. -webkit-transition: all 0.5s linear;
  492. -webkit-transition: all 0.5s linear;
  493. -moz-transition: all 0.5s linear;
  494. transition: all 0.5s linear;
  495. }
  496.  
  497. .album img {
  498. float:left;
  499. {block:indexpage}
  500. width:230px;
  501. height:230px;
  502. {/block:indexpage}
  503. {block:permalinkpage}
  504. width:500px;
  505. height:500px;
  506. {/block:permalinkpage}
  507. opacity:.9;
  508. }
  509.  
  510. .playbutton {
  511. {block:indexpage}
  512. margin-left:105px;
  513. margin-top:105px;
  514. {/block:indexpage}
  515. {block:permalinkpage}
  516. margin-left:240px;
  517. margin-top:240px;
  518. {/block:permalinkpage}
  519. opacity:0.5;
  520. width:26px;
  521. height:28px;
  522. overflow:hidden;
  523. position:absolute;
  524. z-index:999999;
  525. }
  526.  
  527. .song {
  528. position:relative;
  529. text-transform:capitalize;
  530. letter-spacing:1px;
  531. margin-left:5px;
  532. margin-top:5px;
  533. line-height:13px;
  534. font-size:10px;
  535. }
  536.  
  537. blockquote {
  538. padding:2px 2px 2px 5px;
  539. margin:4px 4px 4px 7px;
  540. border-left: 4px solid #dddddd;
  541. }
  542.  
  543. ul, ol, li {
  544. list-style:none;
  545. margin:0px;
  546. padding:0px;
  547. }
  548.  
  549. .caption2 {
  550. color:{color:text};
  551. float:left;
  552. clear:left;
  553. }
  554.  
  555. .caption {
  556. color:{color:text};
  557. float:left;
  558. clear:left;
  559. width:100%;
  560. }
  561.  
  562. .caption img {
  563. width:100%;
  564. }
  565.  
  566. .question {
  567. padding:5px;
  568. letter-spacing:1px;
  569. line-height:110%;
  570. font-weight:bold;
  571. }
  572.  
  573. #answer {
  574. padding:5px;
  575. letter-spacing:1px;
  576. line-height:110%;
  577. text-align:right;
  578. }
  579.  
  580. #answer img {
  581. width:100%;
  582. }
  583.  
  584. .notez {
  585. text-align:center;
  586. margin-top:5px;
  587. letter-spacing:1px;
  588. font-size:10px;
  589. line-height:110%;
  590. padding-bottom:1px;
  591. text-transform:capitalize;
  592. clear:both;
  593. }
  594.  
  595. .box {
  596. position:relative;
  597. height:auto;
  598. max-height:200px;
  599. overflow-x:hidden;
  600. overflow-y:scroll;
  601. border:1px solid {color:bar};
  602. }
  603.  
  604. .shit {
  605. width:100%;
  606. padding:5px 0px 5px 0px;
  607. bottom:0px;
  608. font-size:20px;
  609. text-align:right;
  610. word-spacing:5px;
  611. }
  612.  
  613. {CustomCSS}
  614.  
  615. </style>
  616.  
  617.  
  618. {block:IndexPage}
  619.  
  620. <script type="text/javascript">
  621. (function($){
  622. $(document).ready(function(){
  623. $("[title],a[title],img[title]").style_my_tooltips({
  624. tip_follows_cursor:true,
  625. tip_delay_time:100,
  626. tip_fade_speed:300,
  627. attribute:"title"
  628. });
  629. });
  630. })(jQuery);
  631. </script>
  632.  
  633. {block:ifUseScrollToTop}
  634. <script src="http://static.tumblr.com/7u4rsen/doXmzlogf/scrolltotop.js"></script>
  635. {/block:ifUseScrollToTop}
  636.  
  637. <script src="http://static.tumblr.com/7u4rsen/ty1mywnp2/jquery.style-my-tooltips.js"></script>
  638. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  639. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  640.  
  641. <script type="text/javascript">
  642. $(window).load(function () {
  643. var $content = $('#posts');
  644. $content.masonry({itemSelector: '.entry'}),
  645. $content.infinitescroll({
  646. navSelector : 'div#pagination',
  647. nextSelector : 'div#pagination a#nextPage',
  648. itemSelector : '.entry',
  649. loading: {
  650. finishedMsg: '',
  651. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  652. },
  653. bufferPx : 600,
  654. debug : false,
  655. },
  656. // call masonry as a callback.
  657. function( newElements ) {
  658. var $newElems = $( newElements );
  659. $newElems.hide();
  660. // ensure that images load before adding to masonry layout
  661. $newElems.imagesLoaded(function(){
  662. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  663.  
  664.  
  665. });
  666. });
  667. });
  668. </script>
  669.  
  670. {/block:IndexPage}
  671.  
  672. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><div class="dontremovethispls"><a href="http://aliensfromhell.tumblr.com/" target="_blank" title="Global Themes"><img src="http://static.tumblr.com/xnjw13b/Q0Ennw1f7/5e9d5cab.png"></a></div>
  673.  
  674. <script type="text/javascript">
  675. $(document).ready(function(){
  676. $(".credit").hide();
  677. $(".finder").click(function(){
  678. $(this).next(".credit").slideToggle('slow');
  679. }); }); </script>
  680.  
  681. </style>
  682.  
  683. </head>
  684.  
  685. <body onselectstart="return false;" ondragstart="return false;">
  686.  
  687. <div id="bar">
  688. <div id="what">
  689. {block:iflinkonetitle}<div class="links"><a href="{text:link one}" title="{text:link one title}"><i class="fa fa-home"></i></a></div>{/block:iflinkonetitle}
  690. {block:iflinktwotitle}<div class="links"><a href="{text:link two}" title="{text:link two title}"><i class="fa fa-comment"></i></a></div>{/block:iflinktwotitle}
  691. {block:iflinkthreetitle}<div class="links"><a href="{text:link three}" title="{text:link three title}"<i class="fa fa-location-arrow"></a></div>{/block:iflinkthreetitle}
  692. {block:iflinkfourtitle}<div class="links"><a href="{text:link four}" title="{text:link four title}"><i class="fa fa-folder-open"></i></a></div>{/block:iflinkfourtitle}
  693. {block:iflinkfivetitle}<div class="links"><a href="{text:link five}" title="{text:link five title}"><i class="fa fa-plus"></i></a></a></div>{/block:iflinkfivetitle}
  694. {block:iflinksixtitle}<div class="links"><a href="{text:link six}" title="{text:link six title}"><i class="fa fa-heart"></i></a></div>{/block:iflinksixtitle}
  695. <div class="links"><a href="http://aliensfromhell.tumblr.com/" title="Credit"><i class="fa fa-code"></i></a></div>
  696. </div>
  697. </div>
  698.  
  699. <div class="wrapper">
  700.  
  701. <div id="sidebar">
  702. {block:ifusetitle}<div class="blogtitle"><a href="/">{title}</a></div>{block:ifusetitle}{block:ifusepicture}<div class="picture"><a href="/"><img src="{image:sidebar}"></a></div>{/block:ifusepicture}
  703. <div class="description">{description}</div>
  704. </div>
  705.  
  706. <div id="posts">
  707.  
  708. {block:Posts}
  709. <div class="entry">
  710.  
  711. {block:Text}
  712. {block:Title}<span class="title">{Title}</span>{/block:Title}
  713. <div class="caption"><span>{Body}</span></div>
  714. {block:indexpage}<div class="permalink"><a href="{permalink}"><i class="fa fa-comments"></i> {notecount}</a><div style="position:absolute; right:5px; margin-top:-20px;"><a href="{reblogurl}">Reblog <i class="fa fa-paper-plane"></i></a></div></div>{/block:indexpage}
  715. {/block:Text}
  716.  
  717. {block:Link}
  718. <div style="border:1px solid {color:bar}; padding:5px"><center><a href="{URL}" class="title"><b>{Name}</b></a></center></div>
  719. {block:Description}<div class="caption">{Description}</div>{/block:Description}{block:indexpage}<div class="permalink"><a href="{permalink}"><i class="fa fa-comments"></i> {notecount}</a><div style="position:absolute; right:5px; margin-top:-20px;"><a href="{reblogurl}">Reblog <i class="fa fa-paper-plane"></i></a></div></div>{/block:indexpage}
  720. {block:Link}
  721.  
  722.  
  723. {block:Photo}
  724. {block:IndexPage}
  725. <div class="photo" style="line-height:0px;">
  726. <div class="permalink"><a href="{permalink}"><i class="fa fa-comments"></i> {notecount}</a><div style="position:absolute; right:5px; margin-top:-20px;"><a href="{reblogurl}">Reblog <i class="fa fa-paper-plane"></i></a></div></div>
  727. <div class="photo">{LinkOpenTag}<a href="{permalink}"><img width="100%" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /></a>{LinkCloseTag}</div>
  728. </div>
  729. {/block:IndexPage}
  730. {block:PermalinkPage}
  731. {LinkOpenTag}
  732. <a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>{LinkCloseTag}{/block:PermalinkPage}
  733. {/block:Photo}
  734.  
  735. {block:Photoset}
  736. {block:IndexPage}
  737. <div class="permalink"><a href="{permalink}"><i class="fa fa-comments"></i> {notecount}</a><div style="position:absolute; right:5px; margin-top:-20px;"><a href="{reblogurl}">Reblog <i class="fa fa-paper-plane"></i></a></div></div>
  738. <div style="width=100%; line-height:0px; overflow-x:hidden; overflow-y:hidden;"><center>{Photoset-250}</center></div>{/block:IndexPage}
  739. <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
  740. {/block:Photoset}
  741.  
  742. {block:Quote}
  743. <span style="letter-spacing:1px; font-style:italic; color:{color:Text}">{Quote}</span>{block:Source}<div style="text-align:right;font-weight:bold;margin:5px; text-transform:capitalize;">{Source}</div>{/block:Source}{block:indexpage}<div class="permalink"><a href="{permalink}"><i class="fa fa-comments"></i> {notecount}</a><div style="position:absolute; right:5px; margin-top:-20px;"><a href="{reblogurl}">Reblog <i class="fa fa-paper-plane"></i></a></div></div>{/block:indexpage}
  744. {/block:Quote}
  745.  
  746. {block:Chat}
  747. {block:Title}<span class="title">{Title}</span><p>{/block:Title}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}
  748. </ul><br>{block:indexpage}<div class="permalink"><a href="{permalink}"><i class="fa fa-comments"></i> {notecount}</a><div style="position:absolute; right:5px; margin-top:-20px;"><a href="{reblogurl}">Reblog <i class="fa fa-paper-plane"></i></a></div></div>{/block:indexpage}
  749. {/block:Chat}
  750.  
  751. {block:Audio}
  752. <div class="audioplayer">
  753. {block:indexpage}<div class="permalink"><a href="{permalink}"><i class="fa fa-comments"></i> {notecount}</a><div style="position:absolute; right:5px; margin-top:-20px;"><a href="{reblogurl}">Reblog <i class="fa fa-paper-plane"></i></a></div></div>{/block:indexpage}
  754. <div class="album">
  755. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="album"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  756. <div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  757. {block:indexpage}<div class="yh">
  758. <div class="song"><strong>Artist:</strong><span {block:Artist} style="display:none;" {/block:Artist}> Unknown</span>
  759. {block:Artist}{Artist}{/block:Artist}<br><strong>Title:</strong><span {block:TrackName} style="display:none;"{/block:TrackName}> Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><strong>Album:</strong> <span {block:Album} style="display:none;"{/block:Album}> Unknown </span>{block:Album}{Album}{/block:Album}<br>{block:PlayCount}<strong>Plays:</strong> {FormattedPlayCount}{/block:PlayCount}</div>{/block:indexpage}
  760.  
  761. </div></div>
  762. {/block:Audio}
  763.  
  764. {block:Video}
  765. {block:indexpage}<div class="permalink"><a href="{permalink}"><i class="fa fa-comments"></i> {notecount}</a><div style="position:absolute; right:5px; margin-top:-20px;"><a href="{reblogurl}">Reblog <i class="fa fa-paper-plane"></i></a></div></div>
  766. <div style="overflow-x:hidden; overflow-y:hidden;"><center>{video-250}</center></div>{/block:indexpage}
  767. {block:PermalinkPage}<center>{Video-500}</center>{/block:PermalinkPage}
  768. {block:Video}
  769.  
  770. {block:Answer}
  771. <div class="question">{asker}: {Question}</div>
  772. <div id="answer">{Answer}</div>
  773. {block:indexpage}<div class="permalink"><a href="{permalink}"><i class="fa fa-comments"></i> {notecount}</a><div style="position:absolute; right:5px; margin-top:-20px;"><a href="{reblogurl}">Reblog <i class="fa fa-paper-plane"></i></a></div></div>{/block:indexpage}
  774. {/block:Answer}
  775.  
  776. {block:IndexPage}<div style="display:none;">{block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{/block:ContentSource}</div>{/block:IndexPage}
  777.  
  778. {block:PermalinkPage}
  779. <div style="padding:5px;">
  780. {block:Date}
  781. {block:Caption}{Caption}{/block:Caption}<br>
  782. Posted on {month} {DayOfMonth}{DayOfMonthSuffix}, {year} at {formattedtime} <br>
  783. {block:NoteCount}This post has {NoteCount} Notes{/block:NoteCount}<br>
  784. {/block:Date}
  785. {block:RebloggedFrom}
  786. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  787. Orginally by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  788. {/block:RebloggedFrom}
  789.  
  790. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  791. {/block:Date}
  792. </div><br>
  793. {/block:PermalinkPage}
  794.  
  795. {block:PostNotes}
  796. <div class="box">{PostNotes}</div>
  797. {/block:PostNotes}
  798. </div>
  799.  
  800. {/block:Posts}
  801. </div>
  802. </div>
  803. {block:IndexPage}<br>
  804. {block:Pagination}
  805. <div id="pagination">
  806. {block:NextPage}
  807. <a id="nextPage" href="{NextPage}">next</a>
  808. {/block:NextPage}
  809. {block:PreviousPage}
  810. <a href="{PreviousPage}">back</a>
  811. {/block:PreviousPage}
  812. </div>
  813. {/block:Pagination}
  814. {/block:IndexPage}
  815. </div>
  816.  
  817. </body>
  818.  
  819. </html>
Advertisement
Add Comment
Please, Sign In to add comment