themesbybrenda

Theme #7 - Three Columns

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