API tools faq
paste
glam0urkills

theme 우리 사랑하지 말아요 by imjaebumx

glam0urkills
Mar 3rd, 2016
1,782
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.81 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-------
  5.    theme by @imjaebumx
  6.        heavy editting allowed
  7.            please do not remove credits
  8.            
  9.        base code kindly provided by @rnirae
  10. <!------>
  11.  
  12. <head>
  13.     <title>{Title}</title>
  14.     <link rel="shortcut icon" href="{FavIcon}" />
  15.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  16.    
  17. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  18.  
  19.  <meta name="color:Background" content="#fff" />
  20.  <meta name="color:Text" content="#777777"/>
  21.  
  22.  <meta name="image:Background" content=""/>
  23.  <meta name="image:sidebar image" content=""/>
  24.  
  25.  <meta name="color:Scrollbar" content="#b6d0d4"/>
  26.  
  27.   <meta name="color:Borders" content="#f8f8f8"/>
  28.  <meta name="color:Link" content="#353535"/>
  29.  <meta name="color:Link Hover" content="#b6d3cc"/>
  30.  
  31.  <meta name="color:Title" content="#656565"/>
  32.  
  33.  <meta name="color:Sidebar Link" content="#353535"/>
  34.  <meta name="color:Sidebar Link Border" content="#f8f8f8"/>
  35.  <meta name="color:Sidebar Link Hover" content="#b6d3cc"/>
  36.  
  37.  <meta name="text:opacity value" content="0.7" />
  38. <meta name="text:Link1" content="/" />
  39. <meta name="text:Link1 Title" content="one" />
  40. <meta name="text:Link2" content="/" />
  41. <meta name="text:Link2 Title" content="two" />
  42. <meta name="text:Link3" content="/" />
  43. <meta name="text:Link3 Title" content="three" />
  44. <meta name="text:Link4" content="/" />
  45. <meta name="text:Link4 Title" content="four" />
  46.  
  47.  <meta name="select:post width" content="250" title="250px"/>
  48. <meta name="select:post width" content="350" title="350px"/>
  49. <meta name="select:post width" content="450" title="450px"/>
  50.  
  51. <meta name="if:floating tags" content="0"/>
  52.  
  53.  
  54.   <meta name="if:lazy load" content="0"/>
  55. <meta name="if:drop down links" content="0"/>
  56. <meta name="if:opacity post" content="1"/>
  57.  
  58.  <!------------------ LAZY LOAD ------------------->
  59. {block:Iflazyload}<script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  60. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  61. <script type="text/javascript" charset="utf-8">
  62. var $j = jQuery.noConflict();
  63. $j(function() {
  64. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  65. $j("img").lazyload({
  66. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  67. effect: "fadeIn",
  68. });
  69. });
  70. </script>{/block:Iflazyload}
  71.  
  72. <!------------ TOOLTIPS ---------------->
  73.  
  74. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  75. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  76. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  77. <script>
  78. (function($){
  79. $(document).ready(function(){
  80. $("[title]").style_my_tooltips({
  81. tip_follows_cursor:true,
  82. tip_delay_time:200,
  83. tip_fade_speed:300
  84. });
  85. });
  86. })(jQuery);
  87. </script>
  88.  
  89. <!--------- PHOTOSET FUNCTIONS TUTORIAL BY SHYTHEMES -------------->
  90.  
  91. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  92. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  93. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  94.  
  95. <script>
  96. $(document).ready(function(){
  97.    $('.photo-slideshow').pxuPhotoset({
  98.        lightbox: true,
  99.        rounded: false,
  100.        gutter: '2px',
  101.        borderRadius: '0px',
  102.        photoset: '.photo-slideshow',
  103.        photoWrap: '.photo-data',
  104.        photo: '.pxu-photo'
  105.    });
  106. });
  107. </script>
  108.  
  109. <!----------- DROP MENU -------------->
  110.  
  111. <script>$(document).ready(function(){
  112.     $(".postnotes").hide();
  113.         $(".viewnotes").show();$('.viewnotes').toggle(function(){
  114.             $(".postnotes").slideDown(function(){});
  115.                 },function(){
  116.             $(".postnotes").slideUp(function(){});
  117.         });
  118.     $(".links").hide();
  119.         $(".dd").show();$('.dd').toggle(function(){
  120.             $(".links").slideDown(function(){});
  121.                 },function(){
  122.             $(".links").slideUp(function(){});
  123.         });
  124.     });</script>
  125.  
  126.  
  127. <style type="text/css">
  128.  
  129.  
  130. ::-moz-selection {
  131.     background: #fcfcfc;
  132.     color: {color:text};
  133. }
  134.  
  135. ::selection {
  136.     background: #fcfcfc;
  137.     color: {color:text};
  138.    
  139. }
  140.  
  141. #s-m-t-tooltip {
  142.     max-width:300px;
  143.     padding:5px;
  144.     margin:20px 20px 20px 20px;
  145.     text-transform:uppercase;
  146.     font-family:'Calibri';
  147.     font-size:8px;
  148.     font-style:none;
  149.     letter-spacing:1px;
  150.     color:{color:text};
  151.     background-color:#fff;
  152.     box-shadow:0px 0px 0px rgba(0,0,0,.0);
  153. border-radius:0%;
  154.     z-index:999999999999999999999999999999999999;
  155.     }
  156.  
  157. /* basic styles */
  158. body {
  159.     color: {color:Text};
  160.     background-color: {color:Background};
  161.     background-image: url({image:Background});
  162.     font: 10px calibri;
  163.     line-height: 18px;
  164. }
  165. a {
  166.     text-decoration: none;
  167.     color: {color:Link};
  168.     border-bottom:1px solid {color:borders};
  169.     padding-bottom:2px;
  170.         -webkit-transition: all 0.8s ease-out;
  171.     -moz-transition: all 0.8s ease-out;
  172.     transition: all 0.8s ease-out;
  173. }
  174. a:hover {
  175.     color:{color:Link Hover};
  176.     cursor: help;
  177.         -webkit-transition: all 0.8s ease-out;
  178.     -moz-transition: all 0.8s ease-out;
  179.     transition: all 0.8s ease-out;
  180. }
  181.  
  182. b, bold, strong {
  183.     font-weight:bold;
  184. }
  185.  
  186. i, em {
  187.     font-style:italic;
  188. }
  189.  
  190. h1 {
  191.     font-size:15px;
  192.     font-family: 'Cousine', sans-serif;
  193.     color:{color:text};
  194.     letter-spacing:2px;
  195. }
  196. /* scrollbar */
  197. ::-webkit-scrollbar {
  198.     width: 3px;
  199.     height: 5px;
  200.     background: {color:Background};
  201. }
  202. ::-webkit-scrollbar-thumb {
  203.     background: {color:Scrollbar};
  204.     border-radius: 16px;
  205.     border-top: 5px solid {color:Background};
  206. }
  207. /* post customizations */
  208. #content { /* for the whole column of posts */
  209.     {block:IndexPage}
  210. width:{select:post width}px;
  211.     {/block:IndexPage}
  212.     {block:PermalinkPage}
  213. width:{select:post width}px;
  214.     {/block:PermalinkPage}
  215.     position: relative;
  216.     margin-left: 500px;
  217.     margin-top: 60px;
  218. }
  219. .entry {
  220.     margin-bottom: 40px;
  221.     width:{select:post width}px;
  222.     {block:ifopacitypost}opacity:{text:opacity value};{/block:ifopacitypost}
  223.     -webkit-transition: all 0.8s ease-out;
  224.     -moz-transition: all 0.8s ease-out;
  225.     transition: all 0.8s ease-out;
  226. }
  227.  
  228. .entry:hover {
  229.     {block:ifopacitypost}opacity:1;{/block:ifopacitypost}
  230.     -webkit-transition: all 0.8s ease-out;
  231.     -moz-transition: all 0.8s ease-out;
  232.     transition: all 0.8s ease-out;
  233. }
  234.  
  235. .entry img {
  236.     width:{select:post width}px;
  237. }
  238.  
  239.  
  240. .entry:hover #tags {
  241.     opacity:1;
  242.     -webkit-transition: all 0.8s ease-out;
  243.     -moz-transition: all 0.8s ease-out;
  244.     transition: all 0.8s ease-out;
  245. }
  246.  
  247. .entry:hover .tags {
  248.     opacity:1;
  249.         -webkit-transition: all 0.8s ease-out;
  250.     -moz-transition: all 0.8s ease-out;
  251.     transition: all 0.8s ease-out;
  252. }
  253.  
  254. .tags {
  255.     max-width:{select:post width}px;
  256.     background-color:{color:background};
  257.     font:7px 'Calibri';
  258.     text-transform:uppercase;
  259.     display:inline;
  260.     letter-spacing:1px;
  261.     padding-bottom:0px;
  262.     margin-left:5px;
  263.     opacity:0;
  264.     -webkit-transition: all 0.8s ease-out;
  265.     -moz-transition: all 0.8s ease-out;
  266.     transition: all 0.8s ease-out;
  267. }
  268.  
  269. .tags a {
  270.     border-bottom:0px;
  271.     padding-bottom:0px;
  272. }
  273.  
  274.  
  275. #tags {
  276.     position: absolute;
  277.     {block:iffloatingtags}right: -75px;{/block:iffloatingtags}
  278.     letter-spacing: 1px;
  279.     opacity:0;
  280.     text-transform: uppercase;
  281.     font-family:'Calibri';
  282.     font-size:7px;
  283.         -webkit-transition: all 0.8s ease-out;
  284.     -moz-transition: all 0.8s ease-out;
  285.     transition: all 0.8s ease-out;
  286.     max-width:100px;
  287.     border-bottom:1px solid {color:borders};
  288. }
  289.  
  290. #tags a {
  291.     border-bottom:0px;
  292.     padding-bottom:0px;
  293. }
  294.  
  295. #perma {
  296.     font-family: 'Cousine', sans-serif;
  297.     font-size:8px;
  298.     text-transform:uppercase;
  299.     letter-spacing:.5px;
  300.     margin-bottom:20px;
  301.     background-color:#fbfbfb;
  302.     padding:5px;
  303.     width:{select:post width}px;
  304. }
  305.  
  306. .line {margin-left:0px;margin-top:20px;height:1px;background-color:{color:borders};width:100px;}
  307.  
  308. .info {margin-left:100px;margin-top:-10px; margin-bottom:5px; text-transform:uppercase;font-size:7px;text-align:left;letter-spacing:1px;font-family:calibri;}
  309.  
  310. #side {
  311.     top: 40px;
  312.     left: 200px;
  313.     {block:ifSidebarImage}padding:60px 60px 40px 40px;{/block:ifSidebarImage}
  314.     padding:150px 60px 40px 40px;
  315.     height:70%;
  316.     position: fixed;
  317.     text-align:justify;
  318.     width: 140px;
  319. }
  320.  
  321. #side a {
  322.     color:{color:sidebar link};
  323.     border-bottom:1px solid {color:sidebar link border};
  324.     padding-bottom:2px;
  325. }
  326.  
  327. #side a:hover {
  328.     color:{color:sidebar link hover};
  329. }
  330.  
  331. #sidebarimage {
  332.    width:140px;
  333.    margin-bottom:4px;
  334. }
  335.  
  336. #sidebarimage img {
  337. width:140px;
  338. }
  339.  
  340. #description {
  341.     margin-top:5px;
  342.     padding-bottom:5px;
  343.     border-bottom:1px solid {color:borders};
  344. }
  345.  
  346. #linkage {
  347.     text-align:center;
  348.     width:140px;
  349.     letter-spacing:1px;
  350.     word-spacing:5px;
  351.     margin-top:10px;
  352. }
  353.  
  354. #linkage a {
  355.     font: 8px 'Calibri';
  356.     text-transform:uppercase;
  357.     color: {color:link };
  358.     border-bottom:1px solid {color:borders};
  359.     padding-bottom:2px;
  360. }
  361.  
  362. #menu {
  363.     margin-top:10px;
  364. }
  365.  
  366. #menu a {
  367.     text-transform:lowercase;
  368.     border-bottom:0px;
  369. }
  370.  
  371.  
  372. .title {
  373. font-size:7px;
  374. color:{color:Title};
  375. max-width:140px;
  376. border-bottom:1px solid {color:borders};
  377. text-align:center;
  378. text-transform:uppercase;
  379. letter-spacing:2px;
  380. }
  381.  
  382. #pagination {
  383.     margin-top:15px;
  384. font-size:8px;
  385. text-align:center;
  386. font-family: 'Calibri';
  387. letter-spacing:1px;
  388.     width:140px;
  389.     margin-bottom:5px;
  390. }
  391.  
  392. blockquote {
  393.     border-left: 1px solid {color:borders};
  394.     margin-left: 6px;
  395.     padding-left: 10px;
  396.     text-align:justify;
  397.     width:{select:post width}px;
  398. }
  399.  
  400. .question {
  401. background:#f8f8f8;
  402. padding:15px;
  403. }
  404.  
  405. .asker {
  406. text-transform:lowercase;
  407. }
  408.  
  409. .asker a {
  410.     font-size:8px;
  411.     letter-spacing:1px;
  412.     text-transform:uppercase;
  413.     border-bottom:1px solid {color:link hover};
  414.     padding-bottom:2px;
  415. }
  416.  
  417. .answer {
  418. padding:11px;
  419. background:{color:background};
  420. border-bottom:1px solid #f8f8f8;
  421. margin-top:5px;
  422. }
  423.  
  424. .avatarask {
  425. border:1px solid #e1e1e1;
  426. background:{color:background};
  427. padding:3px;
  428. float:left;
  429. margin-left:0px;
  430. margin-right:10px;
  431. border-radius:50px;
  432. display:inline-block;
  433. position:relative;
  434. }
  435.  
  436. .avatarask img {
  437. width:30px;
  438. height:30px;
  439. border-radius:50px;
  440. vertical-align:middle;
  441. position:relative;
  442. }
  443.  
  444. .playerbuttonbg {
  445.                 position: absolute;
  446.                 left: 20px;
  447.                 top: 20px;
  448.                 width: 19px;
  449.                 height: 19px;
  450.                 background-color: #ffffff;
  451.                 padding: 10px;
  452.                 -webkit-border-radius: 40px;
  453.                 -moz-border-radius: 40px;
  454.                 border-radius: 40px;
  455.                 opacity: .4;
  456.                     filter: alpha(opacity=40);
  457.                     -moz-opacity: 0.4;
  458.                     -khtml-opacity: 0.4;
  459.                 transition: opacity .7s ease-in-out;
  460.                 -moz-transition: opacity .7s ease-in-out;
  461.                 -webkit-transition: opacity .7s ease-in-out;
  462.             }
  463.            
  464.             .playerbuttonbg:hover {
  465.                 opacity: 1;
  466.                     filter: alpha(opacity=100);
  467.                     -moz-opacity: 1;
  468.                     -khtml-opacity: 1;
  469.             }
  470.        
  471.             .newplayerbutton {
  472.                 position: relative;
  473.                 width: 19px;
  474.                 height: 19px;
  475.                 overflow: hidden;
  476.             }
  477.            
  478.             .playerbuttonhug {
  479.                 position: absolute;
  480.                 top: -18px;
  481.                 left: -7px;
  482.             }
  483.        
  484.             .tumblr_audio_player {
  485.                 height: 90px;
  486.                 width: 270px;
  487.                 -moz-transform: scale(0.60, 0.60);
  488.                 -webkit-transform: scale(0.60, 0.60);
  489.                 -o-transform: scale(0.60, 0.60);
  490.                 -ms-transform: scale(0.60, 0.60);
  491.                 transform: scale(0.60, 0.60);
  492.                 -moz-transform-origin: top left;
  493.                 -webkit-transform-origin: top left;
  494.                 -o-transform-origin: top left;
  495.                 -ms-transform-origin: top left;
  496.                 transform-origin: top left;
  497.             }
  498.            
  499.             .audioimgwrapper {
  500.                 position: absolute;
  501.                 left: 0px;
  502.                 top: 0px;
  503.                 -webkit-border-radius: 40px;
  504.                 -moz-border-radius: 40px;
  505.                 border-radius: 40px;
  506.                 overflow: hidden;
  507.                 width: 79px;
  508.                 height: 79px;
  509.             }
  510.            
  511.             .audioimgwrapper img {
  512.                 width: 100%;
  513.                 height: auto;
  514.                 -webkit-border-radius: 40px;
  515.                 -moz-border-radius: 40px;
  516.                 border-radius: 40px;                
  517.             }
  518.            
  519.             .trackdetails {
  520.                 width: auto;
  521.                 display:inline-block;
  522.                 margin-left: 90px;
  523.                 border-bottom:1px solid {color:borders};
  524.                 min-height: 85px;
  525.             }
  526.            
  527.             .infoaudio {
  528.                 padding:5px;
  529.                 text-align:justify;
  530.             }
  531.            
  532.             .audiowrapper {
  533.                 position: relative;
  534.                 display:inline-block;
  535.             }
  536.         .chat {
  537.      line-height: 12px;
  538.      list-style: none }
  539.  
  540. .chat ul {
  541.      line-height: 15px;
  542.      list-style: none;
  543.      padding: 0px;
  544.      line-height:20px;}
  545.  
  546. .person1 {
  547.      background-color:#fcfcfc;
  548.      color: {color:Text};}
  549.  
  550. .person1 .label {
  551.      font:8px 'Calibri';
  552.      font-weight:none;
  553.      text-transform:uppercase;
  554.      padding: 0px;
  555.      margin-left: 5px;
  556.      letter-spacing:1px;
  557.      color:{color:bold};}
  558.  
  559. .person2 {
  560. background-color:{color:background};
  561. color: {color:text}; }
  562.  
  563. .person2 .label {
  564.      font:8px 'Calibri';
  565.      font-weight:none;
  566.      text-transform:uppercase;
  567.      padding: 0px;
  568.      margin-left: 5px;
  569.      letter-spacing:1px;
  570.      color:{color:link hover};}
  571.  
  572. ol.notes img.avatar {display:none;
  573.     height:0px;
  574. }
  575. ol.notes {
  576.     margin-top: 20px;
  577.     list-style-type: none;
  578. }
  579.  
  580. #cred a {
  581.     color:{color:link};
  582.     font-family:'Calibri';
  583.     font-size:10px;
  584.     letter-spacing:1px;
  585.     text-transform:uppercase;
  586.     padding:4px;
  587. }
  588.  
  589. #cred a:hover {
  590.     color:{color:link hover};
  591.     padding:4px;
  592. }
  593.  
  594. #cred {
  595. width:auto;
  596. height:auto;
  597. bottom:15px;
  598. right:15px;
  599. padding:4px;
  600. z-index:1000000;
  601. font-size:8px;
  602. letter-spacing:1px;
  603. position:fixed;
  604. text-align:center;
  605. text-transform:uppercase;
  606.     -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;
  607. }
  608.  
  609. .permalinkview {
  610.     font:8px 'Calibri';
  611.     text-transform:uppercase;
  612.     letter-spacing:1px;
  613. }
  614.  
  615. .permalinkview a {
  616.     border-bottom:1px solid {color:borders};
  617.     padding-bottom:2px;
  618. }
  619.  
  620. iframe#tumblr_controls {
  621.     position:fixed !important;
  622.     margin-top:10px !important;
  623.     margin-right:10px !important;
  624.     opacity:0.9 !important;
  625.     z-index:99999;
  626.     filter: invert(1);
  627.     -webkit-filter: invert(1);
  628.     -moz-filter: invert(1);
  629.     -o-filter: invert(1);
  630.     -ms-filter: invert(1);
  631. }
  632.  
  633. .tmblr-iframe, #tumblr_controls, tmblr-iframe tmblr-iframe--desktop-logged-in-controls, .iframe-controls--desktop{
  634.     position:fixed !important;
  635.     top:10px !important;
  636.     right:10px !important;
  637.     opacity:0.9 !important;
  638.     z-index:9999999 !important;
  639.     -webkit-filter:invert(100%);
  640.     -moz-filter:invert(100%);
  641.     -o-filter:invert(100%);
  642.     -ms-filter:invert(100%);
  643.     filter:invert(100%);
  644. }
  645.  
  646. </style>
  647.  
  648. </head>
  649.  
  650. <body>
  651.  
  652. <div id="cred"><a title="theme @imjaebumx" href="http://imjaebumx.tumblr.com">IJX</a></div>
  653.  
  654. <!--sidebar-->
  655. <div id="side">
  656.  
  657. <div id="sidebarimage"><a href="/" title="{Title}"><img src="{image:sidebar image}"></a></div>
  658. <div class="title">{Title}</div>
  659. <div id="description">{Description}</div>
  660.  
  661. <div id="linkage"><a href="/">home</a> <a href="/ask">ask</a>  {block:ifNotdropdownlinks}{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}<br>
  662. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  663. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  664. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}{/block:ifNotdropdownlinks} {block:ifdropdownlinks}<a href="#" class="dd">links</a>
  665. <div class="links">
  666. <div id="menu">{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  667. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  668. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  669. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}</div>
  670.     </div>{/block:ifdropdownlinks}</div>
  671.  
  672. {block:Pagination}
  673. <div id="pagination"><center>
  674.  
  675.       {block:JumpPagination length="3"}
  676.             {block:CurrentPage}
  677.                   <span class="current_page">{PageNumber}</span>
  678.             {/block:CurrentPage}
  679.  
  680.             {block:JumpPage}
  681.                   <a class="jump_page" href="{URL}">{PageNumber}</a>
  682.             {/block:JumpPage}
  683.       {/block:JumpPagination}
  684.            {block:NextPage}
  685.             <a href="{NextPage}">»</a>
  686.       {/block:NextPage}
  687.       </center>
  688. </div>
  689. {/block:Pagination}
  690.  
  691. </div>
  692.  
  693. <!----->
  694.  
  695. <div id="content">
  696. {block:Posts}
  697.  
  698. <!-- {block:NoRebloggedFrom}
  699. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  700. {/block:NoRebloggedFrom} -->
  701.     <div class="entry">
  702.     <!--permalink-->
  703.     {block:iffloatingtags}{block:IndexPage}<div id="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a><br>{/block:Tags}{/block:HasTags}</div>{/block:IndexPage}
  704.     {block:PermalinkPage}<div id="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a><br>{/block:Tags}{/block:HasTags}</div>{/block:PermalinkPage}{/block:iffloatingtags}
  705.    
  706.    
  707. {block:Photo}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a> {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  708.  
  709. {block:Photoset}
  710. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  711. {block:Photos}
  712. <div class="photo-data">
  713. <div class="pxu-photo">
  714. <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}>
  715. </div>
  716. <div class="icons">
  717. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  718. </div>
  719. </div>
  720. {/block:Photos}
  721. </div>
  722. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  723. {/block:Photoset}
  724.  
  725. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body} {/block:Text}
  726.  
  727. {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  728.  
  729. {block:Quote}"{Quote}"{block:Source}<br>- {Source}{/block:Source}{/block:Quote}
  730.  
  731. {block:Chat}
  732. {block:Title}
  733. <h1>{Title}</h1>
  734. {/block:Title}
  735. <div class="chat"><ul>{block:Lines}
  736. <li class="person{UserNumber}">{block:Label}
  737. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  738.  
  739. {/block:Chat}
  740.  
  741. {block:AudioPlayer}
  742.         <div class="audiowrapper">
  743.         {block:AlbumArt}
  744.             <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  745.         {/block:AlbumArt}
  746.        
  747.         <div class="playerbuttonbg">
  748.             <div class="newplayerbutton">
  749.                 <div class="playerbuttonhug">
  750.            
  751.                     {AudioPlayerWhite}
  752.            
  753.                 </div>
  754.             </div>
  755.         </div>
  756.        
  757.         <div class="trackdetails">
  758.            
  759.                 <div class="infoaudio">{block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br/>
  760.                 {block:Artist}<b>{Artist}</b>{/block:Artist}<br/>
  761.                 {block:Album}{Album}{/block:Album}<br/>
  762.                 <i>{PlayCountWithLabel}</i></div>
  763.                
  764.    
  765.         </div>
  766. {block:Caption}{Caption}{/block:Caption}
  767.         </div>
  768.         {/block:AudioPlayer}
  769.    
  770.  
  771. {block:Video}{block:IndexPage}{Video-500}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:Video}
  772.  
  773. {block:Answer}
  774. <div class="question">
  775. <div class="avatarask"><a href="{AskerURL}"><img src="{AskerPortraitURL-30}" /></a></div>
  776. <div class="asker"><b>{Asker} asked:</b></div>
  777. {Question}</div><p>
  778. <div class="answer">
  779. {Answer}</div>
  780. {/block:Answer}
  781.  
  782. <!--permalink page-->
  783. {block:PermalinkPage}
  784. <div align="left" class="line"></div>
  785.  
  786. <center><div align="left" class="info">
  787. <span style="color:{color:text}; font-family:calibri;letter-spacing:1px;font-weight:normal;background-color:{color:background};padding:2px;padding-left:3px;color:{color:text}; border:1px solid {color:background};"><a href="{Permalink}" style="color:{color:text};border-bottom:0px;">{NoteCountWithLabel}</a>{/block:NoteCount}</div></center></div>
  788. <center><a href="#" class="viewnotes"><div class="permalinkview">View {NoteCountWithLabel}</div></div></a></center>
  789.  
  790. <center>{block:PostNotes}
  791. <div class="postnotes">{PostNotes}</div>
  792. {/block:PostNotes}</center>
  793. {/block:PermalinkPage}
  794.     <!---entry div--->
  795.  
  796. {block:IndexPage}<div align="left" class="line"></div>
  797.  
  798. <center><div align="left" class="info">
  799. {block:Date}<span style="background-color:{color:background};padding-left:5px; padding-right:3px;"><a title="@ {12Hour}{CapitalAMPM}" href="{Permalink}" style="font-family:calibri; font-size:7px; letter-spacing:1px;font-weight:normal;background-color:{color:background};padding:2px;padding-left:3px;color:{color:text}; border:1px solid {color:background};">{ShortMonth} {DayOfMonth}</a>
  800. {/block:Date}{block:NoteCount}{block:RebloggedFrom}
  801. <a href="{ReblogParentURL}" title="via: {ReblogParentName}" style="color:{color:text}; border-bottom:0px; padding-right:3px;">via</a> {block:ContentSource} <a href="{ReblogRootURL}" title="source: {ReblogRootName}" style="color:{color:text};border-bottom:0px;">source</a>{/block:ContentSource}{/block:RebloggedFrom}</span> <span style="color:{color:text}; font-family:calibri;letter-spacing:1px;font-weight:normal;background-color:{color:background};padding:2px;padding-left:3px;color:{color:text}; border:1px solid {color:background};"><a href="{Permalink}" style="color:{color:text};border-bottom:0px;">{NoteCountWithLabel}</a>{/block:NoteCount}</div></center>{/block:IndexPage}{block:ifNotfloatingtags}{block:IndexPage}<div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}   </a>{/block:Tags}{/block:HasTags}</div>{/block:IndexPage}
  802.     {block:PermalinkPage}<div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a><br>{/block:Tags}{/block:HasTags}</div>{/block:PermalinkPage}{/block:ifNotfloatingtags}
  803. </div>
  804.  
  805.  
  806.    
  807. </body>
  808.  
  809. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!