globalthemes

Theme10 - Reykjavík

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