themesbybrenda

Theme #6 - Two Columns

Jan 17th, 2019 (edited)
806
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.45 KB | None | 0 0
  1. <!--
  2.  
  3. Theme Created by @themesbybrenda
  4. Thank you for using and please
  5. do not remove credit! - Brenda
  6.  
  7. Credits to
  8. NPF Image Fix: @mhango | @themesbyeva
  9. Logo: @xlfdesigns
  10. Photosets: @annasthms
  11. Tumblr Controls: @cyantists
  12. Tooltip: manos.malihu.gr
  13. Infinite Scroll: https://infinite-scroll.com/
  14. Link Icons: https://fontawesome.com/
  15. Fonts: https://fonts.google.com/
  16. Background: https://www.rawpixel.com/
  17.  
  18. -->
  19.  
  20. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  21. <script>
  22. $(document).ready(function(){
  23. $(".inside").hide();
  24. $(".label").click(function(){
  25. $(this).next(".inside").slideToggle('fast');
  26. });
  27. });
  28. </script>
  29.  
  30. <!--Default Variables-->
  31. <meta name="color:Background" content=""/>
  32. <meta name="color:Link" content=""/>
  33. <meta name="color:Link Hover" content=""/>
  34. <meta name="color:Permalink" content=""/>
  35. <meta name="color:Scrollbar" content=""/>
  36. <meta name="color:Text" content=""/>
  37. <meta name="color:Title" content=""/>
  38. <meta name="color:Border" content=""/>
  39. <meta name="color:Sidebar Title" content=""/>
  40. <meta name="color:Tooltip Text" content="" />
  41. <meta name="color:Tooltip Background" content="" />
  42. <meta name="color:Tooltip Border" content="" />
  43. <meta name="image:background" content""/>
  44. <meta name="image:sidebar" content=""/>
  45. <meta name="text:sidebar title" content=""/>
  46. <meta name="text:Custom Link one" content="" />
  47. <meta name="text:Custom Link One Title" content="" />
  48. <meta name="text:Custom Link Two" content="" />
  49. <meta name="text:Custom Link Two Title" content="" />
  50. <meta name="text:Custom Link Three" content="" />
  51. <meta name="text:Custom Link Three Title" content="" />
  52. <meta name="text:Custom Link Four" content="" />
  53. <meta name="text:Custom Link Four Title" content="" />
  54. <meta name="text:Custom Link Five" content="" />
  55. <meta name="text:Custom Link Five Title" content="" />
  56. <meta name="text:Custom Link Six" content="" />
  57. <meta name="text:Custom Link Six Title" content="" />
  58.  
  59. <script type="text/javascript" language="javascript" src="https://assets.tumblr.com/javascript/tumblelog.js?7"></script>
  60.  
  61. <script type="text/javascript" src="/api/read/json?id={PostID}"></script>
  62. <script type="text/javascript">
  63. var color = "ff0000";
  64. var player = tumblr_api_read['posts'][0]['audio-player'].replace("color=FFFFFF", "color=" + color);
  65. replaceIfFlash(9, "audio_player_{PostID}", player);
  66. </script>
  67.  
  68. <script language="JavaScript" src="https://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  69.  
  70. <style type="text/css">
  71.  
  72.  
  73. #s-m-t-tooltip {
  74. font-family: 'Monda', sans-serif;
  75. font-size:9px;
  76. color: {color:Tooltip Text};
  77. background-color:{color:Tooltip Background};
  78. text-align: center;
  79. max-width:150px;
  80. overflow:auto;
  81. text-transform:none;
  82. position: absolute;
  83. z-index: 999999999999;
  84. padding: 5px;
  85. margin:20px 0 15px 10px;
  86. -webkit-transition: all 0.2s ease-in-out;
  87. -moz-transition: all 0.2s ease-in-out;
  88. transition: all 0.2s ease-in-out;
  89. }
  90.  
  91. .wrapper{
  92. margin:auto;
  93. width: 717px;
  94. }
  95.  
  96. ::-webkit-scrollbar {width: 5px; height: 5px; background:#fff; }
  97. ::-webkit-scrollbar-thumb {background-color: {color:Scrollbar};}
  98.  
  99. body{
  100. background: url({image:Background}) no-repeat center center fixed;
  101. -webkit-background-size: cover;
  102. -moz-background-size: cover;
  103. -o-background-size: cover;
  104. background-color: {color:Background};
  105. background-size: cover;
  106. text-align:left;
  107. font-family: 'Monda', sans-serif;
  108. font-size: 10px;
  109. color:{color:Text};
  110. }
  111.  
  112. a:link, a:active, a:visited{
  113. color: {color:Link};
  114. text-decoration:none;
  115. -webkit-transition: all 0.1s linear;
  116. -moz-transition: all 0.1s linear;
  117. transition: all 0.1s linear;
  118. }
  119.  
  120. #posts {
  121. position:relative;
  122. margin-top:0px;
  123. background-color: transparent;
  124. {block:IndexPage}
  125. margin-left:120px;
  126. width:700px;
  127. {/block:IndexPage}
  128. {block:PermalinkPage}
  129. width: 500px;
  130. margin-left:120px;
  131. margin-top:0px;
  132. {/block:PermalinkPage}
  133. }
  134.  
  135. .info {
  136. margin-left:100px;
  137. margin-top:4px;
  138. line-height:14px;
  139. }
  140.  
  141. .entry .permalink{
  142. position:absolute;
  143. width: 230px;
  144. margin-top: 0px;
  145. margin-left: 0px;
  146. padding: 10px;
  147. height: auto;
  148. background-color:{color:Background};
  149. overflow:visible;
  150. text-transform:uppercase;
  151. font-family: 'Monda', sans-serif;
  152. font-size: 10px;
  153. line-height:13px;
  154. text-align:center;
  155. opacity:0.0;
  156. -webkit-transition: all 0.6s ease-out;
  157. -moz-transition: all 0.6s ease-out;
  158. transition: all 0.6s ease-out;
  159. }
  160.  
  161. .entry:hover .permalink{
  162. overflow:visible;
  163. opacity: 1;
  164. z-index: 99999999999;
  165. margin-bottom: 0px;
  166. -webkit-transition: all 0.6s ease-out;
  167. -moz-transition: all 0.6s ease-out;
  168. transition: all 0.6s ease-out;
  169. }
  170.  
  171. .permalinktext {
  172. display:block;
  173. padding: 2px;
  174. margin: 5px 5px 0px 5px;
  175. text-transform:uppercase;
  176. font-family: 'Monda', sans-serif;
  177. font-size: 8px;
  178. color: #000;
  179. line-height: 15px;
  180. letter-spacing:1px;
  181. text-align: center;
  182. text-decoration: none;
  183. border-top:1px solid {color:Border};
  184. webkit-transition: all 0.2s linear;
  185. -webkit-transition: all 0.2s linear;
  186. -moz-transition: all 0.2s linear;
  187. transition: all 0.2s linear;
  188. }
  189.  
  190. .permalinktext:hover{
  191. webkit-transition: all 0.2s linear;
  192. -webkit-transition: all 0.2s linear;
  193. -moz-transition: all 0.2s linear;
  194. transition: all 0.2s linear;
  195. }
  196.  
  197. .entry {
  198. opacity: 1;
  199. margin:10px;
  200. float:left;
  201. background-color:transparent;
  202. font-family: 'Monda', sans-serif;
  203. font-size:11px;
  204. line-height:14px;
  205. {block:IndexPage}
  206. width:250px;
  207. {/block:IndexPage}
  208. {block:PermalinkPage}
  209. width:500px;
  210. {/block:PermalinkPage}
  211. }
  212.  
  213. .entry img{
  214. {block:IndexPage}
  215. max-width:250px;
  216. opacity: 1;
  217. {/block:IndexPage}
  218. {block:PermalinkPage}
  219. max-width:500px;
  220. {/block:PermalinkPage}
  221. }
  222.  
  223. .entry img:hover{
  224. {block:IndexPage}
  225. opacity: 1;
  226. transition: all 0.5s ease-out;
  227. -o-transition-transition: all 0.5s ease-out;
  228. -webkit-transition: all 0.5s ease-out;
  229. -moz-transition: all 0.5s ease-out;
  230. transition: all 0.9s ease-in-out;
  231. -webkit-filter:grayscale(100%);
  232. {/block:IndexPage}
  233. }
  234.  
  235. [photoset-layout] {
  236. grid-gap: 3px;
  237. }
  238.  
  239. {block:PermalinkPage}
  240.  
  241. .text figure + p {
  242. margin-top:1em;
  243. }
  244.  
  245. .text:not(:has(.title)):not(:has(p + .npf_row)):has(:is(.tmblr-full img,.post_media_photo_anchor img)):has(.tumblr_blog) p:first-child {
  246. color:{color:background};
  247. font-size:0;
  248. display:none;
  249. }
  250.  
  251. .text:not(:has(.title)):not(:has(p + .npf_row)):has(:is(.tmblr-full img,.post_media_photo_anchor img)):has(.tumblr_blog) p {
  252. color:{color:text};
  253. font-size:12px;
  254. }
  255.  
  256. .text:not(:has(.title)):not(:has(p + .npf_row)):has(:is(.tmblr-full img,.post_media_photo_anchor img)) p {
  257. margin:10px 20px;
  258. }
  259.  
  260. .text:not(:has(.title)):not(:has(p + .npf_row)):has(:is(.tmblr-full img,.post_media_photo_anchor img)) {
  261. background:{color:Notebox Background};
  262. }
  263.  
  264. {/block:PermalinkPage}
  265.  
  266. {block:indexpage}
  267.  
  268. .text:not(:has(.title)):not(:has(p + .npf_row)):has(:is(.tmblr-full img,.post_media_photo_anchor img)):has(.tumblr_blog) {
  269. color:{color:background};
  270. font-size:0;
  271. }
  272. {/block:indexpage}
  273.  
  274. .text:has(.tmblr-full img) .op-blockquote,
  275. .text:has(.tmblr-full img) .npf-post-source,
  276. .text:has(.tmblr-full img) .tumblr_blog,
  277. .text:has(.post_media_photo_anchor img) .op-blockquote,
  278. .text:has(.post_media_photo_anchor img) .npf-post-source,
  279. .text:has(.post_media_photo_anchor img) .tumblr_blog
  280. {
  281. display:none;
  282. }
  283.  
  284. .text {
  285. padding:0px;
  286. }
  287.  
  288. .text img {
  289. max-width: 100%;
  290. height: auto;
  291. }
  292.  
  293. .text:not(:has(.title)):not(:has(p + .npf_row)):has(.tmblr-full img),
  294. .text:not(:has(.title)):not(:has(p + .npf_row)):has(.post_media_photo_anchor img) {
  295. padding:0;
  296. }
  297.  
  298. .post_media_photo_anchor img, .post_media_photo img {
  299. height:100%;
  300. width:100%;
  301. }
  302.  
  303. {block:indexpage}
  304.  
  305.  
  306. .text:not(:has(.title)):not(:has(p + .npf_row)):has(.tmblr-full img) :is(p,ul,ol,h1,h2,h3,h4,h5),
  307. .text:not(:has(.title)):not(:has(p + .npf_row)):has(.post_media_photo_anchor img) :is(p,ul,ol,h1,h2,h3,h4,h5)
  308. {
  309. display:none;
  310. }
  311.  
  312. .text:not(:has(.title)):not(:has(p + .npf_row)):has(.tmblr-full img),
  313. .text:not(:has(.title)):not(:has(p + .npf_row)):has(.post_media_photo_anchor img)
  314. {
  315. background-color: {color:background};
  316. border-color:{color:background};
  317. }
  318.  
  319. {/block:indexpage}
  320.  
  321. .title{
  322. font-family: 'Londrina Shadow', cursive;
  323. letter-spacing:3px;
  324. font-size: 20px;
  325. font-style:bold;
  326. font-weight: bolder;
  327. text-transform:uppercase;
  328. line-height: 25px;
  329. color: {color:Title};
  330. }
  331.  
  332. div#sidebar {
  333. opacity: 1;
  334. position:fixed !important;
  335. background-color: transparent;
  336. width: 150px;
  337. height: auto;
  338. font-family: 'Monda', monospace;
  339. font-size: 10px;
  340. font-style: none;
  341. text-align: center;
  342. line-height:10px;
  343. margin-left:-60px;
  344. margin-top:300px;
  345. padding:10px;
  346. padding-top:30px;
  347. }
  348.  
  349. div#blogtitle{
  350. position: fixed !important;
  351. margin-left:0px;
  352. margin-top:-22px;
  353. text-align: center;
  354. width: 150px;
  355. font-family: 'Londrina Shadow', cursive;
  356. font-size: 20px;
  357. font-style:bold;
  358. font-weight: bolder;
  359. line-height:10px;
  360. letter-spacing:3px;
  361. text-transform: uppercase;
  362. padding-top: 5px;
  363. padding-bottom: 5px;
  364. padding-left:3px;
  365. padding-right:0px;
  366. background-color: transparent;
  367. color:{color:Sidebar Title};
  368. }
  369.  
  370. .links {
  371. width: 15px;
  372. padding: 0px;
  373. margin:1px;
  374. height: 15px;
  375. margin-top: 5px;
  376. background-color: transparent;
  377. font-size:14px;
  378. font-family: 'Monda', sans-serif;
  379. font-style:bold;
  380. font-weight: bolder;
  381. letter-spacing:0px;
  382. line-height:15px;
  383. text-align:center;
  384. display: inline-block;
  385. }
  386.  
  387. .links:hover {
  388. padding:1px;
  389. background-color: {color:Link Hover};
  390. }
  391.  
  392. .info{
  393. margin-top:5px;
  394. margin-left:10px;
  395. font-style:italic;
  396. }
  397.  
  398. askk {
  399. font-family: 'Londrina Shadow', cursive;
  400. color: {color:Title};
  401. font-size: 20px;
  402. font-style:bold;
  403. font-weight: bolder;
  404. text-transform:uppercase;
  405. border-bottom:1px solid {color:Border};
  406. z-index:1;
  407. }
  408.  
  409. #postnotes{
  410. text-align: justify;
  411. }
  412.  
  413. #postnotes blockquote{
  414. border: 0px;}
  415.  
  416. blockquote{
  417. padding:0px;
  418. min-width:250px;
  419. max-width:250px;
  420. overflow: hidden;
  421. height:auto;
  422. margin:0px;
  423. border-left: 0px solid {color:Border};
  424. {block:PermalinkPage}
  425. min-width:500px;
  426. max-width:500px;
  427. height:auto;
  428. {/block:PermalinkPage}
  429. }
  430.  
  431. #c{
  432. position:fixed;
  433. font-family:Inconsolata;
  434. font-size:15px;
  435. bottom:0;
  436. right:0;
  437. padding:8px;
  438. }
  439.  
  440. blockquote p, ul{
  441. margin:0px;
  442. padding:0px;
  443. }
  444.  
  445. .p { padding-top: 5px; }
  446. .ol, ul { margin-left: 10px; padding: 5px; }
  447. .ul { list-style-type: square; }
  448.  
  449. a img{border: 0px;}
  450.  
  451. .chat .line{
  452. margin-top:-2px;
  453. padding: 4px;
  454. }
  455. .chat .line.odd{
  456. margin-top:-2px;
  457. }
  458.  
  459. .label {font-weight:bold;}
  460. .cover {position: absolute; z-index: 1;margin-left:10px;}
  461. .audioplayer {position:absolute; overflow:hidden; background:#E4E4E4; width:70px; height:70px; top:0px; margin-left:130px; padding:10px;}
  462. .button { position:absolute; overflow:hidden; width:30px; height:30px; margin-top:23px; margin-left:23px;}
  463. .notes img{width:10px; position:left; top:3px; -webkit-border-radius: 10px;
  464. -moz-border-radius: 10px; border-radius: 10px;}
  465.  
  466. iframe.tmblr-iframe {
  467. z-index:99999999999999!important;
  468. top:0px!important;
  469. right:5px!important;
  470. opacity:1;
  471. transform:scale(0.65);
  472. transform-origin:100% 0;
  473. filter:invert(1) contrast(150%);
  474. -webkit-filter:invert(1) contrast(150%);
  475. -o-filter:invert(1) contrast(150%);
  476. -moz-filter:invert(1) contrast(150%);
  477. -ms-filter:invert(1) contrast(150%);
  478. -webkit-transform:scale(0.65);
  479. -webkit-transform-origin:100% 0;
  480. -o-transform:scale(0.65);
  481. -o-transform-origin:100% 0;
  482. -moz-transform:scale(0.65);
  483. -moz-transform-origin:100% 0;
  484. -ms-transform:scale(0.65);
  485. -ms-transform-origin:100% 0;}
  486.  
  487. iframe.tmblr-iframe:hover {
  488. opacity:1.0!important;}
  489.  
  490. {CustomCSS}
  491. </style>
  492.  
  493.  
  494. <link href="https://fonts.googleapis.com/css2?family=Londrina+Shadow&display=swap" rel="stylesheet">
  495. <link href="https://fonts.googleapis.com/css?family=Monda" rel="stylesheet">
  496. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  497. <script type="text/javascript" src="https://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  498. <script type="text/javascript" src="https://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  499.  
  500. <script type="text/javascript">
  501. $(window).load(function(){
  502. var $wall = $('#posts');
  503. $wall.imagesLoaded(function(){
  504. $wall.masonry({
  505. itemSelector: '.entry, .entry_photo',
  506. isAnimated : false
  507. });
  508. });
  509.  
  510. $wall.infinitescroll({
  511. navSelector : '#pagination',
  512. nextSelector : '#pagination a',
  513. itemSelector : '.entry, .entry_photo',
  514. bufferPx : 2000,
  515. debug : false,
  516. errorCallback: function() {
  517. $('#infscr-loading').fadeOut('normal');
  518. }},
  519. function( newElements ) {
  520. var $newElems = $( newElements );
  521. $newElems.hide();
  522. $newElems.imagesLoaded(function(){
  523. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  524. });
  525. }); $('#posts').show(500);
  526. });
  527. </script>
  528.  
  529. <!-- tooltip script -->
  530.  
  531. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  532.  
  533. <script>
  534.  
  535. (function($){
  536.  
  537. $(document).ready(function(){
  538.  
  539. $("[title]").style_my_tooltips({
  540.  
  541. tip_follows_cursor:true,
  542.  
  543. tip_delay_time:100,
  544.  
  545. tip_fade_speed:250,
  546.  
  547. attribute:"title"
  548.  
  549. });
  550.  
  551. });
  552.  
  553. })(jQuery);
  554.  
  555. </script>
  556.  
  557. <script type="text/javascript">
  558. $(window).load(function(){
  559. var $wall = $('#posts');
  560. $wall.imagesLoaded(function(){
  561. $wall.masonry({
  562. itemSelector: '.entry, .entry_photo',
  563. animate : true
  564. });
  565. });
  566.  
  567. $wall.infinitescroll({
  568. navSelector : '#pagination',
  569. nextSelector : '#pagination a',
  570. itemSelector : '.entry, .entry_photo',
  571. bufferPx : 2000,
  572. debug : false,
  573. errorCallback: function() {
  574. $('#infscr-loading').fadeOut('normal');
  575. }},
  576. function( newElements ) {
  577. var $newElems = $( newElements );
  578. $newElems.hide();
  579. $newElems.imagesLoaded(function(){
  580. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  581. });
  582. }); $('#posts').show(500);
  583. });
  584. </script>
  585.  
  586.  
  587. <title>{title}</title>
  588.  
  589. <link rel="shortcut icon" href="{Favicon}">
  590. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  591. <meta name="viewport" content="width=820" />
  592. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  593.  
  594. </head>
  595. <body>
  596.  
  597. <div class="wrapper">
  598. <div id="c"></div>
  599.  
  600.  
  601. <div id="sidebar">
  602. <div id="blogtitle">{text:sidebar title}</div>
  603.  
  604. {Description} <br>
  605.  
  606. <div id="links">
  607. <div class="links">{block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" title="{text:Custom Link One Title}"><FONT COLOR="{color:Link}"><li class="fa fa-undo"></li></FONT></a>{/block:ifCustomLinkOneTitle}</div>
  608.  
  609. <div class="links">{block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" title="{text:Custom Link Two Title}"><FONT COLOR="{color:Link}"><li class="fa fa-envelope-o"></li></FONT></a>{/block:ifCustomLinkTwoTitle} </div>
  610.  
  611. <div class="links">{block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" title="{text:Custom Link Three Title}"><FONT COLOR="{color:Link}"><li class="fa fa-user-o"></li></FONT></a>{/block:ifCustomLinkThreeTitle} </div>
  612.  
  613. <div class="links">{block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" title="{text:Custom Link Four Title}"><FONT COLOR="{color:Link}"><li class="fa fa-paper-plane-o"></li></FONT></a>{/block:ifCustomLinkFourTitle} </div>
  614.  
  615. <div class="links">{block:ifCustomLinkFiveTitle}<a href="{text:Custom Link Five}" title="{text:Custom Link Five Title}"><FONT COLOR="{color:Link}"><li class="fa fa-heart-o"></li></FONT></a>{/block:ifCustomLinkFiveTitle} </div>
  616.  
  617. <div class="links">{block:ifCustomLinkSixTitle}<a href="{text:Custom Link Six}" title="{text:Custom Link Six Title}"><FONT COLOR="{color:Link}"><li class="fa fa-folder-open-o"></li></FONT></a>{/block:ifCustomLinkSixTitle}</div>
  618.  
  619. </div>
  620. </div>
  621.  
  622. <div id="posts">
  623.  
  624. {block:Posts}
  625. <div class="entry">
  626.  
  627. {block:Text}
  628. {block:IndexPage}
  629. <div class="text">
  630. <div class="permalink"><body link="{color:Permalink}">
  631. <a href="{reblogurl}"><FONT COLOR="{color:Permalink}"> <li class="fa fa-repeat"></li> </FONT></a>
  632. <FONT COLOR="{color:Border}"> | </FONT>
  633. <a href="{permalink}"><FONT COLOR="{color:Permalink}">{notecountwithlabel}</FONT></a>
  634. <FONT COLOR="{color:Border}"> | </FONT>
  635. <a href="{permalink}"><FONT COLOR="{color:Permalink}"><li class="fa fa-heart"></li></FONT></a>
  636. </span></div>
  637. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span></div>
  638. {/block:IndexPage}
  639.  
  640. {block:PermalinkPage}
  641. <div class="text">
  642. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span></div>
  643. {/block:PermalinkPage}
  644. {/block:Text}
  645.  
  646. {block:Link}<br><a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <div class="permalinktext"> <a href="{ReblogURL}">>Reblog</a> | <a href="{permalink}">{NoteCount}</a></div>{block:Link}
  647.  
  648. {block:Photo}
  649. {block:IndexPage}
  650. <div class="permalink"><body link="{color:Permalink}">
  651. <a href="{reblogurl}"><FONT COLOR="{color:Permalink}"> <li class="fa fa-repeat"></li> </FONT></a>
  652. <FONT COLOR="{color:Border}"> | </FONT>
  653. <a href="{permalink}"><FONT COLOR="{color:Permalink}">{notecountwithlabel}</FONT></a>
  654. <FONT COLOR="{color:Border}"> | </FONT>
  655. <a href="{permalink}"><FONT COLOR="{color:Permalink}"><li class="fa fa-heart"></li></FONT></a>
  656. </span></div>
  657. {/block:IndexPage}
  658. {block:IndexPage}{LinkOpenTag}
  659. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a></div>{LinkCloseTag}
  660. {/block:IndexPage}
  661. {block:PermalinkPage}<center>{LinkOpenTag}
  662. <a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
  663. {LinkCloseTag}
  664. {/block:PermalinkPage}</center>
  665. {/block:Photo}
  666.  
  667.  
  668. {block:Photoset}
  669. {block:IndexPage}
  670. <div class="permalink"><body link="{color:Permalink}">
  671. <a href="{reblogurl}"><FONT COLOR="{color:Permalink}"> <li class="fa fa-repeat"></li> </FONT></a>
  672. <FONT COLOR="{color:Border}"> | </FONT>
  673. <a href="{permalink}"><FONT COLOR="{color:Permalink}">{notecountwithlabel}</FONT></a>
  674. <FONT COLOR="{color:Border}"> | </FONT>
  675. <a href="{permalink}"><FONT COLOR="{color:Permalink}"><li class="fa fa-heart"></li></FONT></a>
  676. </span></div>
  677. {/block:IndexPage}
  678. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  679. {/block:Photoset}
  680.  
  681. {block:Quote}<span class="title">"{Quote}"</span><br> {block:Source}<div style="text-align:right; font-weight:bold;"> — {Source}</div>{/block:Source}<div class="permalinktext"> <a href="{ReblogURL}">Reblog</a> with <a href="{permalink}">{NoteCountwithlabel}</a></div>{/block:Quote}
  682.  
  683. {block:Chat}
  684. {block:Title}<span class="title">{Title}</span>{/block:Title}
  685. <div class="chat">
  686. <ul>
  687. {block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}
  688. </ul>
  689. </div>
  690. <div class="permalinktext"> <a href="{ReblogURL}">Reblog</a> with <a href="{permalink}">{NoteCountwithlabel}</a></div>
  691. {/block:Chat}
  692.  
  693. {block:Audio}
  694.  
  695. {block:AudioPlayer}
  696. <div class="audioplayer">
  697. <div class="button">
  698. {AudioPlayerGrey}
  699. </div>
  700. </div>
  701. {/block:AudioPlayer}
  702.  
  703. {block:Albumart}
  704. <div class="albumart">
  705. <img src="{albumarturl}" width="90">
  706. </div>
  707. {/block:Albumart}
  708. {block:ifCaptions}
  709. {block:Caption}{Caption}{/block:Caption}
  710. {/block:ifCaptions}
  711. {block:ifNotCaptions}
  712. {block:PermalinkPage}
  713. {block:Caption}{Caption}{/block:Caption}
  714. {/block:PermalinkPage}
  715. {/block:ifNotCaptions}
  716. {/block:Audio}
  717.  
  718. {block:Answer}
  719. <div style="border: 0px solid {color:Border}; min-height:20px; padding-top: 25px; padding-right:10px; padding-left:10px; background:{color:Postbg};">
  720. <img src="{AskerPortraitURL-30}" width="35" align="left" style="margin-right:5px; background-color: {color:Link};padding:5px; border-radius: 100px;"/>
  721. <askk>{Asker}</askk>: {Question}</div>
  722. <div style="font-family: 'Monda', sans-serif; font-style: italic; font-size:10px;">
  723. {Answer}
  724. </div>
  725. {/block:Answer}
  726.  
  727. {block:Video}
  728. {block:IndexPage}
  729. <center>
  730. {Video-250}</center>
  731. <div class="permalinktext"> <a href="{ReblogURL}">Reblog</a> with <a href="{permalink}">{NoteCountwithlabel}</a></div>
  732. {/block:IndexPage}
  733. {block:PermalinkPage}
  734. <center>
  735. {Video-500}</center>
  736. {/block:PermalinkPage}
  737. {block:Video}
  738.  
  739. {block:PermalinkPage}
  740. <center>
  741. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  742. {block:RebloggedFrom}
  743. Posted on {Month} {DayOfMonth}, {Year}<br>
  744. Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  745. {block:ContentSource}
  746. <a href="{SourceURL}">
  747. <FONT COLOR="{color:Text}">Source:</FONT>
  748. {block:SourceLogo}
  749. <img src="{BlackLogoURL}" width="{LogoWidth}"
  750. height="{LogoHeight}" alt="{SourceTitle}" />
  751. {/block:SourceLogo}
  752. {block:NoSourceLogo}
  753. {SourceLink}
  754. {/block:NoSourceLogo}
  755. </a>
  756. {/block:ContentSource}</center>
  757. {block:NoteCount} <div style="text-align: center; margin: 10px;"></div>{/block:NoteCount}
  758. </center>
  759. {/block:PermalinkPage}
  760.  
  761. {block:PostNotes}<div align="middle"></div>
  762. <center></center></span><br>
  763. <div id="postnotes">{PostNotes}</div><br>
  764. <center>
  765. {/block:PostNotes}
  766. </div>
  767. {/block:Posts}
  768. </div></div>
  769. {block:IndexPage}
  770. {block:Pagination}
  771. <div id="pagination">
  772. {block:NextPage}
  773. <a id="nextPage" href="{NextPage}"></a>
  774. {/block:NextPage}
  775. {block:PreviousPage}
  776. <a href="{PreviousPage}"></a>
  777. {/block:PreviousPage}
  778. </div>
  779. {/block:Pagination}
  780. {/block:IndexPage}
  781.  
  782. <div style="position:fixed; bottom:5px; right:5px;">
  783. <a href="https://themesbybrenda.tumblr.com/"><a href="https://themesbybrenda.tumblr.com/"><img src="https://66.media.tumblr.com/9373059878fa663dd601f670536843ca/tumblr_inline_plcbcktWcX1qbugcf_500.png" width="45"></a> </div>
Advertisement
Add Comment
Please, Sign In to add comment