API tools faq
paste
glam0urkills

theme「FLY.JPG」by imjaebumx

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