mkbye

thm 45 — mkbye:celina (theme blog)

Sep 29th, 2015
366
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.33 KB | None | 0 0
  1. <!--
  2. theme 45 made by celina aka mkbye :-)
  3. please don't remove credit, or at least put it somewhere else on your blog!
  4. if you're stealing codes, bitch I will find you :))
  5.  
  6. theme created: 09.12.15
  7. theme posted publicly: 09.29.15
  8.  
  9. links:
  10. http://mkbye.tumblr.com
  11. http://themesbycel.tumblr.com
  12. http://lunarthemers.tumblr.com
  13. -->
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24. <html lang="en">
  25. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  26. <html xmlns="http://www.w3.org/1999/xhtml">
  27. <head>
  28. <script type="text/javascript">
  29. WebFontConfig = {
  30. google: { families: [ 'Allura::latin', 'Roboto:100:latin', 'Dancing+Script::latin', 'Pinyon+Script::latin', 'Allura::latin', 'Ruthie::latin', 'Noto+Sans:400,400italic:latin', 'Libre+Baskerville:400,400italic:latin', 'Satisfy::latin', 'Dawning+of+a+New+Day::latin','Dosis::latin', 'Raleway:200:latin', 'Parisienne::latin', 'Great+Vibes::latin', 'Clicker+Script::latin' ] }
  31. };
  32. (function() {
  33. var wf = document.createElement('script');
  34. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  35. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  36. wf.type = 'text/javascript';
  37. wf.async = 'true';
  38. var s = document.getElementsByTagName('script')[0];
  39. s.parentNode.insertBefore(wf, s);
  40. })(); </script>
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  43. <script>
  44. (function($){
  45. $(document).ready(function(){
  46. $("a[title]").style_my_tooltips({
  47. tip_follows_cursor:true,
  48. tip_delay_time:10,
  49. tip_fade_speed:10,
  50. attribute:"title"
  51. });
  52. });
  53. })(jQuery);
  54. </script>
  55. <script>
  56. $(document).ready(function() {
  57. //
  58. $('a.poplight[href^=#]').click(function() {
  59. var popID = $(this).attr('rel'); //Get Popup Name
  60. var popURL = $(this).attr('href'); //Get Popup href to define size
  61. var query= popURL.split('?');
  62. var dim= query[1].split('&');
  63. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  64. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend();
  65. var popMargTop = ($('#' + popID).height() + 80) / 2;
  66. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  67. //Apply Margin to Popup
  68. $('#' + popID).css({
  69. 'margin-top' : -popMargTop,
  70. 'margin-left' : -popMargLeft
  71. });
  72. $('body').append('<div id="fade"></div>');
  73. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  74. return false;
  75. });
  76. $('a.close, #fade').live('click', function() {
  77. $('#fade , .popup_block').fadeOut(function() {
  78. $('#fade, a.close').remove(); //fade them both out
  79. });
  80. return false;
  81. });
  82. });
  83. </script>
  84.  
  85.  
  86.  
  87.  
  88. <script type="text/javascript"
  89. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  90.  
  91. <!--DEFAULT VARIABLES-->
  92. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  93.  
  94. <meta name="image:icon" content="1"/>
  95.  
  96. <meta name="color:link" content="#809ed1"/>
  97. <meta name="color:text" content="#414141"/>
  98. <meta name="color:title" content="#586e94"/>
  99. <meta name="color:hover" content="#fff"/>
  100. <meta name="color:title box" content="#ddd"/>
  101. <meta name="color:second rectangle" content="#809ed1"/>
  102. <meta name="color:outlines" content="#6c89b8"/>
  103. <meta name="color:blogtitle" content="#718ebe"/>
  104.  
  105. <meta name="text:quote" content="talk is cheap, show me the code."/>
  106. <meta name="text:stats" content="6/20000"/>
  107. <meta name="text:tumblr username" content="mkbye"/>
  108. <meta name="text:name" content="celina"/>
  109.  
  110. <meta name="text:link 1" content="/"/>
  111. <meta name="text:link 1 msg" content="homepage"/>
  112. <meta name="text:link 2" content="/"/>
  113. <meta name="text:link 2 msg" content="inbox"/>
  114. <meta name="text:link 3" content="/"/>
  115. <meta name="text:link 3 msg" content="resources"/>
  116. <meta name="text:link 4" content="/"/>
  117. <meta name="text:link 4 msg" content="themes"/>
  118. <meta name="text:link 5" content="/"/>
  119. <meta name="text:link 5 msg" content="network"/>
  120. <meta name="text:link 6" content="http://mkbye.tumblr.com"/>
  121. <meta name="text:link 6 msg" content="credit"/>
  122.  
  123. <style type="text/css">
  124.  
  125. #s-m-t-tooltip {
  126. max-width:300px;
  127. padding:3px;
  128. margin:20px 0px 0px 20px;
  129. background:#414141;
  130. letter-spacing:0px; /* change the letter spacing */
  131. color:white; /* change the text color */
  132. font-size:8px;
  133. font-weight:italic;
  134. z-index:99999999999999999;
  135. }
  136.  
  137. ::-webkit-scrollbar {width: 5px; height: 5px; background: #FFFFFF;}
  138. ::-webkit-scrollbar-thumb {background-color:{color:text};border:2px solid white;}
  139.  
  140. #tumblr_controls, .tmblr-iframe{ z-index:999999999999999999!important; -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important; top:0px!important; right:0px!important; opacity:.5;
  141. -webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out}
  142.  
  143. #tumblr_controls, .tmblr-iframe:hover{
  144. opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  145. -webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%);
  146. }
  147.  
  148. p {
  149. margin:0px;
  150. margin-top:0px;
  151. }
  152.  
  153.  
  154. body {
  155. padding: 0px;
  156. margin: 0px;
  157. color:{color:text};
  158. font-family:arial;
  159. line-height:15px;
  160. font-size:10px;
  161. background-color:white;
  162. background-repeat: repeat;
  163. }
  164.  
  165. a:link, a:active, a:visited{
  166. text-decoration: none;
  167. -webkit-transition: color 0.3s ease-out;
  168. -moz-transition: color 0.3s ease-out;
  169. transition: color 0.3s ease-out;
  170. color:{color:link};
  171. }
  172.  
  173. a:hover {
  174. text-decoration: none;
  175. font-style:;
  176. color: {color:Hover};
  177. }
  178.  
  179. div#center{
  180. margin:auto;
  181. position:relative;
  182. width:1250px;
  183. overflow:auto;
  184. overflow-y:hidden;
  185. }
  186.  
  187. .entry {
  188. float:left;
  189. margin:30px;
  190. width:400px;
  191. padding:20px;
  192. padding-bottom:18px;
  193. border:1px solid #ddd;
  194. {block:PermalinkPage}
  195. width:400px;
  196. text-align:left;
  197. line-height:10px;
  198. {/block:PermalinkPage}
  199. background:white;
  200. }
  201.  
  202. #posts {
  203. width:800px;
  204. margin-top:270px;
  205. margin-left:465px;
  206. z-index:9;
  207. position:relative;
  208. }
  209.  
  210. #top{
  211. position:fixed !important;
  212. width:100%;
  213. height:40px;
  214. top:0px;
  215. left:0px;
  216. background:white;
  217. border-bottom:1px solid {color:second rectangle};
  218. border-right:1px solid {color:second rectangle};
  219. line-height:40px;
  220. color:#000;
  221. font-weight:bold;
  222. text-transform:uppercase;
  223. font-size:10px;
  224. letter-spacing:1px;
  225. z-index:999999;
  226. }
  227.  
  228. .sticky {
  229. position: fixed;
  230. top:41px;
  231. }
  232.  
  233. #mnbx{
  234. position:absolute;
  235. width:100%;
  236. height:225px;
  237. top:41px;
  238. left:0px;
  239. background:transparent;
  240. z-index:9999;
  241. }
  242.  
  243. #headerbx{
  244. width:500px;
  245. height:220px;
  246. margin-top:30px;
  247. }
  248.  
  249. #about{
  250. width:410px;
  251. height:130px;
  252. background:white;
  253. border:1px solid {color:outlines};
  254. margin-left:150px;
  255. }
  256.  
  257. #box1{
  258. width:200px;
  259. height:130px;
  260. margin-top:-132px;
  261. margin-left:-420px;
  262. background:{color:title box};
  263. border:1px solid {color:title box};
  264. }
  265.  
  266. #pic2{
  267. position:absolute;
  268. margin-top:20px;
  269. margin-left:20px;
  270. }
  271.  
  272. #pic2 img{
  273. width:90px;
  274. height:90px;
  275. }
  276.  
  277. #themer{
  278. position:absolute;
  279. margin-top:30px;
  280. margin-left:125px;
  281. }
  282.  
  283. #desc{
  284. position:absolute;
  285. margin-top:50px;
  286. margin-left:125px;
  287. text-align:justify;
  288. width:270px;
  289. height:60px;
  290. font-size:9.5px;
  291. overflow:auto;
  292. padding-right:5px;
  293. }
  294.  
  295. #title1{
  296. position:absolute;
  297. margin-top:60px;
  298. margin-left:10px;
  299. color:#000;
  300. text-align:left;
  301. font-size:30px;
  302. width:200px;
  303. line-height:25px;
  304. color:white;
  305. }
  306.  
  307. #boxin{
  308. margin-top:10px;
  309. width:180px;
  310. height:20px;
  311. background:white;
  312. line-height:20px;
  313. color:#000;
  314. font-size:10px;
  315. text-align:right;
  316. border-bottom:1px solid {color:second rectangle};
  317. }
  318.  
  319. #boxin2{
  320. margin-top:10px;
  321. margin-left:10px;
  322. width:180px;
  323. height:190px;
  324. padding-right:23px;
  325. overflow:auto;
  326. font-size:9.5px;
  327. }
  328.  
  329. #links{
  330. margin-top:10px;
  331. margin-left:-61px;
  332. width:622px;
  333. height:40px;
  334. background:white;
  335. border:1px solid {color:outlines};
  336. line-height:40px;
  337. outline:10px solid white;
  338. outline-offset:0px;
  339. }
  340.  
  341. #links a{
  342. padding:10px;
  343. font-weight:bold;
  344. color:#000;
  345. text-transform:uppercase;
  346. font-size:9px;
  347. }
  348.  
  349. #links a:hover{
  350. background:{color:link};
  351. color:white;
  352. }
  353.  
  354. #pic{
  355. position:absolute;
  356. margin-left:5px;
  357. margin-top:0px;
  358. }
  359.  
  360. #pic img{
  361. width:30px;
  362. height:30px;
  363. margin-top:5px;
  364. margin-left:5px;
  365. }
  366.  
  367. #name{
  368. position:absolute;
  369. width:auto;
  370. margin-left:50px;
  371. line-height:40px;
  372. font-size:15px;
  373. color:black;
  374. text-transform:lowercase;
  375. font-weight:bold;
  376. }
  377.  
  378. #name a{
  379. color:#000;
  380. }
  381.  
  382. #caption{
  383. position:fixed !important;
  384. width:300px;
  385. height:500px;
  386. margin-top:-20px;
  387. margin-left:460px;
  388. padding:10px;
  389. text-align:left;
  390. font-size:9px;
  391. overflow:auto;
  392. line-height:11px;
  393. padding-bottom:50px;
  394. }
  395.  
  396. .entry .perma{
  397. width:440px;
  398. height:40px;
  399. margin-top:-70px;
  400. margin-left:-21px;
  401. position: absolute;
  402. text-align:center;
  403. background:white;
  404. border:1px solid #ddd;
  405. {block:PermalinkPage}
  406. width:440px;
  407. {block:PermalinkPage}
  408. }
  409.  
  410. .entry .perma2{
  411. width:440px;
  412. height:40px;
  413. margin-top:25px;
  414. margin-left:-21px;
  415. position: absolute;
  416. text-align:center;
  417. background:white;
  418. border:1px solid #ddd;
  419. {block:PermalinkPage}
  420. width:440px;
  421. {block:PermalinkPage}
  422. }
  423.  
  424. #buttons{
  425. position:absolute;
  426. margin-top:10px;
  427. margin-left:10px;
  428. }
  429.  
  430. #buttons2{
  431. position:absolute;
  432. margin-top:10px;
  433. margin-left:40px;
  434. }
  435.  
  436. #bar{
  437. position:absolute;
  438. margin-top:265px;
  439. margin-left:315px;
  440. width:140px;
  441. height:100%;
  442. background:{color:second rectangle};
  443. }
  444.  
  445. #bartxt{
  446. height:100%;
  447. margin-top:10px;
  448. margin-left:10px;
  449. color:white;
  450. font-style:italic;
  451. }
  452.  
  453. #bartxt a{
  454. color:white;
  455. }
  456.  
  457. #question{
  458. width:380px;
  459. height:auto;
  460. padding:10px;
  461. font-size:9px;
  462. {block:permalinkpage}
  463. width:430px;
  464. {/block:permalinkpage}
  465. }
  466.  
  467. #answer{
  468. width:380px;
  469. height:auto;
  470. padding:10px;
  471. font-size:9px;
  472. text-align:right;
  473. {block:permalinkpage}
  474. width:430px;
  475. {/block:permalinkpage}
  476. }
  477.  
  478. .title{
  479. line-height: 20px;
  480. font-size:15px;
  481. color:{color:Title};
  482. font-weight: normal;
  483. }
  484.  
  485.  
  486. .permalink{
  487. text-transform: normal;
  488. display: block;
  489. text-align: right;
  490. text-decoration: none;
  491. }
  492.  
  493. #tdcd{
  494. position:fixed;
  495. bottom:5px;
  496. z-index:99999;
  497. right:5px;
  498. background:white;
  499. border:1px solid #eee;
  500. width:30px;
  501. height:30px;
  502. -webkit-transition: all .7s ease;
  503. -moz-transition: all .7s ease;
  504. -o-transition: all .7s ease;
  505. transition: all .7s ease;
  506. }
  507.  
  508. #tdcd:hover{
  509. right:75px;
  510. }
  511.  
  512. #cr{
  513. position:fixed;
  514. bottom:5px;
  515. z-index:99999;
  516. background:white;
  517. border:1px solid #eee;
  518. width:70px;
  519. height:30px;
  520. right:-70px;
  521. font-size:8px;
  522. text-align:center;
  523. line-height:30px;
  524. font-weight:bold;
  525. -webkit-transition: all .7s ease;
  526. -moz-transition: all .7s ease;
  527. -o-transition: all .7s ease;
  528. transition: all .7s ease;
  529. }
  530.  
  531. #tdcd:hover #cr{
  532. right:0px;
  533. }
  534.  
  535. #cr a{
  536. color:{color:blogtitle};
  537. }
  538.  
  539. #infscr-loading{
  540. bottom: -70px;
  541. position: absolute;
  542. left: 50%;
  543. margin-left:-8px;
  544. width:16px;
  545. height:11px;
  546. overflow:hidden;
  547. margin-bottom: 50px;
  548. }
  549.  
  550. #postnotes{
  551. text-align: justify;}
  552.  
  553. #postnotes blockquote{
  554. border: 0px;}
  555.  
  556.  
  557.  
  558. blockquote{
  559. padding:0px 0px 2px 5px;
  560. margin:0px 0px 2px 10px;
  561. border-left: 1px dotted #555555;
  562. }
  563.  
  564. blockquote p, ul{
  565. margin:0px;
  566. padding:0px;
  567. }
  568.  
  569. a img{border: 0px;}
  570.  
  571.  
  572. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  573.  
  574. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  575. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  576.  
  577. .notes img{width:10px; position:relative; top:3px;margin:5px;}
  578. <--ses-->
  579. small{font-size: 90%;}
  580.  
  581. {CustomCSS}
  582.  
  583. </style>
  584.  
  585.  
  586. {block:IndexPage}
  587. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  588. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  589. <script type="text/javascript" src="http://static.tumblr.com/tk7f1db/vGfn06hpd/document.txt"></script>
  590.  
  591. <script type="text/javascript">
  592. $(window).load(function(){
  593. var $wall = $('#posts');
  594. $wall.imagesLoaded(function(){
  595. $wall.masonry({
  596. itemSelector: '.entry, .entry_photo',
  597. isAnimated : false
  598. });
  599. });
  600.  
  601. $wall.infinitescroll({
  602. navSelector : '#pagination',
  603. nextSelector : '#pagination a',
  604. itemSelector : '.entry, .entry_photo',
  605. bufferPx : 2000,
  606. debug : false,
  607. errorCallback: function() {
  608. $('#infscr-loading').fadeOut('normal');
  609. }},
  610. function( newElements ) {
  611. var $newElems = $( newElements );
  612. $newElems.hide();
  613. $newElems.imagesLoaded(function(){
  614. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  615. });
  616. }); $('#posts').show(500);
  617. });
  618. </script>
  619.  
  620.  
  621. {/block:IndexPage}
  622.  
  623.  
  624. <title>{title}</title>
  625.  
  626. <link rel="shortcut icon" href="{Favicon}" />
  627. <meta name="viewport" content="width=820" />
  628. </head>
  629.  
  630. <body>
  631. <BODY onselectstart="return false;" ondragstart="return false;">
  632. <div class="wrapper">
  633. <div class="header">
  634. </div>
  635.  
  636. <div id="cage">
  637. <div id="center">
  638.  
  639. <center>
  640. <div id="top">
  641. <font style="font-size:15px;color:{color:title}">❝</font>
  642. {text:quote}
  643. <font style="font-size:15px;color:{color:title}">❞</font>
  644. </div>
  645.  
  646. <div id="mnbx">
  647. <div id="headerbx">
  648.  
  649. <div id="about">
  650. <div id="pic2"><img src="{image:icon}"></div>
  651. <div id="themer"><b><i>THEMEMAKER:</i></b> <a href="http://{text:tumblr username}.tumblr.com">{text:tumblr username}</a></div>
  652. <div id="desc"><font style="padding-left:20px;"></font>{description}</div>
  653. </div>
  654.  
  655. <div id="box1">
  656. <div id="title1"><b><i>themes</br>by <font style="color:{color:blogtitle}">{text:name}</font></i></b></div>
  657. </div>
  658.  
  659.  
  660.  
  661. <div id="links">
  662. <a href="{text:link 1}">{text:link 1 msg}</a>
  663. <a href="{text:link 2}">{text:link 2 msg}</a>
  664. <a href="{text:link 3}">{text:link 3 msg}</a>
  665. <a href="{text:link 4}">{text:link 4 msg}</a>
  666. <a href="{text:link 5}">{text:link 5 msg}</a>
  667. <a href="{text:link 6}">{text:link 6 msg}</a>
  668. </div>
  669.  
  670.  
  671.  
  672. </div>
  673. </div></center>
  674.  
  675. <div id="bar">
  676. <div id="bartxt"> — {text:stats}</br>
  677. — <a href="http://mkbye.tumblr.com">theme credits</a>
  678. </div>
  679. </div>
  680.  
  681. <script>
  682. var header = document.querySelector('#links');
  683. var origOffsetY = header.offsetTop;
  684.  
  685. function onScroll(e) {
  686. window.scrollY >= origOffsetY ? header.classList.add('sticky') :
  687. header.classList.remove('sticky');
  688. }
  689.  
  690. document.addEventListener('scroll', onScroll);
  691. </script>
  692.  
  693. <div id="tdcd"><img src="http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons-256/3d-transparent-glass-icons-people-things/059464-3d-transparent-glass-icon-people-things-hand-peace.png" style="width:30px;height:30px;"></a>
  694. <div id ="cr"><a href="http://mkbye.tumblr.com">theme by mkbye</a></div>
  695. </div>
  696.  
  697. <div class="left">
  698. <div id="posts">
  699. {block:Posts}
  700. <div class="entry">
  701.  
  702. {block:Text}{block:Title}
  703. <span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span></br>
  704. <b><font style="color:{color:second rectangle};font-family:raleway">POSTED:</font></b> <font style="font-family:raleway;text-transform:uppercase;">{timeago}</br>
  705. <a href="{permalink}">permalink</a> | <a href="{reblogurl}">reblog</a> | {block:NoteCount}{notecountwithlabel}{/block:NoteCount}</br></font>
  706. <b><font style="color:{color:second rectangle};font-family:raleway">TAGS:</font></b> <font style="font-family:raleway;text-transform:uppercase;">{block:Tags}<a href="{TagURL}" style="color:{color:text}">{Tag}</a>, {/block:Tags} {/block:HasTags}</br></font>
  707. {/block:Text}
  708.  
  709.  
  710. {block:Link}
  711.  
  712. <a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} </br>
  713.  
  714. <b><font style="color:{color:second rectangle};font-family:raleway">POSTED:</font></b> <font style="font-family:raleway;text-transform:uppercase;">{timeago}</br>
  715. <a href="{permalink}">permalink</a> | <a href="{reblogurl}">reblog</a> | {block:NoteCount}{notecountwithlabel}{/block:NoteCount}</br></font>
  716. <b><font style="color:{color:second rectangle};font-family:raleway">TAGS:</font></b> <font style="font-family:raleway;text-transform:uppercase;">{block:Tags}<a href="{TagURL}" style="color:{color:text}">{Tag}</a>, {/block:Tags} {/block:HasTags}</br></font>
  717. {block:Link}
  718.  
  719.  
  720.  
  721. {block:Answer}<div id="question">
  722. <font style="text-transform:uppercase; color:{color:outlines};font-size:10px;"><b>{Asker}</b></font> a s k e d a q u e s t i o n :</br>{question}</div>
  723.  
  724. <div style="border-top:1px solid #ddd;width:auto;padding:0px;"></div>
  725.  
  726. <div id="answer">
  727. <font style="text-transform:uppercase; color:{color:outlines};font-size:10px;"><b>{text:name}</b></font> a n s w e r e d y o u r q u e s t i o n:</br>{answer}</div>
  728.  
  729. <b><font style="color:{color:second rectangle};font-family:raleway">POSTED:</font></b> <font style="font-family:raleway;text-transform:uppercase;">{timeago}</br>
  730. <a href="{permalink}">permalink</a> | <a href="{reblogurl}">reblog</a> | {block:NoteCount}{notecountwithlabel}{/block:NoteCount}</br></font>
  731. <b><font style="color:{color:second rectangle};font-family:raleway">TAGS:</font></b> <font style="font-family:raleway;text-transform:uppercase;">{block:Tags}<a href="{TagURL}" style="color:{color:text}">{Tag}</a>, {/block:Tags} {/block:HasTags}</br></font>
  732. {/block:Answer}
  733.  
  734.  
  735.  
  736. {block:Photo}
  737. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  738. </br>
  739. <div style="padding:10px;text-align:left">{caption}</div></br>
  740.  
  741. <b><font style="color:{color:second rectangle};font-family:raleway">POSTED:</font></b> <font style="font-family:raleway;text-transform:uppercase;">{timeago}</br>
  742. <a href="{permalink}">permalink</a> | <a href="{reblogurl}">reblog</a> | {block:NoteCount}{notecountwithlabel}{/block:NoteCount}</br></font>
  743. <b><font style="color:{color:second rectangle};font-family:raleway">TAGS:</font></b> <font style="font-family:raleway;text-transform:uppercase;">{block:Tags}<a href="{TagURL}" style="color:{color:text}">{Tag}</a>, {/block:Tags} {/block:HasTags}</br></font>
  744. {/block:Photo}
  745.  
  746.  
  747.  
  748. {block:Photoset}
  749.  
  750. <center>{Photoset}</center></br>
  751. <div style="padding:10px;text-align:left">{caption}</div></br>
  752.  
  753. <b><font style="color:{color:second rectangle};font-family:raleway">POSTED:</font></b> <font style="font-family:raleway;text-transform:uppercase;">{timeago}</br>
  754. <a href="{permalink}">permalink</a> | <a href="{reblogurl}">reblog</a> | {block:NoteCount}{notecountwithlabel}{/block:NoteCount}</br></font>
  755. <b><font style="color:{color:second rectangle};font-family:raleway">TAGS:</font></b> <font style="font-family:raleway;text-transform:uppercase;">{block:Tags}<a href="{TagURL}" style="color:{color:text}">{Tag}</a>, {/block:Tags} {/block:HasTags}</br></font>
  756. {/block:Photoset}
  757.  
  758.  
  759.  
  760.  
  761. {block:PostNotes}
  762. <div id="postnotes">{PostNotes}</div>
  763. {/block:PostNotes}
  764.  
  765.  
  766.  
  767.  
  768.  
  769.  
  770.  
  771.  
  772.  
  773.  
  774.  
  775. </div>
  776. {/block:Posts}
  777. </div></div>
  778.  
  779. {block:IndexPage}
  780. {block:Pagination}
  781. <div id="pagination">
  782. {block:NextPage}
  783. <a id="nextPage" href="{NextPage}"></a>
  784. {/block:NextPage}
  785. {block:PreviousPage}
  786. <a href="{PreviousPage}"></a>
  787. {/block:PreviousPage}
  788. </div>
  789. {/block:Pagination}
  790. {/block:IndexPage}
  791. </body>
  792. </html>
Advertisement
Add Comment
Please, Sign In to add comment