themesbybrenda

Theme #6 - Three Columns

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