Advertisement
mkbye

{ theme 52 by celina }

Jan 22nd, 2016
365
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.86 KB | None | 0 0
  1.  
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10. <!--
  11. Theme 52 made by Celina known as mkbye on Tumblr!
  12. Please don't remove the credit on this theme.
  13. If you're stealing codes, don't because I will find you!
  14.  
  15. Theme Created: December 12 2015
  16. Theme Posted Publicly For Use: January 22 2015
  17.  
  18. Links:
  19. http://mkbye.tumblr.com
  20. http://themesbycel.tumblr.com
  21. http://lunarthemers.tumblr.com
  22.  
  23. -->
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34. <html lang="en">
  35. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  36. <html xmlns="http://www.w3.org/1999/xhtml">
  37. <head>
  38. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  39. <link href='//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css' rel='stylesheet' type='text/css'>
  40. <script type="text/javascript">
  41. WebFontConfig = {
  42. google: { families: [ 'Roboto::latin', 'Dancing+Script::latin', 'Satisfy::latin', 'Cookie::latin', 'Great+Vibes::latin', 'Bad+Script::latin', 'Calligraffitti::latin', 'Allura::latin', 'Parisienne::latin', 'Montez::latin', 'Qwigley::latin', 'Euphoria+Script::latin', 'Rouge+Script::latin', 'Ruthie::latin', 'Raleway:300:latin' ] }
  43. };
  44. (function() {
  45. var wf = document.createElement('script');
  46. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  47. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  48. wf.type = 'text/javascript';
  49. wf.async = 'true';
  50. var s = document.getElementsByTagName('script')[0];
  51. s.parentNode.insertBefore(wf, s);
  52. })(); </script>
  53. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  54. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  55. <script>
  56. (function($){
  57. $(document).ready(function(){
  58. $("a[title]").style_my_tooltips({
  59. tip_follows_cursor:true,
  60. tip_delay_time:10,
  61. tip_fade_speed:10,
  62. attribute:"title"
  63. });
  64. });
  65. })(jQuery);
  66. </script>
  67. <script type="text/javascript">
  68. <!--
  69.  
  70. // Disable Right Click Script
  71.  
  72. function IE(e)
  73. {
  74. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  75. {
  76. return false;
  77. }
  78. }
  79. function NS(e)
  80. {
  81. if (document.layers || (document.getElementById && !document.all))
  82. {
  83. if (e.which == "2" || e.which == "3")
  84. {
  85. return false;
  86. }
  87. }
  88. }
  89. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  90.  
  91. //-->
  92. </script>
  93.  
  94.  
  95. <script type="text/javascript"
  96. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  97.  
  98. <!--DEFAULT VARIABLES-->
  99. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  100. <meta name="color:background" content="#f4f4f4"/>
  101. <meta name="color:link" content="#bfd1ba"/>
  102. <meta name="color:text" content="#414141"/>
  103. <meta name="color:title" content="#b6ccb8"/>
  104. <meta name="color:hover" content="#fff"/>
  105. <meta name="image:background" content="1"/>
  106.  
  107. <meta name="image:icon" content="1"/>
  108.  
  109. <meta name="color:top" content="#ccd7a9"/>
  110. <meta name="color:blogtitle" content="#9eaa9c"/>
  111.  
  112. <meta name="text:blogtitle" content="blogtitle"/>
  113. <meta name="text:name" content="Celina"/>
  114.  
  115. <meta name="text:link 1" content="/"/>
  116. <meta name="text:link 1 msg" content="homepage"/>
  117. <meta name="text:link 2" content="/"/>
  118. <meta name="text:link 2 msg" content="inbox"/>
  119. <meta name="text:link 3" content="/"/>
  120. <meta name="text:link 3 msg" content="nav"/>
  121. <meta name="text:link 4" content="/"/>
  122. <meta name="text:link 4 msg" content="pictures"/>
  123. <meta name="text:link 5" content="/"/>
  124. <meta name="text:link 5 msg" content="archive"/>
  125.  
  126.  
  127. <style type="text/css">
  128.  
  129. #topbr{
  130. position:fixed !important;
  131. z-index:9999999999;
  132. width:100%;
  133. height:15px;
  134. top:0px;
  135. left:0px;
  136. background:{color:top};
  137. }
  138.  
  139. #left{
  140. position:fixed !important;
  141. z-index:9999999999;
  142. width:15px;
  143. height:100%;
  144. top:0px;
  145. left:0px;
  146. background:{color:top};
  147. }
  148.  
  149. #right{
  150. position:fixed !important;
  151. z-index:9999999999;
  152. width:15px;
  153. height:100%;
  154. top:0px;
  155. right:0px;
  156. background:{color:top};
  157. }
  158.  
  159. #s-m-t-tooltip {
  160. max-width:300px;
  161. padding:4px;
  162. margin:20px 0px 0px 20px;
  163. background:{color:blogtitle};
  164. letter-spacing:1px; /* change the letter spacing */
  165. color:white; /* change the text color */
  166. font-size:10px;
  167. text-transform:lowercase;
  168. z-index:999999999999999999999999999999999999;
  169. }
  170.  
  171. ::-webkit-scrollbar {width: 5px; height: 5px; background: #FFFFFF;}
  172. ::-webkit-scrollbar-thumb {background-color:{color:blogtitle};}
  173.  
  174. #tumblr_controls, .tmblr-iframe{ z-index:999999999;margin-top:20px! important;right:20px;
  175. -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;
  176. -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}
  177.  
  178. #tumblr_controls, .tmblr-iframe:hover{
  179. opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  180. -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%);
  181. }
  182.  
  183. p {
  184. margin:0px;
  185. margin-top:0px;
  186. }
  187.  
  188.  
  189. body {
  190. padding: 0px;
  191. margin: 0px;
  192. color:{color:text};
  193. font-family:arial;
  194. line-height:15px;
  195. font-size:10px;
  196. background-color: {color:Background};
  197. background-image:url({image:Background});
  198. background-attachment: fixed;
  199. background-repeat: repeat;
  200. }
  201.  
  202. a:link, a:active, a:visited{
  203. text-decoration: none;
  204. -webkit-transition: color 0.3s ease-out;
  205. -moz-transition: color 0.3s ease-out;
  206. transition: color 0.3s ease-out;
  207. color:{color:link};
  208. }
  209.  
  210. a:hover {
  211. text-decoration: none;
  212. font-style:;
  213. color: {color:Hover};
  214. }
  215.  
  216. div#center{
  217. margin:auto;
  218. position:relative;
  219. width:1250px;
  220. background-color:;
  221. overflow:auto;
  222. overflow-y:hidden;
  223. }
  224.  
  225. .entry {
  226. float:left;
  227. display: block;
  228. margin:20px;
  229. overflow:hidden;
  230. width:250px;
  231. padding:20px;
  232. padding-bottom:28px;
  233. border:1px solid {color:top};
  234. {block:PermalinkPage}
  235. width:250px;
  236. text-align:left;
  237. line-height:10px;
  238. {/block:PermalinkPage}
  239. background:white;
  240. -webkit-transition: all .7s ease;
  241. -moz-transition: all .7s ease;
  242. -o-transition: all .7s ease;
  243. transition: all .7s ease;
  244. }
  245.  
  246. .entry img{
  247. outline:10px solid rgba(0,0,0,0.1);
  248. outline-offset:-10px;
  249. -webkit-transition: all .7s ease;
  250. -moz-transition: all .7s ease;
  251. -o-transition: all .7s ease;
  252. transition: all .7s ease;
  253. }
  254.  
  255. .entry .perma{
  256. position: absolute;
  257. width:auto;
  258. height:5px;
  259. margin-left:0px;
  260. bottom:8px;
  261. line-height:16px;
  262. overflow:hidden;
  263. text-align:center;
  264. background:white;
  265. border:1px solid {color:top};
  266. padding:5px;
  267. font-style:italic;
  268. line-height:5px;
  269. opacity:1;
  270. }
  271.  
  272. .perma a{
  273. color:{color:text};
  274. }
  275.  
  276. .entry .perma2{
  277. position: absolute;
  278. width:auto;
  279. height:5px;
  280. margin-left:46px;
  281. bottom:8px;
  282. line-height:16px;
  283. overflow:hidden;
  284. text-align:center;
  285. background:white;
  286. border:1px solid {color:top};
  287. padding:5px;
  288. font-style:italic;
  289. line-height:5px;
  290. opacity:1;
  291. }
  292.  
  293. .perma2 a{
  294. color:{color:text};
  295. }
  296.  
  297. #posts {
  298. width:800px;
  299. margin-top:50px;
  300. z-index:99;
  301. margin-left:400px;
  302. position:relative;
  303. overflow-y: hidden;
  304. }
  305.  
  306. #sr{
  307. position:fixed !important;
  308. width:200px;
  309. height:170px;
  310. margin-top:150px;
  311. margin-left:135px;
  312. background:{color:background};
  313. }
  314.  
  315. #top{
  316. position:fixed;
  317. width:200px;
  318. height:15px;
  319. padding:2px;
  320. margin-top:0px;
  321. margin-left:0px;
  322. line-height:15px;
  323. text-align:center;
  324. font-family:roboto;
  325. letter-spacing:6px;
  326. font-size:12px;
  327. color:white;
  328. text-shadow: 1px 1px {color:blogtitle};
  329. background:{color:top};
  330. }
  331.  
  332. #icon{
  333. position:fixed;
  334. width:50px;
  335. height:50px;
  336. margin-top:30px;
  337. margin-left:0px;
  338. background:{color:top};
  339. border-radius:100px;
  340. }
  341.  
  342. #icon img{
  343. width:50px;
  344. height:50px;
  345. border:1px solid {color:blogtitle};
  346. border-radius:100px;
  347. }
  348.  
  349. #desc{
  350. position:fixed;
  351. width:140px;
  352. height:45px;
  353. padding-right:5px;
  354. overflow:auto;
  355. margin-top:34px;
  356. margin-left:60px;
  357. text-align:justify;
  358. font-size:9px;
  359. }
  360.  
  361. #links{
  362. width:200px;
  363. height:20px;
  364. margin-left:0px;
  365. margin-top:90px;
  366. line-height:20px;
  367. font-family:arial;
  368. font-size:9px;
  369. text-align:center;
  370. border-bottom:1px solid #eee;
  371. -webkit-transition: all .7s ease;
  372. -moz-transition: all .7s ease;
  373. -o-transition: all .7s ease;
  374. transition: all .7s ease;
  375. }
  376.  
  377. #links a{
  378. padding:4px;
  379. padding-bottom:5px;
  380. font-style:italic;
  381. }
  382.  
  383. #links a:hover{
  384. border-bottom:1px solid {color:blogtitle};
  385. }
  386.  
  387. .title{
  388. line-height: 20px;
  389. font-size:10px;
  390. color:{color:Title};
  391. font-weight:bold;
  392. }
  393.  
  394.  
  395. .permalink{
  396. text-transform: normal;
  397. display: block;
  398. text-align: right;
  399. text-decoration: none;
  400. }
  401.  
  402. #tdcd{
  403. position:fixed;
  404. bottom:9px;
  405. z-index:99999;
  406. right:25px;
  407. background:{color:blogtitle};
  408. border:1px solid {color:blogtitle};
  409. width:25px;
  410. height:25px;
  411. -webkit-transition: all .7s ease;
  412. -moz-transition: all .7s ease;
  413. -o-transition: all .7s ease;
  414. transition: all .7s ease;
  415. }
  416.  
  417. #tdcd:hover{
  418. background:white;
  419. }
  420.  
  421. #cd{
  422. position:fixed;
  423. font-size:8px;
  424. text-align:center;
  425. line-height:25px;
  426. width:25px;
  427. font-weight:bold;
  428. font-family:raleway;
  429. -webkit-transition: all .7s ease;
  430. -moz-transition: all .7s ease;
  431. -o-transition: all .7s ease;
  432. transition: all .7s ease;
  433. }
  434.  
  435. #cd a{
  436. color:{color:blogtitle};
  437. }
  438.  
  439. #ap{
  440. width:28px;
  441. height:28px;
  442. overflow:hidden;
  443. position:absolute;
  444. margin-top:9px;
  445. margin-left:9px;
  446. background:white;
  447. opacity:0.7;
  448. border-radius:100px;
  449. }
  450.  
  451. #postits{
  452. position:fixed;
  453. width:290px;
  454. height:200px;
  455. margin-top:-10px;
  456. margin-left:270px;
  457. padding:10px;
  458. text-align:left;
  459. font-size:9px;
  460. overflow:auto;
  461. line-height:11px;
  462. padding-bottom:100px;
  463. }
  464.  
  465. #at{
  466. width:190px;
  467. height:30px;
  468. overflow:hidden;
  469. position:absolute;
  470. margin-top:-43px;
  471. margin-left:60px;
  472. font-family:arial;
  473. font-size:12px;
  474. font-weight:bold;
  475. text-align:center;
  476. }
  477.  
  478. #avi{
  479. border-radius:100px;
  480. border:1px solid {color:top};
  481. width:40px;
  482. height:40px;
  483. margin-left:10px;
  484.  
  485. }
  486.  
  487. #avi img{
  488. border-radius:100px;
  489. outline:0px;
  490. outline-offset:0px;
  491. }
  492.  
  493. #tri{
  494. width: 0px;
  495. height: 0px;
  496. margin-left:60px;
  497. margin-top:-30px;
  498. border-top: 10px solid transparent;
  499. border-bottom: 10px solid transparent;
  500. border-right: 10px solid {color:top};
  501. }
  502.  
  503. #question{
  504. width:155px;
  505. height:auto;
  506. margin-top:-30px;
  507. margin-left:70px;
  508. padding:10px;
  509. font-size:9px;
  510. text-align:left;
  511. background:white;
  512. border-radius:5px;
  513. border:1px solid {color:top};
  514. {block:permalinkpage}
  515. width:360px;
  516. {/block:permalinkpage}
  517. }
  518.  
  519. #answer{
  520. width:235px;
  521. height:auto;
  522. padding:10px;
  523. font-size:9px;
  524. text-align:left;
  525. background:white;
  526. {block:permalinkpage}
  527. width:440px;
  528. {/block:permalinkpage}
  529. }
  530.  
  531. #infscr-loading{
  532. bottom: -70px;
  533. position: absolute;
  534. left: 50%;
  535. margin-left:-8px;
  536. width:16px;
  537. height:11px;
  538. overflow:hidden;
  539. margin-bottom: 50px;
  540. }
  541.  
  542. #postnotes{
  543. text-align: justify;}
  544.  
  545. #postnotes blockquote{
  546. border: 0px;}
  547.  
  548. blockquote{
  549. padding:0px 0px 2px 5px;
  550. margin:0px 0px 2px 10px;
  551. border-left: 1px dotted #555555;
  552. }
  553.  
  554. blockquote p, ul{
  555. margin:0px;
  556. padding:0px;
  557. }
  558.  
  559. a img{border: 0px;}
  560.  
  561.  
  562. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  563.  
  564. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  565. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  566.  
  567. .notes img{width:10px; position:relative; top:3px;margin:5px;border-radius:100px;}
  568. <--ses-->
  569. small{font-size: 90%;}
  570.  
  571. {CustomCSS}
  572. iframe, img, embed, object, video {
  573. max-width: 100%;
  574. }
  575. img {
  576. height: auto;
  577. width: auto;
  578. }
  579. {block:PermalinkPage}
  580. .text { width: 460px; }
  581. {/block:PermalinkPage}
  582. </style>
  583.  
  584. {block:IndexPage}
  585. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  586. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  587.  
  588. <script type="text/javascript">
  589. $(window).load(function(){
  590. var $wall = $('#posts');
  591. $wall.imagesLoaded(function(){
  592. $wall.masonry({
  593. itemSelector: '.entry, .entry_photo',
  594. isAnimated : false
  595. });
  596. });
  597.  
  598. $wall.infinitescroll({
  599. navSelector : '#pagination',
  600. nextSelector : '#pagination a',
  601. itemSelector : '.entry, .entry_photo',
  602. bufferPx : 2000,
  603. debug : false,
  604. errorCallback: function() {
  605. $('#infscr-loading').fadeOut('normal');
  606. }},
  607. function( newElements ) {
  608. var $newElems = $( newElements );
  609. $newElems.hide();
  610. $newElems.imagesLoaded(function(){
  611. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  612. });
  613. }); $('#posts').show(500);
  614. });
  615. </script>
  616.  
  617.  
  618. {/block:IndexPage}
  619.  
  620.  
  621. <title>{title}</title>
  622.  
  623. <link rel="shortcut icon" href="{Favicon}" />
  624. <meta name="viewport" content="width=820" />
  625. </head>
  626.  
  627. <body>
  628. <BODY onselectstart="return false;" ondragstart="return false;">
  629. <div class="wrapper">
  630. <div class="header">
  631. </div>
  632.  
  633. <div id="cage">
  634. <div id="center">
  635.  
  636. <div id="topbr"></div>
  637. <div id="left"></div>
  638. <div id="right"></div>
  639.  
  640. <div id="sr">
  641. <div id="top">{text:blogtitle}</div>
  642. <div id="icon"><img src="{image:icon}"></div>
  643. <div id="desc">{description}</div>
  644. <div id="links">
  645. <a href="{text:link 1}">{text:link 1 msg}</a>
  646. <a href="{text:link 2}">{text:link 2 msg}</a>
  647. <a href="{text:link 3}">{text:link 3 msg}</a>
  648. <a href="{text:link 4}">{text:link 4 msg}</a>
  649. <a href="{text:link 5}">{text:link 5 msg}</a>
  650. </div>
  651. </div>
  652.  
  653. <!--do not delete--->
  654. <div id="tdcd">
  655. <div id="cd"><a href="http://mkbye.tumblr.com">CEL.</a></div>
  656. </div>
  657. <!--do not delete--->
  658.  
  659. <div class="left">
  660. <div id="posts">
  661. {block:Posts}
  662. <div class="entry {block:Photo}small{/block:Photo}{block:PhotoSet}small{/block:PhotoSet}{block:Text}text{/block:Text}{block:Answer}text{/block:Answer}{block:Quote}text{/block:Quote}{block:Video}text{/block:Video}">
  663.  
  664. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span>
  665.  
  666. {block:IndexPage}
  667. <div class="perma"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  668. <div class="perma2"><a href="{permalink}" title="permalink // {timeago}">{block:NoteCount}{notecount}{/block:NoteCount}N.</a></div>
  669. {/block:IndexPage}
  670.  
  671. {block:PermalinkPage}
  672. </br>
  673. {notecount} | {block:HasTags}<font style="color:{color:title}"><i class="fa fa-tags"></i></font> {block:Tags}
  674. <a href="{TagURL}">{Tag},</a>
  675. {/block:Tags}</br>{/block:HasTags}</br>
  676. <div style="border-top:1px solid {color:blogtitle}"></div>
  677. {block:PostNotes}
  678. <div style="padding:5px"></div>
  679. <div id="postnotes"><div style="
  680. z-index:99999;
  681. width:auto;
  682. height:auto;
  683. max-height:300px;
  684. padding:10px;
  685. text-align:left;
  686. font-size:9px;
  687. overflow:auto;
  688. line-height:11px;
  689. ">{PostNotes}</div></div><br>
  690. {/block:PostNotes}
  691. {/block:PermalinkPage}
  692. {/block:Text}
  693.  
  694.  
  695. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description}
  696.  
  697. {block:IndexPage}
  698. <div class="perma"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  699. <div class="perma2"><a href="{permalink}" title="permalink // {timeago}">{block:NoteCount}{notecount}{/block:NoteCount}N.</a></div>
  700. {/block:IndexPage}
  701.  
  702. {block:PermalinkPage}
  703. </br>
  704. {notecount} | {block:HasTags}<font style="color:{color:title}"><i class="fa fa-tags"></i></font> {block:Tags}
  705. <a href="{TagURL}">{Tag},</a>
  706. {/block:Tags}</br>{/block:HasTags}</br>
  707. <div style="border-top:1px solid {color:blogtitle}"></div>
  708. {block:PostNotes}
  709. <div style="padding:5px"></div>
  710. <div id="postnotes"><div style="
  711. z-index:99999;
  712. width:auto;
  713. height:auto;
  714. max-height:300px;
  715. padding:10px;
  716. text-align:left;
  717. font-size:9px;
  718. overflow:auto;
  719. line-height:11px;
  720. ">{PostNotes}</div></div><br>
  721. {/block:PostNotes}
  722. {/block:PermalinkPage}
  723. {block:Link}
  724.  
  725.  
  726. {block:Photo}
  727. {block:IndexPage}
  728. <center>
  729. <div class="perma"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  730. <div class="perma2"><a href="{permalink}" title="permalink // {timeago}">{block:NoteCount}{notecount}{/block:NoteCount}N.</a></div>
  731.  
  732. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  733. {/block:IndexPage}
  734. {block:PermalinkPage}
  735. <div id="postits">{PostNotes}</div>
  736. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  737. {LinkCloseTag}
  738. </br><div style="font-size:8px;
  739. word-spacing:5px;">
  740. <font style="color:{color:title}"><i class="fa fa-calendar"></i></font> {shortmonth} {dayofmonth} {year} <font style="color:{color:title}"><i class="fa fa-clock-o"></i></font> {12Hour}:{Minutes} {CapitalAmPm} EST</br>
  741. <font style="color:{color:title}"><i class="fa fa-comment-o"></i></font> {notecountwithlabel}</br>
  742. <font style="color:{color:title}"><i class="fa fa-thumb-tack"></i></font> {block:RebloggedFrom}<a href={ReblogParentURL}>{ReblogParentName}</a>{/block:RebloggedFrom}</br>
  743. <font style="color:{color:title}"><i class="fa fa-map-marker"></i></font> {block:contentSource}<a href="{Sourceurl}" title="source">{sourcetitle}</a>{/block:contentSource}</br>
  744. {block:HasTags}<font style="color:{color:title}"><i class="fa fa-tags"></i></font> {block:Tags}
  745. <a href="{TagURL}">{Tag},</a>
  746. {/block:Tags}</br>{/block:HasTags}</br>
  747. <div style="border-top:1px solid {color:blogtitle}"></div>
  748. </br></br>
  749. {caption}
  750. </div>
  751. {/block:PermalinkPage}
  752. {/block:Photo}
  753.  
  754.  
  755. {block:Photoset}
  756. {block:IndexPage}
  757. <center>
  758. {Photoset-250}</center>
  759. <div class="perma"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  760. <div class="perma2"><a href="{permalink}" title="permalink // {timeago}">{block:NoteCount}{notecount}{/block:NoteCount}N.</a></div>
  761. {/block:IndexPage}
  762. {block:PermalinkPage}
  763. <div id="postits">{PostNotes}</div>
  764. <center>{Photoset-250}</center>
  765.  
  766. </br><div style="font-size:8px;
  767. word-spacing:5px;">
  768. <font style="color:{color:title}"><i class="fa fa-calendar"></i></font> {shortmonth} {dayofmonth} {year} <font style="color:{color:title}"><i class="fa fa-clock-o"></i></font> {12Hour}:{Minutes} {CapitalAmPm} EST</br>
  769. <font style="color:{color:title}"><i class="fa fa-comment-o"></i></font> {notecountwithlabel}</br>
  770. <font style="color:{color:title}"><i class="fa fa-thumb-tack"></i></font> {block:RebloggedFrom}<a href={ReblogParentURL}>{ReblogParentName}</a>{/block:RebloggedFrom}</br>
  771. <font style="color:{color:title}"><i class="fa fa-map-marker"></i></font> {block:contentSource}<a href="{Sourceurl}" title="source">{sourcetitle}</a>{/block:contentSource}</br>
  772. {block:HasTags}<font style="color:{color:title}"><i class="fa fa-tags"></i></font> {block:Tags}
  773. <a href="{TagURL}">{Tag},</a>
  774. {/block:Tags}</br>{/block:HasTags}</br>
  775. <div style="border-top:1px solid {color:blogtitle}"></div>
  776. </br></br>
  777. {caption}
  778. </div>
  779.  
  780. {/block:PermalinkPage}
  781. {/block:Photoset}
  782.  
  783.  
  784. {block:Quote}<font style="font-size:13px;">❝</font><span class="title" style="font-family:raleway;font-size:10px;"> {Quote} </span><font style="font-size:15px;">❞</font> — {block:Source}<font style="font-size:13px;font-family:Euphoria script;">{Source}</font>{/block:Source}<br>
  785.  
  786. {block:IndexPage}
  787. <div class="perma"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  788. <div class="perma2"><a href="{permalink}" title="permalink // {timeago}">{block:NoteCount}{notecount}{/block:NoteCount}N.</a></div>
  789. {/block:IndexPage}
  790.  
  791. {block:PermalinkPage}
  792. </br>
  793. {notecount} | {block:HasTags}<font style="color:{color:title}"><i class="fa fa-tags"></i></font> {block:Tags}
  794. <a href="{TagURL}">{Tag},</a>
  795. {/block:Tags}</br>{/block:HasTags}</br>
  796. <div style="border-top:1px solid {color:blogtitle}"></div>
  797. {block:PostNotes}
  798. <div style="padding:5px"></div>
  799. <div id="postnotes"><div style="
  800. z-index:99999;
  801. width:auto;
  802. height:auto;
  803. max-height:300px;
  804. padding:10px;
  805. text-align:left;
  806. font-size:9px;
  807. overflow:auto;
  808. line-height:11px;
  809. ">{PostNotes}</div></div><br>
  810. {/block:PostNotes}
  811. {/block:PermalinkPage}
  812.  
  813. {/block:Quote}
  814.  
  815.  
  816.  
  817. {block:Audio}
  818. <div id="ap">{AudioPlayerWhite}</div>
  819. {block:AlbumArt}<img src="{AlbumArtURL}" style="width:45px;border-radius:100px;border:1px solid {color:blogtitle};outline:0px solid rgba(0,0,0,0.1);
  820. outline-offset:0px;">{/block:AlbumArt}
  821. <div id="at">{block:TrackName}{TrackName}{/block:TrackName} -
  822. <font style="color:{color:top}">{block:Artist}{Artist}{/block:Artist}</font>
  823. </div></br>
  824. {block:IndexPage}
  825. <div class="perma"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  826. <div class="perma2"><a href="/" title="permalink // {timeago}">{block:NoteCount}{notecount}{/block:NoteCount}N.</a></div>
  827.  
  828. </br>{caption}
  829.  
  830. {/block:IndexPage}
  831. {/block:Audio}
  832.  
  833.  
  834. {block:Video}
  835. {block:IndexPage}
  836. <center>
  837. {Video-250}</center>
  838. <div class="perma"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  839. <div class="perma2"><a href="{permalink}" title="permalink // {timeago}">{block:NoteCount}{notecount}{/block:NoteCount}N.</a></div>
  840. {/block:IndexPage}
  841. {block:PermalinkPage}
  842. <center>
  843. {Video-400}</center>
  844.  
  845. </br><div style="font-size:8px;
  846. word-spacing:5px;">
  847. <font style="color:{color:title}"><i class="fa fa-calendar"></i></font> {shortmonth} {dayofmonth} {year} <font style="color:{color:title}"><i class="fa fa-clock-o"></i></font> {12Hour}:{Minutes} {CapitalAmPm} EST</br>
  848. <font style="color:{color:title}"><i class="fa fa-comment-o"></i></font> {notecountwithlabel}</br>
  849. <font style="color:{color:title}"><i class="fa fa-thumb-tack"></i></font> {block:RebloggedFrom}<a href={ReblogParentURL}>{ReblogParentName}</a>{/block:RebloggedFrom}</br>
  850. <font style="color:{color:title}"><i class="fa fa-map-marker"></i></font> {block:contentSource}<a href="{Sourceurl}" title="source">{sourcetitle}</a>{/block:contentSource}</br>
  851. {block:HasTags}<font style="color:{color:title}"><i class="fa fa-tags"></i></font> {block:Tags}
  852. <a href="{TagURL}">{Tag},</a>
  853. {/block:Tags}</br>{/block:HasTags}</br>
  854. <div style="border-top:1px solid {color:blogtitle}"></div>
  855. </br></br>
  856. {caption}
  857. </br></br>
  858. </div>
  859.  
  860.  
  861.  
  862.  
  863.  
  864. <div style="border-top:1px solid {color:link}"></div>
  865. {block:PostNotes}
  866. <div style="padding:5px"></div>
  867. <div id="postnotes"><div style="
  868. width:auto;
  869. height:auto;
  870. max-height:500px;
  871. padding:10px;
  872. text-align:left;
  873. font-size:9px;
  874. overflow:auto;
  875. line-height:11px;
  876. font-family:raleway;
  877. ">{PostNotes}</div></div><br>
  878. {/block:PostNotes}
  879. {/block:PermalinkPage}
  880. {block:Video}
  881.  
  882.  
  883. {block:Answer}
  884.  
  885. <div id="avi"><img src="{AskerPortraitURL-40}"></div>
  886. <div id="tri"></div>
  887.  
  888. <div id="question">
  889. <font style="text-transform:uppercase;color:black;font-size:9px;"><b>{Asker}</b></font> asked:</br>{question}</div>
  890. </br>
  891. <div style="border-top:1px solid #ddd;width:auto;padding:0px;"></div>
  892.  
  893. <div id="answer">
  894. <font style="text-transform:uppercase; color:black;font-size:9px;"><b>celina</b></font> answered <font style="text-transform:uppercase; color:black;font-size:9px;"><b>{Asker}</b></font>'s question:</br>{answer}</div>
  895.  
  896.  
  897.  
  898.  
  899. {block:IndexPage}
  900. <div class="perma"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  901. <div class="perma2"><a href="{permalink}" title="permalink // {timeago}">{block:NoteCount}{notecount}{/block:NoteCount}N.</a></div>
  902. {/block:IndexPage}
  903. {block:PermalinkPage}
  904. </br>
  905. {notecount} | {block:HasTags}<font style="color:{color:title}"><i class="fa fa-tags"></i></font> {block:Tags}
  906. <a href="{TagURL}">{Tag},</a>
  907. {/block:Tags}</br>{/block:HasTags}</br>
  908. <div style="border-top:1px solid {color:blogtitle}"></div>
  909. {block:PostNotes}
  910. <div style="padding:5px"></div>
  911. <div id="postnotes"><div style="
  912. z-index:99999;
  913. width:auto;
  914. height:auto;
  915. max-height:300px;
  916. padding:10px;
  917. text-align:left;
  918. font-size:9px;
  919. overflow:auto;
  920. line-height:11px;
  921. ">{PostNotes}</div></div><br>
  922. {/block:PostNotes}
  923. {/block:PermalinkPage}
  924. {/block:Answer}
  925.  
  926. </div>
  927. {/block:Posts}
  928. </div></div>
  929.  
  930.  
  931. {block:IndexPage}
  932. {block:Pagination}
  933. <div id="pagination">
  934. {block:NextPage}
  935. <a id="nextPage" href="{NextPage}"></a>
  936. {/block:NextPage}
  937. {block:PreviousPage}
  938. <a href="{PreviousPage}"></a>
  939. {/block:PreviousPage}
  940. </div>
  941. {/block:Pagination}
  942. {/block:IndexPage}
  943. </body>
  944. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement