API tools faq
paste
Advertisement
Katting

System Override Tumblr Theme

Katting
Aug 23rd, 2016
166
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.82 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.  
  5. <meta name="color:Backgrounds" content="#888888"/>
  6.  
  7. <meta name="color:Window Headers Color 1" content="#000000"/>
  8. <meta name="color:Window Headers Color 2" content="#940909"/>
  9.  
  10. <meta name="color:Title Color" content="#940909"/>
  11. <meta name="color:Title Color Hover" content="#888888"/>
  12. <meta name="color:Link Color" content="#01059f"/>
  13. <meta name="color:Link Color Hover" content="#5d367e"/>
  14. <meta name="color:Font Color 1" content="#ffffff"/>
  15. <meta name="color:Font Color 2" content="#000000"/>
  16.  
  17. <meta name="if:2 Columns" content="1"/>
  18. <meta name="if:Popup Ask" content="1"/>
  19.  
  20.  
  21. <meta name="text:Status Update" content="Write whatever you want here. How you're feeling, what you're up to, a quote, or whatever. It's your status update."/>
  22.  
  23. <meta name="text:FAQ Info" content="Write what you want your visitors to know before messaging you here.This is a little easier to edit in the full HTML editor if you know how to do that."/>
  24.  
  25. <meta name="text:Ask Title" content="Send Message"/>
  26. <meta name="text:Archive Title" content="Archive"/>
  27.  
  28. <meta name="text:Link 1 Title" content="Link 1"/>
  29. <meta name="text:Link 1 URL" content="/link1url"/>
  30. <meta name="text:Link 2 Title" content="Link 2"/>
  31. <meta name="text:Link 2 URL" content="/link2url"/>
  32. <meta name="text:Link 3 Title" content="Link 3"/>
  33. <meta name="text:Link 3 URL" content="/link3url"/>
  34.  
  35.  
  36.  
  37. <!----------------Popup Boxes Needed Script---------------->
  38.  
  39. <script type="text/javascript"
  40. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  41. <script>
  42. $(document).ready(function() {
  43. //
  44. $('a.poplight[href^=#]').click(function() {
  45. var popID = $(this).attr('rel'); //Get Popup Name
  46. var popURL = $(this).attr('href'); //Get Popup href to define size
  47. var query= popURL.split('?');
  48. var dim= query[1].split('&');
  49. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  50. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/tumblr_lngwqr5hbf1qf72le.png" class="btn_close" title="Close" alt="Close" /></a>');
  51. var popMargTop = ($('#' + popID).height() + 80) / 2;
  52. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  53. //Apply Margin to Popup
  54. $('#' + popID).css({
  55. 'margin-top' : -popMargTop,
  56. 'margin-left' : -popMargLeft
  57. });
  58. $('body').append('<div id="fade"></div>');
  59. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  60. return false;
  61. });
  62. $('a.close, #fade').live('click', function() {
  63. $('#fade , .popup_block, .popup_block2, .popup_block3').fadeOut(function() {
  64. $('#fade, a.close').remove(); //fade them both out
  65. });
  66. return false;
  67. });
  68. });
  69. </script>
  70.  
  71. <link href='http://static.tumblr.com/blpgwiz/Zjemijy8n/fade_in_down.css' rel='stylesheet' style='text/css'> <!--transition-->
  72.  
  73. <!-----------------End Popup Boxes Script------------------>
  74.  
  75.  
  76.  
  77. <!------------ start of styled tooltips script ------------->
  78.  
  79. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  80.  
  81. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  82.  
  83. <script>
  84. (function($){
  85. $(document).ready(function(){
  86. $("a[title]").style_my_tooltips({
  87. tip_follows_cursor:true,
  88. tip_delay_time:90,
  89. tip_fade_speed:600,
  90. attribute:"title"
  91. });
  92. });
  93. })(jQuery);
  94. </script>
  95.  
  96. <!-------------- end of styled tooltip scripts -------------->
  97.  
  98.  
  99.  
  100. <!--masonry--- (dont remove unless you want wierd columns--->
  101. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  102. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  103. <!------------------------end masonry----------------------->
  104.  
  105. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"> <!--font awesome icons-->
  106.  
  107. <!---------------------------------------------------------->
  108.  
  109. <style type="text/css">
  110.  
  111.  
  112. /*-----------------------*/
  113.  
  114. #sidebar{
  115. position:fixed;
  116. top:100px;
  117. left:5%;
  118. width:275px;
  119. box-shadow:3px 3px 3px #363636;
  120. }
  121.  
  122. #mainsidebar{
  123. padding:20px;
  124. background-color:#ffffff;
  125. border-left:1px solid #c9c7c7;
  126. border-bottom:1px solid #8c8888;
  127. border-right:1px solid #8c8888;
  128. outline:1px solid #474545;
  129. color:{color:Font Color 2};
  130. }
  131.  
  132. #avi img{
  133. border:1px solid #474545;
  134. width:75px;
  135. height:75px;
  136. }
  137.  
  138. #blogtitle{
  139. position:absolute;
  140. top:40px;
  141. right:20px;
  142. width:150px;
  143. font-family:'lucida console';
  144. font-weight:bold;
  145. font-size:17px;
  146. }
  147.  
  148. #blogtitle a{
  149. color:{color:Title Color};
  150. text-decoration:none;
  151. }
  152.  
  153. #blogtitle a:hover{
  154. color:{color:Title Color Hover};
  155. }
  156.  
  157.  
  158. #description{
  159. position:absolute;
  160. top:60px;
  161. right:15px;
  162. width:155px;
  163. height:59px;
  164. font-family:'Lucida Sans Unicode';
  165. font-size:8.5px;
  166. }
  167.  
  168. #status{
  169. margin-top:5px;
  170. margin-left:-5px;
  171. margin-right:-5px;
  172. padding:3px;
  173. background-color:#cccccc;
  174. font-family:'courier new';
  175. font-size:10px;
  176. }
  177.  
  178.  
  179. #links{
  180. margin-top:5px;
  181. padding-top:2px;
  182. padding-bottom:2px;
  183. border-top:1px solid #474545;
  184. border-bottom:1px solid #474545;
  185. }
  186.  
  187. #links p{
  188. margin:1px;
  189. padding-top:2px;
  190. padding-bottom:2px;
  191. padding-left:10px;
  192. background-color:#474545;
  193. font-family:'courier new';
  194. font-size:12px;
  195. color:{color:Font Color 1};
  196. }
  197.  
  198. #links p:hover{
  199. background-color:{color:Title Color};
  200. }
  201.  
  202. #links a{
  203. text-decoration:none;
  204. }
  205.  
  206. /*-----------------------*/
  207.  
  208. #container{
  209. position:absolute;
  210. top:50px;
  211. left:31%;
  212. {block:if2Columns}
  213. width:620px;
  214. {block:if2Columns}
  215. {block:ifNot2Columns}
  216. width:850px;
  217. {block:ifNot2Columns}
  218. {block:PermalinkPage}
  219. width:600px;
  220. {/block:PermalinkPage}
  221. }
  222.  
  223. .entry{
  224. position:relative;
  225. margin:15px;
  226. background-color:#ffffff;
  227. text-align:left;
  228. font-family:'Lucida Console';
  229. font-size:11px;
  230. color:{color:Font Color 2};
  231. box-shadow:3px 3px 3px #363636;
  232. {block:IndexPage}
  233. width:250px;
  234. height:auto;
  235. {/block:IndexPage}
  236. {block:PermalinkPage}
  237. width:500px;
  238. {/block:PermalinkPage}
  239. }
  240.  
  241. .entry img{
  242. width:250px;
  243. max-width: 100%;
  244. {block:PermalinkPage}
  245. width:500px;
  246. {/block:PermalinkPage}
  247. }
  248.  
  249. .entry h2{
  250. margin-top:0px;
  251. margin-bottom:5px;
  252. padding:2px;
  253. text-align:center;
  254. font-size:14px;
  255. letter-spacing:1px;
  256. }
  257.  
  258. .entry a{
  259. color:{color:Link Color};
  260. text-decoration:none;
  261. }
  262.  
  263. .entry a:hover{
  264. color:{color:Link Color Hover};
  265. }
  266.  
  267. .entry p{
  268. margin-top:5px;
  269. margin-bottom:5px;
  270. margin-left:10px;
  271. margin-right:10px;
  272. text-align:left;
  273. font-size:12px;
  274. font-family:'courier new';
  275. }
  276.  
  277. blockquote{
  278. margin:5px;
  279. font-family:'Times New Roman';
  280. font-size:20px;
  281. {block:IndexPage}
  282. text-align:left;
  283. {/block:IndexPage}
  284. {block:PermalinkPage}
  285. text-align:center;
  286. {/block:PermalinkPage}
  287. }
  288.  
  289. .linkpost{
  290. margin:1px;
  291. padding-top:5px;
  292. padding-bottom:5px;
  293. padding-left:20px;
  294. padding-right:10px;
  295. background-color:#474545;
  296. font-family:'courier new';
  297. font-size:12px;
  298. color:{color:Font Color 1};
  299. }
  300.  
  301. .linkpost:hover{
  302. background-color:{color:Title Color};
  303. }
  304.  
  305. #permalinktext{
  306. display: block;
  307. margin-left:-1px;
  308. padding:3px;
  309. background-color:#cccccc;
  310. border-left:1px solid #474545;
  311. text-align:right;
  312. font-family:'arial';
  313. font-size:9px;
  314. {block:PermalinkPage}
  315. display:none;
  316. {/block:PermalinkPage}
  317. }
  318.  
  319. #permalinktext a{
  320. margin-left:3px;
  321. margin-right:3px;
  322. color:{color:Font Color 2};
  323. }
  324.  
  325. .question{
  326. padding:5px;
  327. border:1px solid #474545;
  328. font-family:'courier new';
  329. font-size:10.5px;
  330. color:{color:Font Color 2};
  331. }
  332.  
  333. .asker{
  334. background-color:#cccccc;
  335. font-weight:bold;
  336. text-decoration:none;
  337. }
  338.  
  339. .asker a{
  340. color:{color:Title Color};
  341. }
  342.  
  343. .asker img{
  344. width:25px;
  345. height:25px;
  346. }
  347.  
  348. .asked{
  349. margin-top:4px;
  350. padding:2px;
  351. }
  352.  
  353. .replies{
  354. margin-top:4px;
  355. padding:2px;
  356. background-color:#cccccc;
  357. }
  358.  
  359. .tumblr_audio_player {
  360. position: relative;
  361. z-index: 1000;
  362. {block:IndexPage}
  363. width: 250px;
  364. {/block:IndexPage}
  365. {block:PermalinkPage}
  366. width:500px;
  367. {/block:PermalinkPage}
  368. height: 100px;
  369. overflow: hidden;
  370. }
  371.  
  372. /*makes images in texts posts stay in the box*/
  373. iframe, img, embed, object, video {
  374. max-width: 100%;
  375. }
  376.  
  377. img {
  378. vertical-align:middle;
  379. height: auto;
  380. width: auto;
  381. }
  382.  
  383. .thepost{
  384. padding:10px;
  385. outline:1px solid #474545;
  386. border-top:1px solid #c9c7c7;
  387. border-left:1px solid #c9c7c7;
  388. border-bottom:1px solid #8c8888;
  389. border-right:1px solid #8c8888;
  390. }
  391.  
  392. /*styling of how the notes will look on the permalink page*/
  393. #permpage{
  394. {block:PermalinkPage}
  395. float: center;
  396. position: relative;
  397. padding:5px;
  398. border-left:1px solid #c9c7c7;
  399. border-bottom:1px solid #8c8888;
  400. border-right:1px solid #8c8888;
  401. outline:1px solid #474545;
  402. text-align:left;
  403. {/block:PermalinkPage}
  404. }
  405.  
  406. .caption{
  407. max-height:400px;
  408. overflow-y:scroll;
  409. padding:5px;
  410. background-color:#cccccc;
  411. border:1px solid #474545;
  412. text-align:left;
  413. }
  414.  
  415. .caption p{
  416. text-align:left;
  417. }
  418.  
  419. .caption ul{
  420. text-align:left;
  421. font-size:11px;
  422. }
  423.  
  424. ol.notes {
  425. padding:5px;
  426. height:300px;
  427. overflow-y:auto;
  428. background-color:#cccccc;
  429. border:1px solid #474545;
  430. text-align:left;
  431. font-family:'courier new';
  432. font-size:10px;
  433. color:#393535;
  434. list-style-type: none;
  435. }
  436.  
  437. ol.notes a{
  438. margin:2px;
  439. color:{color:Link Color};
  440. text-decoration:none;
  441. }
  442.  
  443. ol.notes img.avatar {
  444. width:10px;
  445. height:10px;
  446. margin:2px;
  447. border:1px solid #474545;
  448. }
  449.  
  450. /*-----------------------*/
  451.  
  452. .popup_block{
  453. /*main box*/
  454. display:none; /*hides when not using*/
  455. position:fixed;
  456. top:50%;
  457. left:50%;
  458. z-index:9000000;
  459. }
  460.  
  461. #askblock{
  462. position:fixed;
  463. top:50%;
  464. left:50%;
  465. transform:translate(-50%,-50%);
  466. width:500px;
  467. background-color:#ffffff;
  468. }
  469.  
  470. #faskbox{
  471. padding:10px;
  472. outline:1px solid #474545;
  473. border-top:1px solid #c9c7c7;
  474. border-left:1px solid #c9c7c7;
  475. border-bottom:1px solid #8c8888;
  476. border-right:1px solid #8c8888;
  477. }
  478.  
  479. #faskinfo{
  480. margin-bottom:5px;
  481. height:100px;
  482. padding:10px;
  483. overflow-y:auto;
  484. background-color:#cccccc;
  485. border:1px solid #474545;
  486. font-family:'Courier New';
  487. font-size:11px;
  488. }
  489.  
  490. #faskinfo h2{
  491. font-size:15px;
  492. }
  493.  
  494. #header{
  495. padding:3px;
  496. border:2px solid #ffffff;
  497. outline:1px solid #474545;
  498. font-family:'Lucida Console';
  499. font-size:12px;
  500. color:{color:Font Color 1};
  501. background: {color:Window Headers Color 1}; /* For browsers that do not support gradients */
  502. background: -webkit-linear-gradient(left, {color:Window Headers Color 1}, {color:Window Headers Color 2}); /* For Safari 5.1 to 6.0 */
  503. background: -o-linear-gradient(right, {color:Window Headers Color 1}, {color:Window Headers Color 2}); /* For Opera 11.1 to 12.0 */
  504. background: -moz-linear-gradient(right, {color:Window Headers Color 1}, {color:Window Headers Color 2}); /* For Firefox 3.6 to 15 */
  505. background: linear-gradient(to right, {color:Window Headers Color 1} , {color:Window Headers Color 2}); /* Standard syntax */
  506. }
  507.  
  508. #s-m-t-tooltip {
  509. margin:15px 0px 0px 10px;
  510. padding:3px;
  511. max-width:100px;
  512. background-color:#cccccc;
  513. font-family:Arial;
  514. font-size:10px;
  515. color:#000000;
  516. z-index:99999999999999999999999999999999999;
  517. }
  518.  
  519. #fade {
  520. display: none; /*--hidden by default--*/
  521. position: fixed;
  522. left:0;
  523. top:0;
  524. width:100%;
  525. height:100%;
  526. opacity:0;
  527. background:{color:Backgrounds};
  528. z-index:999900;
  529. }
  530.  
  531. img.btn_close {
  532. display:none;
  533. }
  534.  
  535. /*--Making IE6 Understand Fixed Positioning--*/
  536. *html #fade {
  537. position: absolute;
  538. }
  539.  
  540. *html .popup_block,*html .popup_block2, *html .popup_block3{
  541. position: absolute;
  542. }
  543.  
  544. /*change the color of the highlights*/
  545. ::-moz-selection { /* Code for Firefox */
  546. background: {color:Window Headers Color 2};
  547. }
  548. ::selection {
  549. background: {color:Window Headers Color 2};
  550. }
  551.  
  552. /*cred to html tutorials*/
  553. ::-webkit-scrollbar-thumb:vertical {
  554. background-color:#cccccc;
  555. border:1px solid #474545;
  556. width:15px;
  557. opacity:1;
  558. }
  559. ::-webkit-scrollbar {
  560. background-color:#ffffff;
  561. border-left:1px solid #474545;
  562. width:15px;
  563. opacity:1;
  564. }
  565. ::-webkit-scrollbar-corner{
  566. opacity:0;
  567. }
  568.  
  569. body{
  570. background-color:{color:Backgrounds};
  571. }
  572.  
  573. .tmblr-iframe{
  574. margin-top:5px;
  575. margin-right:5px;
  576. z-index:9999999999999;!important;
  577. -webkit-filter: invert(100%);
  578. }
  579.  
  580. #infscr-loading {
  581. display: none !important;
  582. }
  583. </style>
  584.  
  585.  
  586. <!--------------What Appears On The Browser Tab-------------->
  587.  
  588. <title>{Title}</title>
  589.  
  590. <link href="{favicon}" rel="icon" type="image/x-icon" />
  591. <!---------You can customize this to something differant from your profile pic by putting the url to your desired icon in place of {favicon}------->
  592.  
  593.  
  594. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  595. {block:Description}
  596.  
  597.  
  598. <meta name="description" content="{MetaDescription}" />
  599. {/block:Description}
  600.  
  601. <!----------------------------------------------------->
  602.  
  603.  
  604. <!---masonry infinite scroll--->
  605. {block:indexpage}
  606. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>
  607.  
  608. {/block:NextPage}
  609. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  610. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  611. <script type="text/javascript">
  612. $(window).load(function(){
  613. var $wall = $('#container');
  614. $wall.imagesLoaded(function(){
  615. $wall.masonry({
  616. itemSelector: '.entry, .entry_photo',
  617. isAnimated : true
  618. });
  619. });
  620.  
  621. $wall.infinitescroll({
  622. navSelector : '#page-nav',
  623. nextSelector : '#page-nav a',
  624. itemSelector : '.entry, .entry_photo',
  625. bufferPx : 2000,
  626. debug : false,
  627. errorCallback: function() {
  628. $('#infscr-loading').fadeOut('normal');
  629. }},
  630. function( newElements ) {
  631. var $newElems = $( newElements );
  632. $newElems.hide();
  633. $newElems.imagesLoaded(function(){
  634. $wall.masonry( 'appended', $newElems,{isAnimated: true}, function(){$newElems.fadeIn('slow');} );
  635. });
  636. }); $('#content').hide(500);
  637. });
  638. </script>
  639. {/block:indexpage}
  640.  
  641. <!--end-->
  642.  
  643.  
  644.  
  645. </head>
  646.  
  647.  
  648.  
  649. <body>
  650.  
  651.  
  652. <!---------------------------------------------------------->
  653.  
  654. <div id="sidebar">
  655.  
  656. <div id="header">Tumblr - {Title}</div>
  657.  
  658. <div id="mainsidebar">
  659.  
  660. <div id="avi"><img src="{favicon}"></div>
  661. <div id="blogtitle"><a href="/">{Name}</a></div>
  662. <div id="description">{Description}</div>
  663. <div id="status">{text:Status Update}</div>
  664.  
  665. <div id="links">
  666. {block:ifPopupAsk}
  667. <a href="#?w=500" rel="02" class="poplight"><p><i class="fa fa-caret-right"></i> {text:Ask Title}</p></a>
  668. {/block:ifPopupAsk}
  669.  
  670. {block:ifNotPopupAsk}
  671. <a href="/ask"><p><i class="fa fa-caret-right"></i> {text:Ask Title}</p></a>
  672. {/block:ifNotPopupAsk}
  673.  
  674. <a href="{text:Link 1 URL}"><p><i class="fa fa-caret-right"></i> {text:Link 1 Title}</p></a>
  675. <a href="{text:Link 2 URL}"><p><i class="fa fa-caret-right"></i> {text:Link 2 Title}</p></a>
  676. <a href="{text:Link 3 URL}"><p><i class="fa fa-caret-right"></i> {text:Link 3 Title}</p></a>
  677. <a href="/archive"><p><i class="fa fa-caret-right"></i> {text:Archive Title}</p></a>
  678. <a href="http://katting.tk"><p><i class="fa fa-caret-right"></i> Theme Credit</p></a>
  679. </div>
  680.  
  681. </div>
  682. </div>
  683.  
  684. <!---------------------------------------------------------->
  685.  
  686. <style>
  687. #cred{
  688. position:fixed;
  689. z-index:9000;
  690. bottom:5px;
  691. right:5px;
  692. width:15px;
  693. height:15px;
  694. padding:3px;
  695. background-color:#cccccc;
  696. border-top:1px solid #c9c7c7;
  697. border-left:1px solid #c9c7c7;
  698. border-bottom:1px solid #8c8888;
  699. border-right:1px solid #8c8888;
  700. outline:1px solid #474545;
  701. text-align:center;
  702. font-size:14px;
  703. color:#000000;
  704. webkit-transition: all 1s ease;
  705. -moz-transition: all 1s ease;
  706. -o-transition: all 1s ease;
  707. transition:all 1s ease; /*smooth transitions*/
  708. }
  709. </style>
  710. <a href="http://felinethemes.tumblr.com" title="Feline Themes" target="blank"><div id="cred"><i class="fa fa-paw"></i></div></a>
  711.  
  712. <!---------------------------------Posts------------------------------>
  713.  
  714. <div id="container">
  715. {block:Posts}
  716. <div class="entry">
  717.  
  718. <!-------------------------Text Posts-------------------------->
  719. {block:Text}
  720. <div class="post text">
  721.  
  722. <div id="header">
  723. Notepad
  724. </div>
  725.  
  726. {block:IndexPage}
  727. <div id="permalinktext">
  728. <a href="{Permalink}">Details</a>
  729. <a href="{ReblogURL}">Reblog</a>
  730. </div>
  731. {/block:IndexPage}
  732.  
  733. <div class="thepost">
  734. {block:Title}<h2>{Title}</h2>{/block:Title}
  735. {Body}
  736. </div>
  737.  
  738. </div>
  739. {/block:Text}
  740. <!------------------------------------------------------------>
  741.  
  742.  
  743.  
  744. <!------------------------Photo Posts------------------------->
  745. {block:Photo}
  746. <div class="post photo">
  747.  
  748. <div id="header">
  749. {block:RebloggedFrom} {ReblogParentName} {/block:RebloggedFrom}
  750. {block:NotReblog} {Name} {/block:NotReblog}
  751. </div>
  752.  
  753. {block:IndexPage}
  754.  
  755. <div id="permalinktext">
  756. <a href="{Permalink}">Details</a>
  757. <a href="{ReblogURL}">Reblog</a>
  758. </div>
  759.  
  760. <div class="thepost">
  761. <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  762. </div>
  763.  
  764. {/block:IndexPage}
  765.  
  766.  
  767. {block:PermalinkPage}
  768. <div class="thepost">
  769. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  770. </div>
  771. {/block:PermalinkPage}
  772.  
  773. </div>
  774. {/block:Photo}
  775. <!------------------------------------------------------------>
  776.  
  777.  
  778.  
  779. <!---------------------Panorama Posts-------------------------> {block:Panorama}
  780. <div class="post panorama">
  781.  
  782. <div id="header">
  783. {block:RebloggedFrom} {ReblogParentName} {/block:RebloggedFrom}
  784. {block:NotReblog} {Name} {/block:NotReblog}
  785. </div>
  786.  
  787. {block:IndexPage}
  788.  
  789. <div id="permalinktext">
  790. <a href="{Permalink}">Details</a>
  791. <a href="{ReblogURL}">Reblog</a>
  792. </div>
  793.  
  794. {/block:IndexPage}
  795.  
  796. <div class="the post">
  797. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  798. {LinkCloseTag}
  799. </div>
  800.  
  801. </div>
  802.  
  803. {/block:Panorama}
  804. <!----------------------------------------------------------->
  805.  
  806.  
  807.  
  808. <!----------------------Photoset Posts----------------------->
  809. {block:Photoset}
  810. <div class="post photoset">
  811.  
  812. <div id="header">
  813. Tumblr Photo Album
  814. </div>
  815.  
  816. {block:IndexPage}
  817.  
  818. <div id="permalinktext">
  819. <a href="{Permalink}">Details</a>
  820. <a href="{ReblogURL}">Reblog</a>
  821. </div>
  822.  
  823.  
  824. <div class="thepost">
  825. <center>
  826.  
  827. {block:Photos}
  828. <img src="{PhotoURL-250}" width="250px" style="border-bottom:5px solid #ffffff;"/>
  829. {/block:Photos}
  830.  
  831. </center>
  832. </div>
  833. {/block:IndexPage}
  834.  
  835.  
  836. {block:PermalinkPage}
  837. <div class="thepost">
  838. {Photoset-500}
  839. </div>
  840. {/block:PermalinkPage}
  841.  
  842. </div>
  843. {/block:Photoset}
  844. <!----------------------------------------------------------->
  845.  
  846.  
  847.  
  848. <!------------------------Quote Posts------------------------>
  849. {block:Quote}
  850. <div class="post quote">
  851.  
  852. <div id="header">
  853. Notepad
  854. </div>
  855.  
  856. {block:IndexPage}
  857.  
  858. <div id="permalinktext">
  859. <a href="{Permalink}">Details</a>
  860. <a href="{ReblogURL}">Reblog</a>
  861. </div>
  862.  
  863. {/block:IndexPage}
  864.  
  865. <div class="thepost">
  866. <blockquote> "{Quote}" </blockquote>
  867. </div>
  868.  
  869. </div>
  870.  
  871. {/block:Quote}
  872.  
  873. <!--------------------------------------------------------->
  874.  
  875.  
  876.  
  877. <!------------------------Link Posts----------------------->
  878. {block:Link}
  879. <div class="post link">
  880.  
  881. <div id="header">
  882. http://
  883. </div>
  884.  
  885. {block:IndexPage}
  886.  
  887. <div id="permalinktext">
  888. <a href="{Permalink}">Details</a>
  889. <a href="{ReblogURL}">Reblog</a>
  890. </div>
  891.  
  892. {/block:IndexPage}
  893.  
  894. {/block:IndexPage}
  895.  
  896. <div class="thepost">
  897.  
  898. <a href="{URL}" class="link" {Target}><div class="linkpost"><i class="fa fa-caret-right"></i> {Name}</div></a>
  899. </div>
  900.  
  901.  
  902.  
  903. </div>
  904.  
  905. {/block:Link}
  906. <!---------------------------------------------------------->
  907.  
  908.  
  909.  
  910. <!-----------------------Chat Posts------------------------->
  911. {block:Chat}
  912. <div class="post chat">
  913.  
  914. <div id="header">{Title}</div>
  915.  
  916. {block:IndexPage}
  917.  
  918. <div id="permalinktext">
  919. <a href="{Permalink}">Details</a>
  920. <a href="{ReblogURL}">Reblog</a>
  921. </div>
  922.  
  923. {/block:IndexPage}
  924.  
  925. <div class="thepost">
  926. <div class="chat">
  927.  
  928. {block:Lines}
  929.  
  930. <div class="{Alt} user_{UserNumber}">
  931.  
  932. {block:Label}<span style="color:{color:Title Color};"><b>{Label}</b></span>{/block:Label}
  933. {Line}
  934.  
  935. </div>
  936.  
  937. <p>{/block:Lines}</p>
  938.  
  939. </div>
  940. </div>
  941. </div>
  942.  
  943. {/block:Chat}
  944. <!----------------------------------------------------------->
  945.  
  946.  
  947.  
  948. <!-----------------------Videos Posts------------------------>
  949. {block:Video}
  950.  
  951. <div id="header">
  952. Tumblr Video Player
  953. </div>
  954.  
  955. {block:IndexPage}
  956.  
  957. <div id="permalinktext">
  958. <a href="{Permalink}">Details</a>
  959. <a href="{ReblogURL}">Reblog</a>
  960. </div>
  961.  
  962. {/block:IndexPage}
  963.  
  964.  
  965. <div class="post video">
  966. <div class="thepost">{Video-250}</div>
  967. </div>
  968.  
  969. {/block:Video}
  970. <!----------------------------------------------------------->
  971.  
  972.  
  973.  
  974.  
  975. <!------------------------Audio Post------------------------->
  976. {block:Audio}
  977.  
  978. <div class="post audio"><div class="thepost">{AudioEmbed-250}</div> </div>
  979.  
  980. <div id="header">
  981. Tumblr Audio Player
  982. </div>
  983.  
  984. {block:IndexPage}
  985.  
  986. <div id="permalinktext">
  987. <a href="{Permalink}">Details</a>
  988. <a href="{ReblogURL}">Reblog</a>
  989. </div>
  990.  
  991. {/block:IndexPage}
  992.  
  993. {/block:Audio}
  994. <!---------------------------------------------------------->
  995.  
  996.  
  997.  
  998. <!------------------------Q/A Post-------------------------->
  999.  
  1000.  
  1001.  
  1002. {block:Answer}
  1003.  
  1004. <div id="header">
  1005. Message
  1006. </div>
  1007.  
  1008. {block:IndexPage}
  1009.  
  1010. <div id="permalinktext">
  1011. <a href="{Permalink}">Details</a>
  1012. <a href="{ReblogURL}">Reblog</a>
  1013. </div>
  1014.  
  1015. {/block:IndexPage}
  1016.  
  1017. <div class="thepost">
  1018.  
  1019. <div class="question">
  1020. <div class="asker">
  1021. <img src="{AskerPortraitURL-64}">
  1022. {Asker} asked:<br></div>
  1023. <div class="asked">{Question}</div>
  1024. </div>
  1025.  
  1026. <div class="replies">
  1027. <div class="answer">
  1028. {Answer}
  1029. </div>
  1030. </div>
  1031.  
  1032. </div>
  1033.  
  1034. {/block:Answer}
  1035. <!---------------------------------------------------------->
  1036.  
  1037.  
  1038. <!-------------------------Permapage------------------------>
  1039. {block:PermalinkPagination}
  1040. {block:PermalinkPage}
  1041.  
  1042.  
  1043. <div id="permpage">
  1044.  
  1045.  
  1046. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1047.  
  1048.  
  1049. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  1050. </div>
  1051. {/block:PermalinkPage}
  1052. {/block:PermalinkPagination}
  1053. </div>
  1054. <!---------------------------------------------------------->
  1055.  
  1056. {/block:Posts}
  1057. </div>
  1058.  
  1059. <!-------------------------------End Posts------------------------------>
  1060.  
  1061.  
  1062.  
  1063. </body>
  1064.  
  1065. <div id="02" class="popup_block">
  1066. <div id="askblock">
  1067.  
  1068. <div id="header">
  1069. Compose Message
  1070. </div>
  1071. <div id="faskbox">
  1072.  
  1073. <div id="faskinfo">
  1074. {text:FAQ Info}
  1075. </div>
  1076.  
  1077. <div id="ask">
  1078. <!------------------------------Ask Form-------------------------------->
  1079. <iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  1080. <!---------------------------------------------------------------------->
  1081. </div>
  1082. </div>
  1083.  
  1084. </div>
  1085.  
  1086. </div>
  1087. </div>
  1088.  
  1089. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!