themesbybrenda

Theme #1 - Two Columns

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