API tools faq
paste
glam0urkills

theme「LETTING GO」by imjaebumx

glam0urkills
May 6th, 2016
453
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 26.03 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.        you can heavily edit this theme
  7.            but please >do not< remove any of the 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="#ffffff" />
  20.  <meta name="color:text" content="#a2a1a1"/>
  21.   <meta name="color:sidebar background" content="#fefefe"/>
  22.  <meta name="color:post background" content="#fefefe"
  23.  
  24. <meta name="image:background" content=""/>
  25.  <meta name="image:sidebar image" content=""/>
  26.  
  27.  <meta name="color:scrollbar" content="#525252"/>
  28.  
  29.   <meta name="color:borders" content="#f8f8f8"/>
  30.   <meta name="color:title" content="#353535"/>
  31.  <meta name="color:link" content="#353535"/>
  32.  <meta name="color:link hover" content="#d7d7d7"/>
  33.  
  34.  
  35.  <meta name="color:sidebar link" content="#353535"/>
  36.  <meta name="color:sidebar link hover" content="#a2a1a1"/>
  37.  
  38. <meta name="text:Link1" content="/" />
  39. <meta name="text:Link1 Title" content="link" />
  40. <meta name="text:Link2" content="/" />
  41. <meta name="text:Link2 Title" content="link" />
  42. <meta name="text:Link3" content="/" />
  43. <meta name="text:Link3 Title" content="link" />
  44. <meta name="text:Link4" content="/" />
  45. <meta name="text:Link4 Title" content="link" />
  46.  <meta name="text:Link5" content="/" />
  47. <meta name="text:Link5 Title" content="link" />
  48.  
  49.  
  50. <meta name="select:post width" content="250" title="250px"/>
  51. <meta name="select:post width" content="350" title="300px"/>
  52. <meta name="select:post width" content="450" title="450px"/>
  53.  
  54.  
  55. <meta name="if:lazy load" content="0"/>
  56. <meta name="if:custom cursor" content="0"/>
  57. <meta name="if:icon sidebar image" content="1"/>
  58. <meta name="if:grayscale sidebar image" content="1"/>
  59. <meta name="if:light box" content="0"/>
  60. <meta name="if:show tags" content="0"/>
  61. <meta name="if:show captions" content="0"/>
  62. <meta name="if:roman numerals links" content="0"/>
  63.  
  64.  
  65. <!-------- POP-UP SCRIPT BY ACUITE -------------->
  66.  
  67. <script type="text/javascript"
  68. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  69. <script>
  70. $(document).ready(function() {
  71. //
  72. $('a.poplight[href^=#]').click(function() {
  73. var popID = $(this).attr('rel'); //Get Popup Name
  74. var popURL = $(this).attr('href'); //Get Popup href to define size
  75. var query= popURL.split('?');
  76. var dim= query[1].split('&');
  77. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  78. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  79. var popMargTop = ($('#' + popID).height() + 80) / 2;
  80. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  81. //Apply Margin to Popup
  82. $('#' + popID).css({
  83. 'margin-top' : -popMargTop,
  84. 'margin-left' : -popMargLeft
  85. });
  86. $('body').append('<div id="fade"></div>');
  87. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  88. return false;
  89. });
  90. $('a.close, #fade').live('click', function() {
  91. $('#fade , .popup_block').fadeOut(function() {
  92. $('#fade, a.close').remove(); //fade them both out
  93. });
  94. return false;
  95. });
  96. });
  97. </script>
  98.  
  99.  <!------------------ LAZY LOAD ------------------->
  100. {block:Iflazyload}<script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  101. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  102. <script type="text/javascript" charset="utf-8">
  103. var $j = jQuery.noConflict();
  104. $j(function() {
  105. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  106. $j("img").lazyload({
  107. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  108. effect: "fadeIn",
  109. });
  110. });
  111. </script>{/block:Iflazyload}
  112.  
  113. <!------------ TOOLTIPS ---------------->
  114.  
  115. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  116. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  117. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  118. <script>
  119. (function($){
  120. $(document).ready(function(){
  121. $("[title]").style_my_tooltips({
  122. tip_follows_cursor:true,
  123. tip_delay_time:200,
  124. tip_fade_speed:300
  125. });
  126. });
  127. })(jQuery);
  128. </script>
  129.  
  130. <!--------- PHOTOSET FUNCTIONS TUTORIAL BY SHYTHEMES -------------->
  131.  
  132. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  133. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  134. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  135.  
  136. <script>
  137. $(document).ready(function(){
  138.    $('.photo-slideshow').pxuPhotoset({
  139.        lightbox: true,
  140.        rounded: false,
  141.        gutter: '2px',
  142.        borderRadius: '0px',
  143.        photoset: '.photo-slideshow',
  144.        photoWrap: '.photo-data',
  145.        photo: '.pxu-photo'
  146.    });
  147. });
  148. </script>
  149.  
  150. <!----------- DROP DOWN OPTION -------------->
  151.  
  152. <script>$(document).ready(function(){
  153.     $(".postnotes").hide();
  154.         $(".viewnotes").show();$('.viewnotes').toggle(function(){
  155.             $(".postnotes").slideDown(function(){});
  156.                 },function(){
  157.             $(".postnotes").slideUp(function(){});
  158.         });
  159. });
  160.         </script>
  161.  
  162. <!----------- FONT AWESOME TUTORIAL BY AZURETHEMES -------------->
  163.  
  164. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  165.  
  166. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  167.  
  168.  
  169.  
  170.  
  171. <style type="text/css">
  172.  
  173.  
  174. ::-moz-selection {
  175.     background: {color:borders};
  176.     color: {color:text};
  177. }
  178.  
  179. ::selection {
  180.     background: {color:borders};
  181.     color: {color:text};
  182.    
  183. }
  184.  
  185. #s-m-t-tooltip {
  186.     max-width:300px;
  187.     padding:5px;
  188.     margin:20px 20px 20px 20px;
  189.     text-transform:uppercase;
  190.     font-family:''Lato'';
  191.     font-size:8px;
  192.     font-style:none;
  193.     letter-spacing:1px;
  194.     color:{color:text};
  195.     background-color:#fff;
  196.     box-shadow:0px 0px 0px rgba(0,0,0,.0);
  197. border-radius:0%;
  198.     z-index:999999999999999999999999999999999999;
  199.     }
  200.  
  201. /* basic styles */
  202. body {
  203.     color: {color:Text};
  204.     {block:ifcustomcursor}cursor: url(http://static.tumblr.com/lpfcy4l/IGJo6q57w/custom_cursor_2.png), auto;{/block:ifcustomcursor}
  205.     background-color: {color:Background};
  206.     background-image: url({image:Background});
  207.     font: 9px 'Lato';
  208.     line-height: 18px;
  209. }
  210.  
  211. a {
  212.     text-decoration: none;
  213.     color: {color:Link};
  214.     {block:ifcustomcursor}cursor: url(http://static.tumblr.com/lpfcy4l/TQro6q58f/custom_cursor_hover_2.png), help;{/block:ifcustomcursor}
  215.         -webkit-transition: all 0.8s ease-out;
  216.     -moz-transition: all 0.8s ease-out;
  217.     transition: all 0.8s ease-out;
  218. }
  219. a:hover {
  220.     color:{color:Link Hover};
  221.     cursor: help;
  222.     {block:ifcustomcursor}cursor: url(http://static.tumblr.com/lpfcy4l/TQro6q58f/custom_cursor_hover_2.png), help;{/block:ifcustomcursor}
  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. b, bold, strong {
  229.     font-weight:bold;
  230. }
  231.  
  232. i, em {
  233.     font-style:italic;
  234. }
  235.  
  236. h1 {
  237.     font-size:30px;
  238.     font-family: 'Lato', sans-serif;
  239.     text-transform:lowercase;
  240.     font-weight:bold;
  241.     line-height:30px;
  242.     color:{color:text};
  243.     text-align:justify;
  244.     letter-spacing:-2px;
  245. }
  246.  
  247. w {
  248.     color:{color:link hover};
  249.     font-weight:bold;
  250.     letter-spacing:2px;
  251. }
  252. /* scrollbar */
  253. ::-webkit-scrollbar {width:11px;height:11px;background:{color:borders};}
  254. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  255. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {border:5px solid {color:background}; }
  256.  
  257. /* post customizations */
  258. #content { /* for the whole column of posts */
  259.     {block:IndexPage}
  260. width:{select:post width}px;
  261.     {/block:IndexPage}
  262.     {block:PermalinkPage}
  263. width:{select:post width}px;
  264.     {/block:PermalinkPage}
  265.     position: relative;
  266.     margin-left: 300px;
  267.     margin-top: 60px;
  268. }
  269.  
  270. .entry {
  271.     margin-bottom: 0px;
  272.     margin-top:40px;
  273.     width:{select:post width}px;
  274.     border:1px solid {color:borders};
  275.     background-color:{color:post background};
  276.     padding:20px;
  277.     -webkit-transition: all 0.8s ease-out;
  278.     -moz-transition: all 0.8s ease-out;
  279.     transition: all 0.8s ease-out;
  280. }
  281.  
  282. .entry a {
  283.     font-weight:bold;
  284. }
  285.  
  286. .caption {
  287.     margin-top:5px;
  288.     padding:5px;
  289.     max-width:{select:post width}px;
  290. }
  291.  
  292. .video {
  293.     width:{select:post width}px;
  294. }
  295.  
  296. .postnotes {
  297.     width:{select:post width}px;
  298.     text-align:justify;
  299.     margin-left:300px;
  300.     text-transform:uppercase;
  301. }
  302.  
  303. .postnotes img {
  304.     display:none;
  305.     height:0px;
  306. }
  307.  
  308. .tags {
  309.     width:{select:post width}px;
  310.     background-color:{color:background};
  311.     font:7px ''Lato'';
  312.     text-transform:uppercase;
  313.     text-align: left;
  314.     letter-spacing:1px;
  315.     margin-left:20px;
  316.     -webkit-transition: all 0.8s ease-out;
  317.     -moz-transition: all 0.8s ease-out;
  318.     transition: all 0.8s ease-out;
  319. }
  320.  
  321. .tags a {
  322.     font-weight:none;
  323.     font-size:8px;
  324.     margin-left:2px;
  325.     border-bottom:0px;
  326.     padding-bottom:0px;
  327. }
  328.  
  329. .line {
  330.     border-bottom:1px solid {color:borders};
  331.     margin-top:5px;
  332.     margin-left:40px;
  333.     width:140px;
  334.     margin-bottom:5px;
  335. }
  336.  
  337.  
  338. #perma {
  339.     font-family: 'Cousine', sans-serif;
  340.     font-size:7px;
  341.     text-transform:uppercase;
  342.     letter-spacing:.5px;
  343.     margin-bottom:20px;
  344.     background-color:#fbfbfb;
  345.     padding:5px;
  346.     width:{select:post width}px;
  347. }
  348.  
  349. .info {margin-top:5px; margin-bottom:5px; margin-left:15px; text-transform:uppercase;font-size:7px;text-align:center;letter-spacing:1px;font-family:'Lato'; background-color:transparent; padding:5px; width:{select:post width}px; position:relative;}
  350.  
  351. .info a {
  352.     border:1px solid {color:borders};
  353.     padding:2px;
  354.     background-color:{color:background};
  355.     color:{color:link};
  356. }
  357.  
  358.  
  359. .infoperma {margin-top:5px; margin-bottom:5px; margin-left:15px; text-transform:uppercase;font-size:7px;text-align:center;letter-spacing:1px;font-family:'Lato'; background-color:transparent; padding:5px; width:{select:post width}px; position:relative;}
  360.  
  361. .infoperma a {
  362.     border:1px solid {color:borders};
  363.     padding:2px;
  364.     background-color:{color:background};
  365.     color:{color:link};
  366. }
  367.  
  368.  
  369. #side {
  370.     top: 0px;
  371.     left: 80px;
  372.     padding:180px 20px 40px 40px;
  373.     height:100%;
  374.     position: fixed;
  375.     text-align:justify;
  376.     width: 140px;
  377.     border-right:1px solid {color:borders};
  378. }
  379.  
  380. #side a {
  381.     font-weight:none;
  382. }
  383.  
  384. #description {
  385.     margin-top:5px;
  386.     padding:20px;
  387.     border:1px solid {color:borders};
  388.     background-color:{color:sidebar background};
  389. }
  390.  
  391. .popup_block{
  392.     display:none;
  393.     background:{color:background};
  394.     border:1px solid {color:borders};
  395.     padding:20px;
  396.     float:left;
  397.     position:fixed;
  398.     top:50%;left:50%;
  399.     z-index: 99999;
  400. }
  401.  
  402. *html #fade {position: absolute;}
  403. *html .popup_block {position: absolute;}
  404. #fade {
  405.     display:none;
  406.     position:fixed;
  407.     left:0px;
  408.     top:0px;
  409.     width:100%;
  410.     height:100%;
  411.     z-index:9999;
  412.     background:#ffffff;
  413.     opacity:0.9;
  414. }
  415.  
  416. #menu {
  417.     margin-top:10px;
  418. }
  419.  
  420. #menu a {
  421.     text-transform:lowercase;
  422.     border-bottom:0px;
  423. }
  424.  
  425.  
  426. .title {
  427.     width:140px;
  428.     color:{color:title};
  429.     text-align: right;
  430.     font-family:'Lato';
  431.     font-size:12px;
  432.     letter-spacing:1px;
  433.     text-transform:uppercase;
  434.     padding-bottom:10px;
  435.     font-weight:none;
  436. }
  437.  
  438. .sidebarimage {
  439.     width:140px;
  440.     padding-bottom:10px;
  441.     text-align:right;
  442. }
  443.  
  444. .sidebarimage img {
  445.     width:48px;
  446.     height:48px;
  447.     {block:ifgrayscalesidebarimage}
  448.     -webkit-filter: grayscale(100%);{/block:ifgrayscalesidebarimage}
  449.     padding:5px;
  450.     border-radius:50px;
  451. }
  452.  
  453. .linkage {
  454.     width:128px;
  455.     margin-top:15px;
  456.     border-bottom:1px solid {color:borders};
  457.     border-top:1px solid {color:borders};
  458.     word-spacing:5px;
  459.     padding:5px;
  460.     font-weight:none;
  461.     text-align:center;
  462. }
  463.  
  464. .linkage a {
  465.     color:{color:sidebar link};
  466.     font-weight:none;
  467.     text-transform:lowercase;
  468.     font-size:9px;
  469.     padding:2px;
  470. }
  471.  
  472. .linkage a:hover {
  473.     color:{color:sidebar link hover};
  474. }
  475.  
  476. #pagination {
  477.     margin-top:20px;
  478.     font-size:10px;
  479. text-align:center;
  480. font-family: ''Lato'';
  481. letter-spacing:1px;
  482.     width:140px;
  483.     margin-bottom:5px;
  484. }
  485.  
  486. blockquote {
  487.     border-left: 1px solid {color:text};
  488.     margin-left: 6px;
  489.     padding-left: 10px;
  490.     text-align:justify;
  491.     max-width:{select:post width}px;
  492. }
  493.  
  494. blockquote img {
  495.     max-width:{select:post width}px;
  496. }
  497.  
  498. .question {
  499. background:{color:background};
  500. border:1px solid {color:borders};
  501. padding:15px;
  502. }
  503.  
  504. .asker {
  505. text-transform:uppercase;
  506. }
  507.  
  508. .asker a {
  509.     font-size:8px;
  510.     letter-spacing:1px;
  511.     text-transform:uppercase;
  512.     border-bottom:1px solid {color:link hover};
  513.     padding-bottom:2px;
  514. }
  515.  
  516. .answer {
  517. padding:11px;
  518. background:{color:post background};
  519. margin-top:5px;
  520. }
  521.  
  522. .avatarask {
  523. border:1px solid {color:borders};
  524. background:{color:background};
  525. padding:3px;
  526. float:left;
  527. margin-left:0px;
  528. margin-right:10px;
  529. border-radius:50px;
  530. display:inline-block;
  531. position:relative;
  532. }
  533.  
  534. .avatarask img {
  535. width:30px;
  536. height:30px;
  537. border-radius:50px;
  538. vertical-align:middle;
  539. position:relative;
  540. }
  541.  
  542. .playerbuttonbg {
  543.                 position: absolute;
  544.                 left: 20px;
  545.                 top: 20px;
  546.                 width: 19px;
  547.                 height: 19px;
  548.                 background-color: #ffffff;
  549.                 padding: 10px;
  550.                 -webkit-border-radius: 40px;
  551.                 -moz-border-radius: 40px;
  552.                 border-radius: 40px;
  553.                 opacity: .4;
  554.                     filter: alpha(opacity=40);
  555.                     -moz-opacity: 0.4;
  556.                     -khtml-opacity: 0.4;
  557.                 transition: opacity .7s ease-in-out;
  558.                 -moz-transition: opacity .7s ease-in-out;
  559.                 -webkit-transition: opacity .7s ease-in-out;
  560.             }
  561.            
  562.             .playerbuttonbg:hover {
  563.                 opacity: 1;
  564.                     filter: alpha(opacity=100);
  565.                     -moz-opacity: 1;
  566.                     -khtml-opacity: 1;
  567.             }
  568.        
  569.             .newplayerbutton {
  570.                 position: relative;
  571.                 width: 19px;
  572.                 height: 19px;
  573.                 overflow: hidden;
  574.             }
  575.            
  576.             .playerbuttonhug {
  577.                 position: absolute;
  578.                 top: -18px;
  579.                 left: -7px;
  580.             }
  581.        
  582.             .tumblr_audio_player {
  583.                 height: 90px;
  584.                 width: 270px;
  585.                 -moz-transform: scale(0.60, 0.60);
  586.                 -webkit-transform: scale(0.60, 0.60);
  587.                 -o-transform: scale(0.60, 0.60);
  588.                 -ms-transform: scale(0.60, 0.60);
  589.                 transform: scale(0.60, 0.60);
  590.                 -moz-transform-origin: top left;
  591.                 -webkit-transform-origin: top left;
  592.                 -o-transform-origin: top left;
  593.                 -ms-transform-origin: top left;
  594.                 transform-origin: top left;
  595.             }
  596.            
  597.             .audioimgwrapper {
  598.                 position: absolute;
  599.                 left: 0px;
  600.                 top: 0px;
  601.                 -webkit-border-radius: 40px;
  602.                 -moz-border-radius: 40px;
  603.                 border-radius: 40px;
  604.                 overflow: hidden;
  605.                 width: 79px;
  606.                 height: 79px;
  607.             }
  608.            
  609.             .audioimgwrapper img {
  610.                 width: 100%;
  611.                 height: auto;
  612.                 -webkit-border-radius: 40px;
  613.                 -moz-border-radius: 40px;
  614.                 border-radius: 40px;                
  615.             }
  616.            
  617.             .trackdetails {
  618.                 width: auto;
  619.                 display:inline-block;
  620.                 margin-left: 90px;
  621.                 border-bottom:1px solid {color:borders};
  622.                 min-height: 85px;
  623.             }
  624.            
  625.             .infoaudio {
  626.                 padding:5px;
  627.                 text-align:justify;
  628.             }
  629.            
  630.             .audiowrapper {
  631.                 position: relative;
  632.                 display:inline-block;
  633.             }
  634.         .chat {
  635.      line-height: 12px;
  636.      list-style: none }
  637.  
  638. .chat ul {
  639.      line-height: 15px;
  640.      list-style: none;
  641.      padding: 0px;
  642.      line-height:20px;}
  643.  
  644. .person1 {
  645.      background-color:#f8f8f8;
  646.      color: {color:Text};}
  647.  
  648. .person1 .label {
  649.      font:8px ''Lato'';
  650.      font-weight:none;
  651.      text-transform:uppercase;
  652.      padding: 0px;
  653.      margin-left: 5px;
  654.      letter-spacing:1px;
  655.      color:{color:bold};}
  656.  
  657. .person2 {
  658. background-color:#ffffff;
  659. color: {color:text}; }
  660.  
  661. .person2 .label {
  662.      font:8px ''Lato'';
  663.      font-weight:none;
  664.      text-transform:uppercase;
  665.      padding: 0px;
  666.      margin-left: 5px;
  667.      letter-spacing:1px;
  668.      color:{color:link hover};}
  669.  
  670. ol.notes img.avatar {display:none;
  671.     height:0px;
  672.     border-radius:50px;
  673. }
  674. ol.notes {
  675.     margin-top: 20px;
  676.     list-style-type: none;
  677. }
  678.  
  679. #cred a {
  680.     color:{color:link};
  681.     font-family:''Lato'';
  682.     font-size:10px;
  683.     letter-spacing:1px;
  684.     text-transform:uppercase;
  685.     padding:4px;
  686. }
  687.  
  688. #cred a:hover {
  689.     color:{color:link hover};
  690.     padding:4px;
  691. }
  692.  
  693. #cred {
  694. width:auto;
  695. height:auto;
  696. bottom:15px;
  697. right:15px;
  698. padding:4px;
  699. z-index:1000000;
  700. font-size:8px;
  701. letter-spacing:1px;
  702. position:fixed;
  703. text-align:center;
  704. text-transform:uppercase;
  705.     -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;
  706. }
  707.  
  708. .permalinkview {
  709.     font:8px ''Lato'';
  710.     margin-left:30px;
  711.     font-weight:bold;
  712.     font-size:8px;
  713.     margin-top:15px;
  714.     text-transform:uppercase;
  715.     letter-spacing:1px;
  716. }
  717.  
  718. .permalinkview a {
  719.     border-bottom:1px solid {color:borders};
  720.     padding-bottom:2px;
  721. }
  722.  
  723. .viewtags {
  724.     display:inline;
  725. }
  726.  
  727. .viewtags a {
  728.     color:{color:links};
  729. }
  730.  
  731.  
  732. iframe#tumblr_controls, iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  733.     position:fixed;
  734.     white-space:nowrap;
  735.     -webkit-filter: invert(100%);
  736.     -moz-filter: invert(100%);
  737.     -o-filter: invert(100%);
  738.     -ms-filter: invert(100%);
  739.     filter: invert(100%);
  740.     opacity:.5;
  741. }
  742.  
  743. {block:iflightbox}#vignette, .vignette{opacity:0!important;}.lightbox-caption {color:#000;}
  744. #tumblr_lightbox,.tmblr-lightbox{background:rgba(255,255,255,0.7)!important;}
  745. #tumblr_lightbox img, .lightbox-image {box-shadow:none!important;border-radius:0px!important;}{/block:iflightbox}
  746.  
  747. </style>
  748.  
  749. </head>
  750.  
  751. <body>
  752.  
  753. <div id="cred"><a title="theme @imjaebumx" href="http://imjaebumx.tumblr.com">IJX</a></div>
  754.  
  755. <!--sidebar-->
  756. <div id="side">
  757.  
  758. <div class="sidebarimage">
  759.     {block:ificonsidebarimage}<a href="/" title="refresh"><img src="{PortraitURL-48}"/></a>{/block:ificonsidebarimage}
  760.     {block:ifNoticonsidebarimage}<a href="/" title="refresh"><img src="{image:sidebar image}"/></a>{/block:ifNoticonsidebarimage}
  761.    
  762. </div>
  763.  
  764. <div class="title">{Title}</div>
  765. <div id="description">{Description}</div>
  766.  
  767. <div class="linkage">
  768. {block:ifRomanNumeralsLinks}{block:ifLink1}<a href="{text:Link1}" title="{text:Link1 Title}">i.</a>{/block:ifLink1} {block:ifLink2}<a href="{text:Link2}" title="{text:Link2 Title}">ii.</a>{/block:ifLink2} {block:ifLink3}<a href="{text:Link3}" title="{text:Link3 Title}">iii.</a>{/block:ifLink3} {block:ifLink4}<a href="{text:Link4}" title="{text:Link4 Title}">iv.</a>{/block:ifLink4} {block:ifLink5}<a href="{text:Link5}" title="{text:Link5 Title}">v.</a>{/block:ifLink5} {/block:ifRomanNumeralsLinks}
  769.    
  770. {block:ifNotRomanNumeralsLinks}{block:ifLink1}<a href="{text:Link1}" >{text:Link1 Title}</a>{/block:ifLink1} {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2} {block:ifLink3}<a href="{text:Link3}" >{text:Link3 Title}</a>{/block:ifLink3} {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4} {block:ifLink5}<a href="{text:Link5}" >{text:Link5 Title}</a>{/block:ifLink5} {/block:ifNotRomanNumeralsLinks}    
  771.    
  772. </div>
  773.  
  774.  
  775. {block:Pagination}
  776. <div id="pagination">
  777.      <center>{block:PreviousPage}
  778.            <a href="{PreviousPage}">« </a>
  779.      {/block:PreviousPage}
  780.  
  781.      {block:JumpPagination}
  782.            {block:CurrentPage}
  783.                  {CurrentPage} OF {TotalPages}
  784.            {/block:CurrentPage}
  785.      {/block:JumpPagination}
  786.  
  787.      {block:NextPage}
  788.            <a href="{NextPage}"> »</a>
  789.      {/block:NextPage}</center>
  790. </div>
  791. {/block:Pagination}
  792.  
  793. </div>
  794.  
  795. <!----->
  796.  
  797. <div id="content">
  798. {block:Posts}
  799.  
  800. <!-- {block:NoRebloggedFrom}
  801. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  802. {/block:NoRebloggedFrom} -->
  803.     <div class="entry">
  804.     <!--permalink-->
  805.    
  806.    
  807. {block:Photo}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a> {block:IndexPage}{block:Caption}<div class="caption">{block:showCaptions}{Caption}{/block:showCaptions}</div>{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  808.  
  809. {block:Photoset}
  810. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  811. {block:Photos}
  812. <div class="photo-data">
  813. <div class="pxu-photo">
  814. <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="<div class="caption">{Caption}</div>"{/block:Caption}>
  815. </div>
  816. <div class="icons">
  817. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  818. </div>
  819. </div>
  820. {/block:Photos}
  821. </div>
  822. {block:IndexPage}{block:Caption}<div class="text"><div class="caption">{block:showCaptions}{Caption}{/block:showCaptions}</div></div>{/block:Caption}{/block:IndexPage}
  823. {/block:Photoset}
  824.  
  825. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body} {/block:Text}
  826.  
  827. {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  828.  
  829. {block:Quote}<h1><w>“{Quote}”</w></h1>{block:Source}<br>- {Source}{/block:Source}{/block:Quote}
  830.  
  831. {block:Chat}
  832. {block:Title}
  833. <h1>{Title}</h1>
  834. {/block:Title}
  835. <div class="chat"><ul>{block:Lines}
  836. <li class="person{UserNumber}">{block:Label}
  837. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  838.  
  839. {/block:Chat}
  840.  
  841. {block:AudioPlayer}
  842.         <div class="audiowrapper">
  843.         {block:AlbumArt}
  844.             <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  845.         {/block:AlbumArt}
  846.        
  847.         <div class="playerbuttonbg">
  848.             <div class="newplayerbutton">
  849.                 <div class="playerbuttonhug">
  850.            
  851.                     {AudioPlayerWhite}
  852.            
  853.                 </div>
  854.             </div>
  855.         </div>
  856.        
  857.         <div class="trackdetails">
  858.            
  859.                 <div class="infoaudio">{block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br/>
  860.                 {block:Artist}<b>{Artist}</b>{/block:Artist}<br/>
  861.                 {block:Album}{Album}{/block:Album}<br/>
  862.                 <i>{PlayCountWithLabel}</i></div>
  863.                
  864.    
  865.         </div>
  866. {block:Caption}<div class="caption">{block:showCaptions}{Caption}{/block:showCaptions}</div>{/block:Caption}
  867.         </div>
  868.         {/block:AudioPlayer}
  869.    
  870.  
  871. {block:Video}{block:IndexPage}<div class="video">{Video-500}</div>{/block:PermalinkPage} {block:IndexPage}{block:Caption}<div class="caption">{block:showCaptions}{Caption}{/block:showCaptions}</div>{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{block:Video}
  872.  
  873. {block:Answer}
  874. <div class="question">
  875. <div class="avatarask"><img src="{AskerPortraitURL-30}"/></div>
  876. <div class="asker"><b>{Asker} ASKED:</b></div>{Question}</div><p>
  877. <div class="answer">
  878. {Answer}</div>
  879. {/block:Answer}
  880.  
  881. <!--permalink page-->
  882. {block:PermalinkPage}
  883.  </div>
  884.  
  885. <div class="infoperma">
  886. {block:Date}<a href="{Permalink}">posted on {Month} {DayOfMonth}</a>{/block:Date} {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via: {ReblogParentName}">via {ReblogParentName}</a> <a href="{ReblogRootURL}" title="source: {ReblogRootName}">source {ReblogRootName}</a>{/block:RebloggedFrom}</div>
  887.  
  888. <center>{block:HasTags}<div class="line"></div> <div class="tags"><font color={color:link}></font> {block:Tags}<a href="{TagUrl}">#{Tag}   </a>{/block:Tags}</div>{/block:HasTags}</center>
  889.  
  890. <center><a href="#" class="viewnotes"><div class="permalinkview">View {NoteCountWithLabel}</div></div></a></center>
  891.  
  892. {block:PostNotes}
  893. <div class="postnotes">{PostNotes}</div>
  894. {/block:PostNotes}
  895. {/block:PermalinkPage}
  896.     <!---entry div--->
  897.  
  898. </div>
  899.  
  900. {block:IndexPage}
  901.  
  902. <center>
  903. <div align="center" class="info">
  904. {block:Date}<a href="{Permalink}">{TimeAgo}</a>
  905. {/block:Date}{block:NoteCount} <a href="{Permalink}">{NoteCount} <i class="fa fa-heart"></i></a>{/block:NoteCount}</div> {block:ifshowTags}{block:HasTags}<div class="tags"> {block:Tags}<a href="{TagUrl}">#{Tag}   </a>{/block:Tags}</div>
  906. </center>{/block:HasTags}{/block:ifshowTags}</center>
  907.    
  908. </body>
  909.  
  910. </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!